@patternfly/react-core 5.0.0-alpha.99 → 5.0.0-prerelease.10

package/src/components/NumberInput/examples/NumberInput.md

@@ -1,7 +1,7 @@
 ---
 id: Number input
 section: components
-cssPrefix: pf-c-number-input
+cssPrefix: pf-v5-c-number-input
 propComponents: ['NumberInput']
 ---
 

package/src/components/OverflowMenu/OverflowMenuDropdownItem.tsx

@@ -18,7 +18,7 @@ export const OverflowMenuDropdownItem: React.FunctionComponent<OverflowMenuDropd
   <OverflowMenuContext.Consumer>
     {(value) =>
       (!isShared || value.isBelowBreakpoint) && (
-        <DropdownItem component="button" itemId={itemId} {...additionalProps}>
+        <DropdownItem component="button" value={itemId} {...additionalProps}>
           {children}
         </DropdownItem>
       )

package/src/components/OverflowMenu/__tests__/Generated/__snapshots__/OverflowMenuDropdownItem.test.tsx.snap

@@ -5,7 +5,7 @@ exports[`OverflowMenuDropdownItem should match snapshot 1`] = `
   <li
     class="pf-v5-c-menu__list-item"
     data-ouia-component-id="OUIA-Generated-DropdownItem-1"
-    data-ouia-component-type="PF4/DropdownItem"
+    data-ouia-component-type="PF5/DropdownItem"
     data-ouia-safe="true"
     role="none"
   >

package/src/components/OverflowMenu/examples/OverflowMenu.md

@@ -1,7 +1,7 @@
 ---
 id: Overflow menu
 section: components
-cssPrefix: pf-c-overflow-menu
+cssPrefix: pf-v5-c-overflow-menu
 propComponents:
   [
     'OverflowMenu',

package/src/components/Page/__tests__/PageSidebarBody.test.tsx

@@ -18,7 +18,7 @@ test('Renders with children', () => {
   expect(screen.getByText('Test')).toBeVisible();
 });
 
-test('Renders with class pf-c-page__sidebar-body by default', () => {
+test('Renders with class pf-v5-c-page__sidebar-body by default', () => {
   render(<PageSidebarBody>Test</PageSidebarBody>);
 
   expect(screen.getByText('Test')).toHaveClass('pf-v5-c-page__sidebar-body');

package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap

@@ -163,7 +163,7 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
           aria-label="Breadcrumb"
           class="pf-v5-c-breadcrumb"
           data-ouia-component-id="OUIA-Generated-Breadcrumb-4"
-          data-ouia-component-type="PF4/Breadcrumb"
+          data-ouia-component-type="PF5/Breadcrumb"
           data-ouia-safe="true"
         >
           <ol
@@ -185,8 +185,10 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -210,8 +212,10 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -235,8 +239,10 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -321,7 +327,7 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
           aria-label="Breadcrumb"
           class="pf-v5-c-breadcrumb"
           data-ouia-component-id="OUIA-Generated-Breadcrumb-1"
-          data-ouia-component-type="PF4/Breadcrumb"
+          data-ouia-component-type="PF5/Breadcrumb"
           data-ouia-safe="true"
         >
           <ol
@@ -343,8 +349,10 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -368,8 +376,10 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -393,8 +403,10 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -482,7 +494,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
             aria-label="Breadcrumb"
             class="pf-v5-c-breadcrumb"
             data-ouia-component-id="OUIA-Generated-Breadcrumb-7"
-            data-ouia-component-type="PF4/Breadcrumb"
+            data-ouia-component-type="PF5/Breadcrumb"
             data-ouia-safe="true"
           >
             <ol
@@ -504,8 +516,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
                     aria-hidden="true"
                     class="pf-v5-svg"
                     fill="currentColor"
+                    height="1em"
                     role="img"
                     viewBox="0 0 256 512"
+                    width="1em"
                   >
                     <path
                       d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -529,8 +543,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
                     aria-hidden="true"
                     class="pf-v5-svg"
                     fill="currentColor"
+                    height="1em"
                     role="img"
                     viewBox="0 0 256 512"
+                    width="1em"
                   >
                     <path
                       d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -554,8 +570,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
                     aria-hidden="true"
                     class="pf-v5-svg"
                     fill="currentColor"
+                    height="1em"
                     role="img"
                     viewBox="0 0 256 512"
+                    width="1em"
                   >
                     <path
                       d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -580,7 +598,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
             aria-label="Nav"
             class="pf-v5-c-nav pf-m-horizontal pf-m-tertiary"
             data-ouia-component-id="OUIA-Generated-Nav-tertiary-2"
-            data-ouia-component-type="PF4/Nav"
+            data-ouia-component-type="PF5/Nav"
             data-ouia-safe="true"
           >
             <button
@@ -592,8 +610,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
                 aria-hidden="true"
                 class="pf-v5-svg"
                 fill="currentColor"
+                height="1em"
                 role="img"
                 viewBox="0 0 256 512"
+                width="1em"
               >
                 <path
                   d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -607,7 +627,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
               <li
                 class="pf-v5-c-nav__item"
                 data-ouia-component-id="OUIA-Generated-NavItem-6"
-                data-ouia-component-type="PF4/NavItem"
+                data-ouia-component-type="PF5/NavItem"
                 data-ouia-safe="true"
               >
                 <a
@@ -620,7 +640,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
               <li
                 class="pf-v5-c-nav__item"
                 data-ouia-component-id="OUIA-Generated-NavItem-7"
-                data-ouia-component-type="PF4/NavItem"
+                data-ouia-component-type="PF5/NavItem"
                 data-ouia-safe="true"
               >
                 <a
@@ -632,7 +652,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
               <li
                 class="pf-v5-c-nav__item"
                 data-ouia-component-id="OUIA-Generated-NavItem-8"
-                data-ouia-component-type="PF4/NavItem"
+                data-ouia-component-type="PF5/NavItem"
                 data-ouia-safe="true"
               >
                 <a
@@ -644,7 +664,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
               <li
                 class="pf-v5-c-nav__item"
                 data-ouia-component-id="OUIA-Generated-NavItem-9"
-                data-ouia-component-type="PF4/NavItem"
+                data-ouia-component-type="PF5/NavItem"
                 data-ouia-safe="true"
               >
                 <a
@@ -656,7 +676,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
               <li
                 class="pf-v5-c-nav__item"
                 data-ouia-component-id="OUIA-Generated-NavItem-10"
-                data-ouia-component-type="PF4/NavItem"
+                data-ouia-component-type="PF5/NavItem"
                 data-ouia-safe="true"
               >
                 <a
@@ -675,8 +695,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
                 aria-hidden="true"
                 class="pf-v5-svg"
                 fill="currentColor"
+                height="1em"
                 role="img"
                 viewBox="0 0 256 512"
+                width="1em"
               >
                 <path
                   d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -759,7 +781,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
             aria-label="Nav"
             class="pf-v5-c-nav pf-m-horizontal pf-m-tertiary"
             data-ouia-component-id="OUIA-Generated-Nav-tertiary-3"
-            data-ouia-component-type="PF4/Nav"
+            data-ouia-component-type="PF5/Nav"
             data-ouia-safe="true"
           >
             <button
@@ -771,8 +793,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                 aria-hidden="true"
                 class="pf-v5-svg"
                 fill="currentColor"
+                height="1em"
                 role="img"
                 viewBox="0 0 256 512"
+                width="1em"
               >
                 <path
                   d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -786,7 +810,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
               <li
                 class="pf-v5-c-nav__item"
                 data-ouia-component-id="OUIA-Generated-NavItem-11"
-                data-ouia-component-type="PF4/NavItem"
+                data-ouia-component-type="PF5/NavItem"
                 data-ouia-safe="true"
               >
                 <a
@@ -799,7 +823,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
               <li
                 class="pf-v5-c-nav__item"
                 data-ouia-component-id="OUIA-Generated-NavItem-12"
-                data-ouia-component-type="PF4/NavItem"
+                data-ouia-component-type="PF5/NavItem"
                 data-ouia-safe="true"
               >
                 <a
@@ -811,7 +835,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
               <li
                 class="pf-v5-c-nav__item"
                 data-ouia-component-id="OUIA-Generated-NavItem-13"
-                data-ouia-component-type="PF4/NavItem"
+                data-ouia-component-type="PF5/NavItem"
                 data-ouia-safe="true"
               >
                 <a
@@ -823,7 +847,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
               <li
                 class="pf-v5-c-nav__item"
                 data-ouia-component-id="OUIA-Generated-NavItem-14"
-                data-ouia-component-type="PF4/NavItem"
+                data-ouia-component-type="PF5/NavItem"
                 data-ouia-safe="true"
               >
                 <a
@@ -835,7 +859,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
               <li
                 class="pf-v5-c-nav__item"
                 data-ouia-component-id="OUIA-Generated-NavItem-15"
-                data-ouia-component-type="PF4/NavItem"
+                data-ouia-component-type="PF5/NavItem"
                 data-ouia-safe="true"
               >
                 <a
@@ -854,8 +878,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                 aria-hidden="true"
                 class="pf-v5-svg"
                 fill="currentColor"
+                height="1em"
                 role="img"
                 viewBox="0 0 256 512"
+                width="1em"
               >
                 <path
                   d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -874,7 +900,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
               aria-label="Breadcrumb"
               class="pf-v5-c-breadcrumb"
               data-ouia-component-id="OUIA-Generated-Breadcrumb-8"
-              data-ouia-component-type="PF4/Breadcrumb"
+              data-ouia-component-type="PF5/Breadcrumb"
               data-ouia-safe="true"
             >
               <ol
@@ -896,8 +922,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                       aria-hidden="true"
                       class="pf-v5-svg"
                       fill="currentColor"
+                      height="1em"
                       role="img"
                       viewBox="0 0 256 512"
+                      width="1em"
                     >
                       <path
                         d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -921,8 +949,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                       aria-hidden="true"
                       class="pf-v5-svg"
                       fill="currentColor"
+                      height="1em"
                       role="img"
                       viewBox="0 0 256 512"
+                      width="1em"
                     >
                       <path
                         d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -946,8 +976,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                       aria-hidden="true"
                       class="pf-v5-svg"
                       fill="currentColor"
+                      height="1em"
                       role="img"
                       viewBox="0 0 256 512"
+                      width="1em"
                     >
                       <path
                         d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1034,7 +1066,7 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
           aria-label="Nav"
           class="pf-v5-c-nav pf-m-horizontal pf-m-tertiary"
           data-ouia-component-id="OUIA-Generated-Nav-tertiary-1"
-          data-ouia-component-type="PF4/Nav"
+          data-ouia-component-type="PF5/Nav"
           data-ouia-safe="true"
         >
           <button
@@ -1046,8 +1078,10 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
               aria-hidden="true"
               class="pf-v5-svg"
               fill="currentColor"
+              height="1em"
               role="img"
               viewBox="0 0 256 512"
+              width="1em"
             >
               <path
                 d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -1061,7 +1095,7 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
             <li
               class="pf-v5-c-nav__item"
               data-ouia-component-id="OUIA-Generated-NavItem-1"
-              data-ouia-component-type="PF4/NavItem"
+              data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
               <a
@@ -1074,7 +1108,7 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
             <li
               class="pf-v5-c-nav__item"
               data-ouia-component-id="OUIA-Generated-NavItem-2"
-              data-ouia-component-type="PF4/NavItem"
+              data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
               <a
@@ -1086,7 +1120,7 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
             <li
               class="pf-v5-c-nav__item"
               data-ouia-component-id="OUIA-Generated-NavItem-3"
-              data-ouia-component-type="PF4/NavItem"
+              data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
               <a
@@ -1098,7 +1132,7 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
             <li
               class="pf-v5-c-nav__item"
               data-ouia-component-id="OUIA-Generated-NavItem-4"
-              data-ouia-component-type="PF4/NavItem"
+              data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
               <a
@@ -1110,7 +1144,7 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
             <li
               class="pf-v5-c-nav__item"
               data-ouia-component-id="OUIA-Generated-NavItem-5"
-              data-ouia-component-type="PF4/NavItem"
+              data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
               <a
@@ -1129,8 +1163,10 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
               aria-hidden="true"
               class="pf-v5-svg"
               fill="currentColor"
+              height="1em"
               role="img"
               viewBox="0 0 256 512"
+              width="1em"
             >
               <path
                 d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1179,7 +1215,7 @@ exports[`Page Check page to verify skip to content points to main content region
         aria-disabled="false"
         class="pf-v5-c-button pf-m-primary"
         data-ouia-component-id="OUIA-Generated-Button-primary-1"
-        data-ouia-component-type="PF4/Button"
+        data-ouia-component-type="PF5/Button"
         data-ouia-safe="true"
         href="#main-content-page-layout-test-nav"
       >
@@ -1222,7 +1258,7 @@ exports[`Page Check page to verify skip to content points to main content region
           aria-label="Breadcrumb"
           class="pf-v5-c-breadcrumb"
           data-ouia-component-id="OUIA-Generated-Breadcrumb-9"
-          data-ouia-component-type="PF4/Breadcrumb"
+          data-ouia-component-type="PF5/Breadcrumb"
           data-ouia-safe="true"
         >
           <ol
@@ -1244,8 +1280,10 @@ exports[`Page Check page to verify skip to content points to main content region
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1269,8 +1307,10 @@ exports[`Page Check page to verify skip to content points to main content region
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1294,8 +1334,10 @@ exports[`Page Check page to verify skip to content points to main content region
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1441,7 +1483,7 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
           aria-label="Breadcrumb"
           class="pf-v5-c-breadcrumb"
           data-ouia-component-id="OUIA-Generated-Breadcrumb-6"
-          data-ouia-component-type="PF4/Breadcrumb"
+          data-ouia-component-type="PF5/Breadcrumb"
           data-ouia-safe="true"
         >
           <ol
@@ -1463,8 +1505,10 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1488,8 +1532,10 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1513,8 +1559,10 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1599,7 +1647,7 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
           aria-label="Breadcrumb"
           class="pf-v5-c-breadcrumb"
           data-ouia-component-id="OUIA-Generated-Breadcrumb-3"
-          data-ouia-component-type="PF4/Breadcrumb"
+          data-ouia-component-type="PF5/Breadcrumb"
           data-ouia-safe="true"
         >
           <ol
@@ -1621,8 +1669,10 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1646,8 +1696,10 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1671,8 +1723,10 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1757,7 +1811,7 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
           aria-label="Breadcrumb"
           class="pf-v5-c-breadcrumb"
           data-ouia-component-id="OUIA-Generated-Breadcrumb-5"
-          data-ouia-component-type="PF4/Breadcrumb"
+          data-ouia-component-type="PF5/Breadcrumb"
           data-ouia-safe="true"
         >
           <ol
@@ -1779,8 +1833,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1804,8 +1860,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1829,8 +1887,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1915,7 +1975,7 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
           aria-label="Breadcrumb"
           class="pf-v5-c-breadcrumb"
           data-ouia-component-id="OUIA-Generated-Breadcrumb-2"
-          data-ouia-component-type="PF4/Breadcrumb"
+          data-ouia-component-type="PF5/Breadcrumb"
           data-ouia-safe="true"
         >
           <ol
@@ -1937,8 +1997,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1962,8 +2024,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -1987,8 +2051,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 256 512"
+                  width="1em"
                 >
                   <path
                     d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"