@patternfly/react-core 5.0.0-alpha.8 → 5.0.0-alpha.81

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

@@ -13,11 +13,11 @@ exports[`Page Check dark page against snapshot 1`] = `
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       PageHeaderTools | Avatar
     </header>
@@ -74,11 +74,11 @@ exports[`Page Check page horizontal layout example against snapshot 1`] = `
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       <div
         class="pf-c-page__header-nav"
@@ -138,11 +138,11 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       <div
         class="pf-c-page__header-nav"
@@ -176,6 +176,7 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
         >
           <ol
             class="pf-c-breadcrumb__list"
+            role="list"
           >
             <li
               class="pf-c-breadcrumb__item"
@@ -190,12 +191,10 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -217,12 +216,10 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -244,12 +241,10 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -305,11 +300,11 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       <div
         class="pf-c-page__header-nav"
@@ -343,6 +338,7 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
         >
           <ol
             class="pf-c-breadcrumb__list"
+            role="list"
           >
             <li
               class="pf-c-breadcrumb__item"
@@ -357,12 +353,10 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -384,12 +378,10 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -411,12 +403,10 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -472,11 +462,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       <div
         class="pf-c-page__header-nav"
@@ -513,6 +503,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
           >
             <ol
               class="pf-c-breadcrumb__list"
+              role="list"
             >
               <li
                 class="pf-c-breadcrumb__item"
@@ -527,12 +518,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
                 >
                   <svg
                     aria-hidden="true"
+                    class="pf-svg"
                     fill="currentColor"
-                    height="1em"
                     role="img"
-                    style="vertical-align: -0.125em;"
                     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,12 +543,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
                 >
                   <svg
                     aria-hidden="true"
+                    class="pf-svg"
                     fill="currentColor"
-                    height="1em"
                     role="img"
-                    style="vertical-align: -0.125em;"
                     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"
@@ -581,12 +568,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
                 >
                   <svg
                     aria-hidden="true"
+                    class="pf-svg"
                     fill="currentColor"
-                    height="1em"
                     role="img"
-                    style="vertical-align: -0.125em;"
                     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"
@@ -621,12 +606,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
             >
               <svg
                 aria-hidden="true"
+                class="pf-svg"
                 fill="currentColor"
-                height="1em"
                 role="img"
-                style="vertical-align: -0.125em;"
                 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"
@@ -635,6 +618,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
             </button>
             <ul
               class="pf-c-nav__list"
+              role="list"
             >
               <li
                 class="pf-c-nav__item"
@@ -705,12 +689,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
             >
               <svg
                 aria-hidden="true"
+                class="pf-svg"
                 fill="currentColor"
-                height="1em"
                 role="img"
-                style="vertical-align: -0.125em;"
                 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"
@@ -758,11 +740,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       <div
         class="pf-c-page__header-nav"
@@ -786,7 +768,9 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
     >
       <div
         aria-label="test"
-        class="pf-c-page__main-group pf-m-sticky-bottom pf-m-shadow-top"
+        class="pf-c-page__main-group pf-m-sticky-bottom pf-m-shadow-top pf-m-overflow-scroll"
+        role="region"
+        tabindex="0"
       >
         <div
           class="pf-c-page__main-nav"
@@ -805,12 +789,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
             >
               <svg
                 aria-hidden="true"
+                class="pf-svg"
                 fill="currentColor"
-                height="1em"
                 role="img"
-                style="vertical-align: -0.125em;"
                 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"
@@ -819,6 +801,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
             </button>
             <ul
               class="pf-c-nav__list"
+              role="list"
             >
               <li
                 class="pf-c-nav__item"
@@ -889,12 +872,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
             >
               <svg
                 aria-hidden="true"
+                class="pf-svg"
                 fill="currentColor"
-                height="1em"
                 role="img"
-                style="vertical-align: -0.125em;"
                 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"
@@ -918,6 +899,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
             >
               <ol
                 class="pf-c-breadcrumb__list"
+                role="list"
               >
                 <li
                   class="pf-c-breadcrumb__item"
@@ -932,12 +914,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                   >
                     <svg
                       aria-hidden="true"
+                      class="pf-svg"
                       fill="currentColor"
-                      height="1em"
                       role="img"
-                      style="vertical-align: -0.125em;"
                       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"
@@ -959,12 +939,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                   >
                     <svg
                       aria-hidden="true"
+                      class="pf-svg"
                       fill="currentColor"
-                      height="1em"
                       role="img"
-                      style="vertical-align: -0.125em;"
                       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"
@@ -986,12 +964,10 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                   >
                     <svg
                       aria-hidden="true"
+                      class="pf-svg"
                       fill="currentColor"
-                      height="1em"
                       role="img"
-                      style="vertical-align: -0.125em;"
                       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"
@@ -1049,11 +1025,11 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       <div
         class="pf-c-page__header-nav"
@@ -1092,12 +1068,10 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
           >
             <svg
               aria-hidden="true"
+              class="pf-svg"
               fill="currentColor"
-              height="1em"
               role="img"
-              style="vertical-align: -0.125em;"
               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"
@@ -1106,6 +1080,7 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
           </button>
           <ul
             class="pf-c-nav__list"
+            role="list"
           >
             <li
               class="pf-c-nav__item"
@@ -1176,12 +1151,10 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
           >
             <svg
               aria-hidden="true"
+              class="pf-svg"
               fill="currentColor"
-              height="1em"
               role="img"
-              style="vertical-align: -0.125em;"
               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"
@@ -1223,23 +1196,31 @@ exports[`Page Check page to verify skip to content points to main content region
     data-testid="page-test-id"
     id="PageId"
   >
-    <a
-      class="pf-c-button pf-m-primary pf-c-skip-to-content"
-      href="#main-content-page-layout-test-nav"
+    <div
+      class="pf-c-skip-to-content"
     >
-      Skip to Content
-    </a>
+      <a
+        aria-disabled="false"
+        class="pf-c-button pf-m-primary"
+        data-ouia-component-id="OUIA-Generated-Button-primary-1"
+        data-ouia-component-type="PF4/Button"
+        data-ouia-safe="true"
+        href="#main-content-page-layout-test-nav"
+      >
+        Skip to Content
+      </a>
+    </div>
     <header
       class="pf-c-page__header"
     >
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       <div
         class="pf-c-page__header-nav"
@@ -1274,6 +1255,7 @@ exports[`Page Check page to verify skip to content points to main content region
         >
           <ol
             class="pf-c-breadcrumb__list"
+            role="list"
           >
             <li
               class="pf-c-breadcrumb__item"
@@ -1288,12 +1270,10 @@ exports[`Page Check page to verify skip to content points to main content region
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1315,12 +1295,10 @@ exports[`Page Check page to verify skip to content points to main content region
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1342,12 +1320,10 @@ exports[`Page Check page to verify skip to content points to main content region
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1403,11 +1379,11 @@ exports[`Page Check page vertical layout example against snapshot 1`] = `
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       PageHeaderTools | Avatar
     </header>
@@ -1464,11 +1440,11 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       <div
         class="pf-c-page__header-nav"
@@ -1502,6 +1478,7 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
         >
           <ol
             class="pf-c-breadcrumb__list"
+            role="list"
           >
             <li
               class="pf-c-breadcrumb__item"
@@ -1516,12 +1493,10 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1543,12 +1518,10 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1570,12 +1543,10 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1631,11 +1602,11 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       <div
         class="pf-c-page__header-nav"
@@ -1669,6 +1640,7 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
         >
           <ol
             class="pf-c-breadcrumb__list"
+            role="list"
           >
             <li
               class="pf-c-breadcrumb__item"
@@ -1683,12 +1655,10 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1710,12 +1680,10 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1737,12 +1705,10 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1798,11 +1764,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       <div
         class="pf-c-page__header-nav"
@@ -1836,6 +1802,7 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
         >
           <ol
             class="pf-c-breadcrumb__list"
+            role="list"
           >
             <li
               class="pf-c-breadcrumb__item"
@@ -1850,12 +1817,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1877,12 +1842,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1904,12 +1867,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -1965,11 +1926,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
       <div
         class="pf-c-page__header-brand"
       >
-        <a
+        <span
           class="pf-c-page__header-brand-link"
         >
           Logo
-        </a>
+        </span>
       </div>
       <div
         class="pf-c-page__header-nav"
@@ -2003,6 +1964,7 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
         >
           <ol
             class="pf-c-breadcrumb__list"
+            role="list"
           >
             <li
               class="pf-c-breadcrumb__item"
@@ -2017,12 +1979,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -2044,12 +2004,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"
@@ -2071,12 +2029,10 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-svg"
                   fill="currentColor"
-                  height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   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"