Updates

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

.changeset/plugin-header-remove-toolbar-wrapper.md

@@ -2,8 +2,8 @@
 '@backstage/ui': minor
 ---
 
-**BREAKING**: Removed the `toolbarWrapper` element from `PluginHeader` and dropped `toolbarWrapper` from `PluginHeaderDefinition.classNames`. Toolbar layout styles now live on `toolbar` (`.bui-PluginHeaderToolbar`). Update custom CSS that targeted `.bui-PluginHeaderToolbarWrapper` to use `.bui-PluginHeaderToolbar` instead.
+**BREAKING**: Removed the `toolbarWrapper` element from `PluginHeader` and dropped `toolbarWrapper` from `PluginHeaderDefinition.classNames`. Toolbar layout styles now live on `toolbar` (`.bui-PluginHeaderToolbar`).
+
+**Migration:** Update custom CSS that targeted `.bui-PluginHeaderToolbarWrapper` to use `.bui-PluginHeaderToolbar` instead.
 
 **Affected components:** PluginHeader
-
-`PluginHeader` now establishes a neutral background provider (same rules as `Box` with `bg="neutral"`) so controls in the toolbar and tabs resolve `data-on-bg` correctly.

packages/ui/src/components/PluginHeader/PluginHeader.tsx

@@ -129,7 +129,9 @@ export const PluginHeader = (props: PluginHeaderProps) => {
     <>
       <div className={classes.toolbar} data-has-tabs={hasTabs}>
         <div className={classes.toolbarContent}>
-          <div className={classes.toolbarIcon}>{icon || <RiShapesLine />}</div>
+          <div className={classes.toolbarIcon} aria-hidden="true">
+            {icon || <RiShapesLine />}
+          </div>
           <h1 className={classes.toolbarName}>
             {titleLink ? (
               <Link href={titleLink} standalone variant="body-medium">