@patternfly/react-core 6.0.0-alpha.1 → 6.0.0-alpha.100

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

@@ -4,59 +4,41 @@ exports[`Page Check dark page against snapshot 1`] = `
 <DocumentFragment>
   <div
     aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
+    class="pf-v6-c-page my-page-class"
     id="PageId"
   >
     <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      PageHeaderTools | Avatar
-    </header>
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
+    />
     <div
       aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
       id="page-sidebar"
     >
       <div
-        class="pf-v5-c-page__sidebar-body"
+        class="pf-v6-c-page__sidebar-body"
       >
         Navigation
       </div>
     </div>
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
+    <div
+      class="pf-v6-c-page__main-container"
     >
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
+      <main
+        class="pf-v6-c-page__main"
+        tabindex="-1"
       >
-        Section with darker background
-      </section>
-    </main>
+        <section
+          class="pf-v6-c-page__main-section"
+        >
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            Section with default background
+          </div>
+        </section>
+      </main>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -65,58 +47,35 @@ exports[`Page Check page horizontal layout example against snapshot 1`] = `
 <DocumentFragment>
   <div
     aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
+    class="pf-v6-c-page my-page-class"
     id="PageId"
   >
     <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      <div
-        class="pf-v5-c-page__header-nav"
-      >
-        Navigation
-      </div>
-      PageHeaderTools | Avatar
-    </header>
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
+    />
     <div
       aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
       id="page-sidebar"
     />
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
+    <div
+      class="pf-v6-c-page__main-container"
     >
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
+      <main
+        class="pf-v6-c-page__main"
+        tabindex="-1"
       >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
+        <section
+          class="pf-v6-c-page__main-section"
+        >
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            Section with default background
+          </div>
+        </section>
+      </main>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -125,162 +84,143 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
 <DocumentFragment>
   <div
     aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
+    class="pf-v6-c-page my-page-class"
     id="PageId"
   >
     <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      <div
-        class="pf-v5-c-page__header-nav"
-      >
-        Navigation
-      </div>
-      PageHeaderTools | Avatar
-    </header>
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
+    />
     <div
       aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
       id="page-sidebar"
     />
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
+    <div
+      class="pf-v6-c-page__main-container"
     >
-      <section
-        class="pf-v5-c-page__main-breadcrumb"
+      <main
+        class="pf-v6-c-page__main"
+        tabindex="-1"
       >
-        <nav
-          aria-label="Breadcrumb"
-          class="pf-v5-c-breadcrumb"
-          data-ouia-component-id="OUIA-Generated-Breadcrumb-4"
-          data-ouia-component-type="PF5/Breadcrumb"
-          data-ouia-safe="true"
+        <section
+          class="pf-v6-c-page__main-breadcrumb"
         >
-          <ol
-            class="pf-v5-c-breadcrumb__list"
-            role="list"
+          <div
+            class="pf-v6-c-page__main-body"
           >
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              Section Home
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
+            <nav
+              aria-label="Breadcrumb"
+              class="pf-v6-c-breadcrumb"
+              data-ouia-component-id="OUIA-Generated-Breadcrumb-4"
+              data-ouia-component-type="PF6/Breadcrumb"
+              data-ouia-safe="true"
             >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
+              <ol
+                class="pf-v6-c-breadcrumb__list"
+                role="list"
               >
-                <svg
-                  aria-hidden="true"
-                  class="pf-v5-svg"
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  viewBox="0 0 256 512"
-                  width="1em"
+                <li
+                  class="pf-v6-c-breadcrumb__item"
                 >
-                  <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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="pf-v5-svg"
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  viewBox="0 0 256 512"
-                  width="1em"
+                  Section Home
+                </li>
+                <li
+                  class="pf-v6-c-breadcrumb__item"
                 >
-                  <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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="pf-v5-svg"
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  viewBox="0 0 256 512"
-                  width="1em"
+                  <span
+                    class="pf-v6-c-breadcrumb__item-divider"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="pf-v6-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"
+                      />
+                    </svg>
+                  </span>
+                  <a
+                    class="pf-v6-c-breadcrumb__link"
+                    href="#"
+                  >
+                    Section Title
+                  </a>
+                </li>
+                <li
+                  class="pf-v6-c-breadcrumb__item"
                 >
-                  <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"
-                  />
-                </svg>
-              </span>
-              <a
-                aria-current="page"
-                class="pf-v5-c-breadcrumb__link pf-m-current"
-                href="#"
-              >
-                Section Landing
-              </a>
-            </li>
-          </ol>
-        </nav>
-      </section>
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
+                  <span
+                    class="pf-v6-c-breadcrumb__item-divider"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="pf-v6-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"
+                      />
+                    </svg>
+                  </span>
+                  <a
+                    class="pf-v6-c-breadcrumb__link"
+                    href="#"
+                  >
+                    Section Title
+                  </a>
+                </li>
+                <li
+                  class="pf-v6-c-breadcrumb__item"
+                >
+                  <span
+                    class="pf-v6-c-breadcrumb__item-divider"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="pf-v6-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"
+                      />
+                    </svg>
+                  </span>
+                  <a
+                    aria-current="page"
+                    class="pf-v6-c-breadcrumb__link pf-m-current"
+                    href="#"
+                  >
+                    Section Landing
+                  </a>
+                </li>
+              </ol>
+            </nav>
+          </div>
+        </section>
+        <section
+          class="pf-v6-c-page__main-section"
+        >
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            Section with default background
+          </div>
+        </section>
+      </main>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -289,162 +229,147 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
 <DocumentFragment>
   <div
     aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
+    class="pf-v6-c-page my-page-class"
     id="PageId"
   >
     <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      <div
-        class="pf-v5-c-page__header-nav"
-      >
-        Navigation
-      </div>
-      PageHeaderTools | Avatar
-    </header>
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
+    />
     <div
       aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
       id="page-sidebar"
     />
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
+    <div
+      class="pf-v6-c-page__main-container"
     >
-      <section
-        class="pf-v5-c-page__main-breadcrumb"
+      <main
+        class="pf-v6-c-page__main"
+        tabindex="-1"
       >
-        <nav
-          aria-label="Breadcrumb"
-          class="pf-v5-c-breadcrumb"
-          data-ouia-component-id="OUIA-Generated-Breadcrumb-1"
-          data-ouia-component-type="PF5/Breadcrumb"
-          data-ouia-safe="true"
+        <section
+          class="pf-v6-c-page__main-breadcrumb"
         >
-          <ol
-            class="pf-v5-c-breadcrumb__list"
-            role="list"
+          <div
+            class="pf-v6-c-page__main-body"
           >
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              Section Home
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
+            <div
+              class="pf-v6-c-page__main-body"
             >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
+              <nav
+                aria-label="Breadcrumb"
+                class="pf-v6-c-breadcrumb"
+                data-ouia-component-id="OUIA-Generated-Breadcrumb-1"
+                data-ouia-component-type="PF6/Breadcrumb"
+                data-ouia-safe="true"
               >
-                <svg
-                  aria-hidden="true"
-                  class="pf-v5-svg"
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  viewBox="0 0 256 512"
-                  width="1em"
+                <ol
+                  class="pf-v6-c-breadcrumb__list"
+                  role="list"
                 >
-                  <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"
-                  />
-                </svg>
-              </span>
-              <a
-                aria-current="page"
-                class="pf-v5-c-breadcrumb__link pf-m-current"
-                href="#"
-              >
-                Section Landing
-              </a>
-            </li>
-          </ol>
-        </nav>
-      </section>
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    Section Home
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      class="pf-v6-c-breadcrumb__link"
+                      href="#"
+                    >
+                      Section Title
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      class="pf-v6-c-breadcrumb__link"
+                      href="#"
+                    >
+                      Section Title
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      aria-current="page"
+                      class="pf-v6-c-breadcrumb__link pf-m-current"
+                      href="#"
+                    >
+                      Section Landing
+                    </a>
+                  </li>
+                </ol>
+              </nav>
+            </div>
+          </div>
+        </section>
+        <section
+          class="pf-v6-c-page__main-section"
+        >
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            Section with default background
+          </div>
+        </section>
+      </main>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -453,282 +378,241 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
 <DocumentFragment>
   <div
     aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
+    class="pf-v6-c-page my-page-class"
     id="PageId"
   >
     <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      <div
-        class="pf-v5-c-page__header-nav"
-      >
-        Navigation
-      </div>
-      PageHeaderTools | Avatar
-    </header>
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
+    />
     <div
       aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
       id="page-sidebar"
     />
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
+    <div
+      class="pf-v6-c-page__main-container"
     >
-      <div
-        class="pf-v5-c-page__main-group pf-m-sticky-bottom"
+      <main
+        class="pf-v6-c-page__main"
+        tabindex="-1"
       >
-        <section
-          class="pf-v5-c-page__main-breadcrumb"
+        <div
+          class="pf-v6-c-page__main-group pf-m-sticky-bottom"
         >
-          <nav
-            aria-label="Breadcrumb"
-            class="pf-v5-c-breadcrumb"
-            data-ouia-component-id="OUIA-Generated-Breadcrumb-7"
-            data-ouia-component-type="PF5/Breadcrumb"
-            data-ouia-safe="true"
+          <section
+            class="pf-v6-c-page__main-breadcrumb"
           >
-            <ol
-              class="pf-v5-c-breadcrumb__list"
-              role="list"
+            <div
+              class="pf-v6-c-page__main-body"
             >
-              <li
-                class="pf-v5-c-breadcrumb__item"
-              >
-                Section Home
-              </li>
-              <li
-                class="pf-v5-c-breadcrumb__item"
+              <nav
+                aria-label="Breadcrumb"
+                class="pf-v6-c-breadcrumb"
+                data-ouia-component-id="OUIA-Generated-Breadcrumb-7"
+                data-ouia-component-type="PF6/Breadcrumb"
+                data-ouia-safe="true"
               >
-                <span
-                  class="pf-v5-c-breadcrumb__item-divider"
+                <ol
+                  class="pf-v6-c-breadcrumb__list"
+                  role="list"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="pf-v5-svg"
-                    fill="currentColor"
-                    height="1em"
-                    role="img"
-                    viewBox="0 0 256 512"
-                    width="1em"
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
                   >
-                    <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"
-                    />
-                  </svg>
-                </span>
-                <a
-                  class="pf-v5-c-breadcrumb__link"
-                  href="#"
-                >
-                  Section Title
-                </a>
-              </li>
-              <li
-                class="pf-v5-c-breadcrumb__item"
-              >
-                <span
-                  class="pf-v5-c-breadcrumb__item-divider"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="pf-v5-svg"
-                    fill="currentColor"
-                    height="1em"
-                    role="img"
-                    viewBox="0 0 256 512"
-                    width="1em"
+                    Section Home
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
                   >
-                    <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"
-                    />
-                  </svg>
-                </span>
-                <a
-                  class="pf-v5-c-breadcrumb__link"
-                  href="#"
-                >
-                  Section Title
-                </a>
-              </li>
-              <li
-                class="pf-v5-c-breadcrumb__item"
-              >
-                <span
-                  class="pf-v5-c-breadcrumb__item-divider"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="pf-v5-svg"
-                    fill="currentColor"
-                    height="1em"
-                    role="img"
-                    viewBox="0 0 256 512"
-                    width="1em"
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      class="pf-v6-c-breadcrumb__link"
+                      href="#"
+                    >
+                      Section Title
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
                   >
-                    <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"
-                    />
-                  </svg>
-                </span>
-                <a
-                  aria-current="page"
-                  class="pf-v5-c-breadcrumb__link pf-m-current"
-                  href="#"
-                >
-                  Section Landing
-                </a>
-              </li>
-            </ol>
-          </nav>
-        </section>
-        <div
-          class="pf-v5-c-page__main-nav"
-        >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      class="pf-v6-c-breadcrumb__link"
+                      href="#"
+                    >
+                      Section Title
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      aria-current="page"
+                      class="pf-v6-c-breadcrumb__link pf-m-current"
+                      href="#"
+                    >
+                      Section Landing
+                    </a>
+                  </li>
+                </ol>
+              </nav>
+            </div>
+          </section>
           <nav
             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="PF5/Nav"
+            class="pf-v6-c-nav pf-m-horizontal pf-m-subnav"
+            data-ouia-component-id="OUIA-Generated-Nav-horizontal-subnav-1"
+            data-ouia-component-type="PF6/Nav"
             data-ouia-safe="true"
           >
-            <button
-              aria-label="Scroll back"
-              class="pf-v5-c-nav__scroll-button"
-              disabled=""
-            >
-              <svg
-                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"
-                />
-              </svg>
-            </button>
             <ul
-              class="pf-v5-c-nav__list"
+              class="pf-v6-c-nav__list"
               role="list"
             >
               <li
-                class="pf-v5-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-6"
-                data-ouia-component-type="PF5/NavItem"
+                class="pf-v6-c-nav__item"
+                data-ouia-component-id="OUIA-Generated-NavItem-1"
+                data-ouia-component-type="PF6/NavItem"
                 data-ouia-safe="true"
               >
                 <a
                   aria-current="page"
-                  class="pf-v5-c-nav__link pf-m-current"
+                  class="pf-v6-c-nav__link pf-m-current"
                 >
-                  System Panel
+                  <span
+                    class="pf-v6-c-nav__link-text"
+                  >
+                    System Panel
+                  </span>
                 </a>
               </li>
               <li
-                class="pf-v5-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-7"
-                data-ouia-component-type="PF5/NavItem"
+                class="pf-v6-c-nav__item"
+                data-ouia-component-id="OUIA-Generated-NavItem-2"
+                data-ouia-component-type="PF6/NavItem"
                 data-ouia-safe="true"
               >
                 <a
-                  class="pf-v5-c-nav__link"
+                  class="pf-v6-c-nav__link"
                 >
-                  Policy
-                </a>
-              </li>
+                  <span
+                    class="pf-v6-c-nav__link-text"
+                  >
+                    Policy
+                  </span>
+                </a>
+              </li>
               <li
-                class="pf-v5-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-8"
-                data-ouia-component-type="PF5/NavItem"
+                class="pf-v6-c-nav__item"
+                data-ouia-component-id="OUIA-Generated-NavItem-3"
+                data-ouia-component-type="PF6/NavItem"
                 data-ouia-safe="true"
               >
                 <a
-                  class="pf-v5-c-nav__link"
+                  class="pf-v6-c-nav__link"
                 >
-                  Authentication
+                  <span
+                    class="pf-v6-c-nav__link-text"
+                  >
+                    Authentication
+                  </span>
                 </a>
               </li>
               <li
-                class="pf-v5-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-9"
-                data-ouia-component-type="PF5/NavItem"
+                class="pf-v6-c-nav__item"
+                data-ouia-component-id="OUIA-Generated-NavItem-4"
+                data-ouia-component-type="PF6/NavItem"
                 data-ouia-safe="true"
               >
                 <a
-                  class="pf-v5-c-nav__link"
+                  class="pf-v6-c-nav__link"
                 >
-                  Network Services
+                  <span
+                    class="pf-v6-c-nav__link-text"
+                  >
+                    Network Services
+                  </span>
                 </a>
               </li>
               <li
-                class="pf-v5-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-10"
-                data-ouia-component-type="PF5/NavItem"
+                class="pf-v6-c-nav__item"
+                data-ouia-component-id="OUIA-Generated-NavItem-5"
+                data-ouia-component-type="PF6/NavItem"
                 data-ouia-safe="true"
               >
                 <a
-                  class="pf-v5-c-nav__link"
+                  class="pf-v6-c-nav__link"
                 >
-                  Server
+                  <span
+                    class="pf-v6-c-nav__link-text"
+                  >
+                    Server
+                  </span>
                 </a>
               </li>
             </ul>
-            <button
-              aria-label="Scroll foward"
-              class="pf-v5-c-nav__scroll-button"
-              disabled=""
-            >
-              <svg
-                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"
-                />
-              </svg>
-            </button>
           </nav>
         </div>
-      </div>
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
+        <section
+          class="pf-v6-c-page__main-section"
+        >
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            Section with default background
+          </div>
+        </section>
+      </main>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -737,190 +621,533 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
 <DocumentFragment>
   <div
     aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
+    class="pf-v6-c-page my-page-class"
     id="PageId"
   >
     <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      <div
-        class="pf-v5-c-page__header-nav"
-      >
-        Navigation
-      </div>
-      PageHeaderTools | Avatar
-    </header>
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
+    />
     <div
       aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
       id="page-sidebar"
     />
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
+    <div
+      class="pf-v6-c-page__main-container"
     >
-      <div
-        aria-label="test"
-        class="pf-v5-c-page__main-group pf-m-sticky-bottom pf-m-shadow-top pf-m-overflow-scroll"
-        role="region"
-        tabindex="0"
+      <main
+        class="pf-v6-c-page__main"
+        tabindex="-1"
       >
         <div
-          class="pf-v5-c-page__main-nav"
+          aria-label="test"
+          class="pf-v6-c-page__main-group pf-m-sticky-bottom pf-m-shadow-top pf-m-overflow-scroll"
+          role="region"
+          tabindex="0"
         >
-          <nav
-            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="PF5/Nav"
-            data-ouia-safe="true"
+          <div
+            class="pf-v6-c-page__main-subnav"
           >
-            <button
-              aria-label="Scroll back"
-              class="pf-v5-c-nav__scroll-button"
-              disabled=""
-            >
-              <svg
-                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"
-                />
-              </svg>
-            </button>
-            <ul
-              class="pf-v5-c-nav__list"
-              role="list"
+            <div
+              class="pf-v6-c-page__main-body"
             >
-              <li
-                class="pf-v5-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-11"
-                data-ouia-component-type="PF5/NavItem"
+              <nav
+                aria-label="Nav"
+                class="pf-v6-c-nav pf-m-horizontal pf-m-subnav"
+                data-ouia-component-id="OUIA-Generated-Nav-horizontal-subnav-2"
+                data-ouia-component-type="PF6/Nav"
                 data-ouia-safe="true"
               >
-                <a
-                  aria-current="page"
-                  class="pf-v5-c-nav__link pf-m-current"
-                >
-                  System Panel
-                </a>
-              </li>
-              <li
-                class="pf-v5-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-12"
-                data-ouia-component-type="PF5/NavItem"
-                data-ouia-safe="true"
-              >
-                <a
-                  class="pf-v5-c-nav__link"
-                >
-                  Policy
-                </a>
-              </li>
-              <li
-                class="pf-v5-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-13"
-                data-ouia-component-type="PF5/NavItem"
-                data-ouia-safe="true"
-              >
-                <a
-                  class="pf-v5-c-nav__link"
+                <ul
+                  class="pf-v6-c-nav__list"
+                  role="list"
                 >
-                  Authentication
-                </a>
-              </li>
-              <li
-                class="pf-v5-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-14"
-                data-ouia-component-type="PF5/NavItem"
-                data-ouia-safe="true"
+                  <li
+                    class="pf-v6-c-nav__item"
+                    data-ouia-component-id="OUIA-Generated-NavItem-6"
+                    data-ouia-component-type="PF6/NavItem"
+                    data-ouia-safe="true"
+                  >
+                    <a
+                      aria-current="page"
+                      class="pf-v6-c-nav__link pf-m-current"
+                    >
+                      <span
+                        class="pf-v6-c-nav__link-text"
+                      >
+                        System Panel
+                      </span>
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-nav__item"
+                    data-ouia-component-id="OUIA-Generated-NavItem-7"
+                    data-ouia-component-type="PF6/NavItem"
+                    data-ouia-safe="true"
+                  >
+                    <a
+                      class="pf-v6-c-nav__link"
+                    >
+                      <span
+                        class="pf-v6-c-nav__link-text"
+                      >
+                        Policy
+                      </span>
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-nav__item"
+                    data-ouia-component-id="OUIA-Generated-NavItem-8"
+                    data-ouia-component-type="PF6/NavItem"
+                    data-ouia-safe="true"
+                  >
+                    <a
+                      class="pf-v6-c-nav__link"
+                    >
+                      <span
+                        class="pf-v6-c-nav__link-text"
+                      >
+                        Authentication
+                      </span>
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-nav__item"
+                    data-ouia-component-id="OUIA-Generated-NavItem-9"
+                    data-ouia-component-type="PF6/NavItem"
+                    data-ouia-safe="true"
+                  >
+                    <a
+                      class="pf-v6-c-nav__link"
+                    >
+                      <span
+                        class="pf-v6-c-nav__link-text"
+                      >
+                        Network Services
+                      </span>
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-nav__item"
+                    data-ouia-component-id="OUIA-Generated-NavItem-10"
+                    data-ouia-component-type="PF6/NavItem"
+                    data-ouia-safe="true"
+                  >
+                    <a
+                      class="pf-v6-c-nav__link"
+                    >
+                      <span
+                        class="pf-v6-c-nav__link-text"
+                      >
+                        Server
+                      </span>
+                    </a>
+                  </li>
+                </ul>
+              </nav>
+            </div>
+          </div>
+          <section
+            class="pf-v6-c-page__main-breadcrumb"
+          >
+            <div
+              class="pf-v6-c-page__main-body"
+            >
+              <div
+                class="pf-v6-c-page__main-body"
               >
-                <a
-                  class="pf-v5-c-nav__link"
+                <section
+                  class="pf-v6-c-page__main-breadcrumb"
                 >
-                  Network Services
-                </a>
-              </li>
-              <li
-                class="pf-v5-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-15"
-                data-ouia-component-type="PF5/NavItem"
+                  <div
+                    class="pf-v6-c-page__main-body"
+                  >
+                    <nav
+                      aria-label="Breadcrumb"
+                      class="pf-v6-c-breadcrumb"
+                      data-ouia-component-id="OUIA-Generated-Breadcrumb-8"
+                      data-ouia-component-type="PF6/Breadcrumb"
+                      data-ouia-safe="true"
+                    >
+                      <ol
+                        class="pf-v6-c-breadcrumb__list"
+                        role="list"
+                      >
+                        <li
+                          class="pf-v6-c-breadcrumb__item"
+                        >
+                          Section Home
+                        </li>
+                        <li
+                          class="pf-v6-c-breadcrumb__item"
+                        >
+                          <span
+                            class="pf-v6-c-breadcrumb__item-divider"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="pf-v6-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"
+                              />
+                            </svg>
+                          </span>
+                          <a
+                            class="pf-v6-c-breadcrumb__link"
+                            href="#"
+                          >
+                            Section Title
+                          </a>
+                        </li>
+                        <li
+                          class="pf-v6-c-breadcrumb__item"
+                        >
+                          <span
+                            class="pf-v6-c-breadcrumb__item-divider"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="pf-v6-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"
+                              />
+                            </svg>
+                          </span>
+                          <a
+                            class="pf-v6-c-breadcrumb__link"
+                            href="#"
+                          >
+                            Section Title
+                          </a>
+                        </li>
+                        <li
+                          class="pf-v6-c-breadcrumb__item"
+                        >
+                          <span
+                            class="pf-v6-c-breadcrumb__item-divider"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="pf-v6-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"
+                              />
+                            </svg>
+                          </span>
+                          <a
+                            aria-current="page"
+                            class="pf-v6-c-breadcrumb__link pf-m-current"
+                            href="#"
+                          >
+                            Section Landing
+                          </a>
+                        </li>
+                      </ol>
+                    </nav>
+                  </div>
+                </section>
+              </div>
+            </div>
+          </section>
+        </div>
+        <section
+          class="pf-v6-c-page__main-section"
+        >
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            Section with default background
+          </div>
+        </section>
+      </main>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Page Check page to verify skip to content points to main content region 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Page layout"
+    class="pf-v6-c-page my-page-class"
+    data-testid="page-test-id"
+    id="PageId"
+  >
+    <div
+      class="pf-v6-c-skip-to-content"
+    >
+      <a
+        aria-disabled="false"
+        class="pf-v6-c-button pf-m-primary"
+        data-ouia-component-id="OUIA-Generated-Button-primary-1"
+        data-ouia-component-type="PF6/Button"
+        data-ouia-safe="true"
+        href="#main-content-page-layout-test-nav"
+      >
+        <span
+          class="pf-v6-c-button__text"
+        >
+          Skip to Content
+        </span>
+      </a>
+    </div>
+    <header
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
+    />
+    <div
+      aria-hidden="false"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
+      id="page-sidebar"
+    />
+    <div
+      class="pf-v6-c-page__main-container"
+    >
+      <main
+        class="pf-v6-c-page__main"
+        id="main-content-page-layout-test-nav"
+        tabindex="-1"
+      >
+        <section
+          class="pf-v6-c-page__main-breadcrumb"
+        >
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            <div
+              class="pf-v6-c-page__main-body"
+            >
+              <nav
+                aria-label="Breadcrumb"
+                class="pf-v6-c-breadcrumb"
+                data-ouia-component-id="OUIA-Generated-Breadcrumb-9"
+                data-ouia-component-type="PF6/Breadcrumb"
                 data-ouia-safe="true"
               >
-                <a
-                  class="pf-v5-c-nav__link"
+                <ol
+                  class="pf-v6-c-breadcrumb__list"
+                  role="list"
                 >
-                  Server
-                </a>
-              </li>
-            </ul>
-            <button
-              aria-label="Scroll foward"
-              class="pf-v5-c-nav__scroll-button"
-              disabled=""
-            >
-              <svg
-                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"
-                />
-              </svg>
-            </button>
-          </nav>
-        </div>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    Section Home
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      class="pf-v6-c-breadcrumb__link"
+                      href="#"
+                    >
+                      Section Title
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      class="pf-v6-c-breadcrumb__link"
+                      href="#"
+                    >
+                      Section Title
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      aria-current="page"
+                      class="pf-v6-c-breadcrumb__link pf-m-current"
+                      href="#"
+                    >
+                      Section Landing
+                    </a>
+                  </li>
+                </ol>
+              </nav>
+            </div>
+          </div>
+        </section>
         <section
-          class="pf-v5-c-page__main-breadcrumb"
+          class="pf-v6-c-page__main-section"
         >
-          <section
-            class="pf-v5-c-page__main-breadcrumb"
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            Section with default background
+          </div>
+        </section>
+      </main>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Page Check page vertical layout example against snapshot 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Page layout"
+    class="pf-v6-c-page my-page-class"
+    id="PageId"
+  >
+    <header
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
+    />
+    <div
+      aria-hidden="false"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
+      id="page-sidebar"
+    >
+      <div
+        class="pf-v6-c-page__sidebar-body"
+      >
+        Navigation
+      </div>
+    </div>
+    <div
+      class="pf-v6-c-page__main-container"
+    >
+      <main
+        class="pf-v6-c-page__main"
+        tabindex="-1"
+      >
+        <section
+          class="pf-v6-c-page__main-section"
+        >
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            Section with default background
+          </div>
+        </section>
+      </main>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrumb syntax 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Page layout"
+    class="pf-v6-c-page my-page-class"
+    id="PageId"
+  >
+    <header
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
+    />
+    <div
+      aria-hidden="false"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
+      id="page-sidebar"
+    />
+    <div
+      class="pf-v6-c-page__main-container"
+    >
+      <main
+        class="pf-v6-c-page__main"
+        tabindex="-1"
+      >
+        <section
+          class="pf-v6-c-page__main-breadcrumb pf-m-sticky-bottom-on-sm-height pf-m-sticky-bottom-on-md-height pf-m-sticky-bottom-on-lg-height pf-m-sticky-bottom-on-xl-height pf-m-sticky-bottom-on-2xl-height"
+        >
+          <div
+            class="pf-v6-c-page__main-body"
           >
             <nav
               aria-label="Breadcrumb"
-              class="pf-v5-c-breadcrumb"
-              data-ouia-component-id="OUIA-Generated-Breadcrumb-8"
-              data-ouia-component-type="PF5/Breadcrumb"
+              class="pf-v6-c-breadcrumb"
+              data-ouia-component-id="OUIA-Generated-Breadcrumb-6"
+              data-ouia-component-type="PF6/Breadcrumb"
               data-ouia-safe="true"
             >
               <ol
-                class="pf-v5-c-breadcrumb__list"
+                class="pf-v6-c-breadcrumb__list"
                 role="list"
               >
                 <li
-                  class="pf-v5-c-breadcrumb__item"
+                  class="pf-v6-c-breadcrumb__item"
                 >
                   Section Home
                 </li>
                 <li
-                  class="pf-v5-c-breadcrumb__item"
+                  class="pf-v6-c-breadcrumb__item"
                 >
                   <span
-                    class="pf-v5-c-breadcrumb__item-divider"
+                    class="pf-v6-c-breadcrumb__item-divider"
                   >
                     <svg
                       aria-hidden="true"
-                      class="pf-v5-svg"
+                      class="pf-v6-svg"
                       fill="currentColor"
                       height="1em"
                       role="img"
@@ -933,21 +1160,21 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                     </svg>
                   </span>
                   <a
-                    class="pf-v5-c-breadcrumb__link"
+                    class="pf-v6-c-breadcrumb__link"
                     href="#"
                   >
                     Section Title
                   </a>
                 </li>
                 <li
-                  class="pf-v5-c-breadcrumb__item"
+                  class="pf-v6-c-breadcrumb__item"
                 >
                   <span
-                    class="pf-v5-c-breadcrumb__item-divider"
+                    class="pf-v6-c-breadcrumb__item-divider"
                   >
                     <svg
                       aria-hidden="true"
-                      class="pf-v5-svg"
+                      class="pf-v6-svg"
                       fill="currentColor"
                       height="1em"
                       role="img"
@@ -960,21 +1187,21 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                     </svg>
                   </span>
                   <a
-                    class="pf-v5-c-breadcrumb__link"
+                    class="pf-v6-c-breadcrumb__link"
                     href="#"
                   >
                     Section Title
                   </a>
                 </li>
                 <li
-                  class="pf-v5-c-breadcrumb__item"
+                  class="pf-v6-c-breadcrumb__item"
                 >
                   <span
-                    class="pf-v5-c-breadcrumb__item-divider"
+                    class="pf-v6-c-breadcrumb__item-divider"
                   >
                     <svg
                       aria-hidden="true"
-                      class="pf-v5-svg"
+                      class="pf-v6-svg"
                       fill="currentColor"
                       height="1em"
                       role="img"
@@ -988,7 +1215,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                   </span>
                   <a
                     aria-current="page"
-                    class="pf-v5-c-breadcrumb__link pf-m-current"
+                    class="pf-v6-c-breadcrumb__link pf-m-current"
                     href="#"
                   >
                     Section Landing
@@ -996,939 +1223,313 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                 </li>
               </ol>
             </nav>
-          </section>
+          </div>
         </section>
-      </div>
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
+        <section
+          class="pf-v6-c-page__main-section"
+        >
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            Section with default background
+          </div>
+        </section>
+      </main>
+    </div>
   </div>
 </DocumentFragment>
 `;
 
-exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] = `
+exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
 <DocumentFragment>
   <div
     aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
+    class="pf-v6-c-page my-page-class"
     id="PageId"
   >
     <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      <div
-        class="pf-v5-c-page__header-nav"
-      >
-        Navigation
-      </div>
-      PageHeaderTools | Avatar
-    </header>
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
+    />
     <div
       aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
       id="page-sidebar"
     />
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
+    <div
+      class="pf-v6-c-page__main-container"
     >
-      <div
-        class="pf-v5-c-page__main-nav"
+      <main
+        class="pf-v6-c-page__main"
+        tabindex="-1"
       >
-        <nav
-          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="PF5/Nav"
-          data-ouia-safe="true"
+        <section
+          class="pf-v6-c-page__main-breadcrumb pf-m-sticky-bottom-on-sm-height pf-m-sticky-bottom-on-md-height pf-m-sticky-bottom-on-lg-height pf-m-sticky-bottom-on-xl-height pf-m-sticky-bottom-on-2xl-height"
         >
-          <button
-            aria-label="Scroll back"
-            class="pf-v5-c-nav__scroll-button"
-            disabled=""
-          >
-            <svg
-              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"
-              />
-            </svg>
-          </button>
-          <ul
-            class="pf-v5-c-nav__list"
-            role="list"
+          <div
+            class="pf-v6-c-page__main-body"
           >
-            <li
-              class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-1"
-              data-ouia-component-type="PF5/NavItem"
-              data-ouia-safe="true"
-            >
-              <a
-                aria-current="page"
-                class="pf-v5-c-nav__link pf-m-current"
-              >
-                System Panel
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-2"
-              data-ouia-component-type="PF5/NavItem"
-              data-ouia-safe="true"
-            >
-              <a
-                class="pf-v5-c-nav__link"
-              >
-                Policy
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-3"
-              data-ouia-component-type="PF5/NavItem"
-              data-ouia-safe="true"
+            <div
+              class="pf-v6-c-page__main-body"
             >
-              <a
-                class="pf-v5-c-nav__link"
-              >
-                Authentication
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-4"
-              data-ouia-component-type="PF5/NavItem"
-              data-ouia-safe="true"
-            >
-              <a
-                class="pf-v5-c-nav__link"
-              >
-                Network Services
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-5"
-              data-ouia-component-type="PF5/NavItem"
-              data-ouia-safe="true"
-            >
-              <a
-                class="pf-v5-c-nav__link"
+              <nav
+                aria-label="Breadcrumb"
+                class="pf-v6-c-breadcrumb"
+                data-ouia-component-id="OUIA-Generated-Breadcrumb-3"
+                data-ouia-component-type="PF6/Breadcrumb"
+                data-ouia-safe="true"
               >
-                Server
-              </a>
-            </li>
-          </ul>
-          <button
-            aria-label="Scroll foward"
-            class="pf-v5-c-nav__scroll-button"
-            disabled=""
-          >
-            <svg
-              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"
-              />
-            </svg>
-          </button>
-        </nav>
-      </div>
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Page Check page to verify skip to content points to main content region 1`] = `
-<DocumentFragment>
-  <div
-    aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
-    data-testid="page-test-id"
-    id="PageId"
-  >
-    <div
-      class="pf-v5-c-skip-to-content"
-    >
-      <a
-        aria-disabled="false"
-        class="pf-v5-c-button pf-m-primary"
-        data-ouia-component-id="OUIA-Generated-Button-primary-1"
-        data-ouia-component-type="PF5/Button"
-        data-ouia-safe="true"
-        href="#main-content-page-layout-test-nav"
-      >
-        Skip to Content
-      </a>
-    </div>
-    <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      <div
-        class="pf-v5-c-page__header-nav"
-      >
-        Navigation
-      </div>
-      PageHeaderTools | Avatar
-    </header>
-    <div
-      aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
-      id="page-sidebar"
-    />
-    <main
-      class="pf-v5-c-page__main"
-      id="main-content-page-layout-test-nav"
-      tabindex="-1"
-    >
-      <section
-        class="pf-v5-c-page__main-breadcrumb"
-      >
-        <nav
-          aria-label="Breadcrumb"
-          class="pf-v5-c-breadcrumb"
-          data-ouia-component-id="OUIA-Generated-Breadcrumb-9"
-          data-ouia-component-type="PF5/Breadcrumb"
-          data-ouia-safe="true"
-        >
-          <ol
-            class="pf-v5-c-breadcrumb__list"
-            role="list"
-          >
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              Section Home
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="pf-v5-svg"
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  viewBox="0 0 256 512"
-                  width="1em"
+                <ol
+                  class="pf-v6-c-breadcrumb__list"
+                  role="list"
                 >
-                  <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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                aria-current="page"
-                class="pf-v5-c-breadcrumb__link pf-m-current"
-                href="#"
-              >
-                Section Landing
-              </a>
-            </li>
-          </ol>
-        </nav>
-      </section>
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Page Check page vertical layout example against snapshot 1`] = `
-<DocumentFragment>
-  <div
-    aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
-    id="PageId"
-  >
-    <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    Section Home
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      class="pf-v6-c-breadcrumb__link"
+                      href="#"
+                    >
+                      Section Title
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      class="pf-v6-c-breadcrumb__link"
+                      href="#"
+                    >
+                      Section Title
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      aria-current="page"
+                      class="pf-v6-c-breadcrumb__link pf-m-current"
+                      href="#"
+                    >
+                      Section Landing
+                    </a>
+                  </li>
+                </ol>
+              </nav>
+            </div>
+          </div>
+        </section>
+        <section
+          class="pf-v6-c-page__main-section"
         >
-          Logo
-        </span>
-      </div>
-      PageHeaderTools | Avatar
-    </header>
-    <div
-      aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
-      id="page-sidebar"
-    >
-      <div
-        class="pf-v5-c-page__sidebar-body"
-      >
-        Navigation
-      </div>
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            Section with default background
+          </div>
+        </section>
+      </main>
     </div>
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
-    >
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
   </div>
 </DocumentFragment>
 `;
 
-exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrumb syntax 1`] = `
+exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBreadcrumb syntax 1`] = `
 <DocumentFragment>
   <div
     aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
+    class="pf-v6-c-page my-page-class"
     id="PageId"
   >
     <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      <div
-        class="pf-v5-c-page__header-nav"
-      >
-        Navigation
-      </div>
-      PageHeaderTools | Avatar
-    </header>
-    <div
-      aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
-      id="page-sidebar"
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
     />
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
-    >
-      <section
-        class="pf-v5-c-page__main-breadcrumb pf-m-sticky-bottom-on-sm-height pf-m-sticky-bottom-on-md-height pf-m-sticky-bottom-on-lg-height pf-m-sticky-bottom-on-xl-height pf-m-sticky-bottom-on-2xl-height"
-      >
-        <nav
-          aria-label="Breadcrumb"
-          class="pf-v5-c-breadcrumb"
-          data-ouia-component-id="OUIA-Generated-Breadcrumb-6"
-          data-ouia-component-type="PF5/Breadcrumb"
-          data-ouia-safe="true"
-        >
-          <ol
-            class="pf-v5-c-breadcrumb__list"
-            role="list"
-          >
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              Section Home
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                aria-current="page"
-                class="pf-v5-c-breadcrumb__link pf-m-current"
-                href="#"
-              >
-                Section Landing
-              </a>
-            </li>
-          </ol>
-        </nav>
-      </section>
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
-<DocumentFragment>
-  <div
-    aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
-    id="PageId"
-  >
-    <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      <div
-        class="pf-v5-c-page__header-nav"
-      >
-        Navigation
-      </div>
-      PageHeaderTools | Avatar
-    </header>
     <div
       aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
       id="page-sidebar"
     />
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
+    <div
+      class="pf-v6-c-page__main-container"
     >
-      <section
-        class="pf-v5-c-page__main-breadcrumb pf-m-sticky-bottom-on-sm-height pf-m-sticky-bottom-on-md-height pf-m-sticky-bottom-on-lg-height pf-m-sticky-bottom-on-xl-height pf-m-sticky-bottom-on-2xl-height"
+      <main
+        class="pf-v6-c-page__main"
+        tabindex="-1"
       >
-        <nav
-          aria-label="Breadcrumb"
-          class="pf-v5-c-breadcrumb"
-          data-ouia-component-id="OUIA-Generated-Breadcrumb-3"
-          data-ouia-component-type="PF5/Breadcrumb"
-          data-ouia-safe="true"
+        <section
+          class="pf-v6-c-page__main-breadcrumb pf-m-sticky-top-on-sm-height pf-m-sticky-top-on-md-height pf-m-sticky-top-on-lg-height pf-m-sticky-top-on-xl-height pf-m-sticky-top-on-2xl-height"
         >
-          <ol
-            class="pf-v5-c-breadcrumb__list"
-            role="list"
+          <div
+            class="pf-v6-c-page__main-body"
           >
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              Section Home
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
+            <nav
+              aria-label="Breadcrumb"
+              class="pf-v6-c-breadcrumb"
+              data-ouia-component-id="OUIA-Generated-Breadcrumb-5"
+              data-ouia-component-type="PF6/Breadcrumb"
+              data-ouia-safe="true"
             >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
+              <ol
+                class="pf-v6-c-breadcrumb__list"
+                role="list"
               >
-                <svg
-                  aria-hidden="true"
-                  class="pf-v5-svg"
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  viewBox="0 0 256 512"
-                  width="1em"
+                <li
+                  class="pf-v6-c-breadcrumb__item"
                 >
-                  <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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="pf-v5-svg"
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  viewBox="0 0 256 512"
-                  width="1em"
+                  Section Home
+                </li>
+                <li
+                  class="pf-v6-c-breadcrumb__item"
                 >
-                  <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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="pf-v5-svg"
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  viewBox="0 0 256 512"
-                  width="1em"
+                  <span
+                    class="pf-v6-c-breadcrumb__item-divider"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="pf-v6-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"
+                      />
+                    </svg>
+                  </span>
+                  <a
+                    class="pf-v6-c-breadcrumb__link"
+                    href="#"
+                  >
+                    Section Title
+                  </a>
+                </li>
+                <li
+                  class="pf-v6-c-breadcrumb__item"
                 >
-                  <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"
-                  />
-                </svg>
-              </span>
-              <a
-                aria-current="page"
-                class="pf-v5-c-breadcrumb__link pf-m-current"
-                href="#"
-              >
-                Section Landing
-              </a>
-            </li>
-          </ol>
-        </nav>
-      </section>
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBreadcrumb syntax 1`] = `
-<DocumentFragment>
-  <div
-    aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
-    id="PageId"
-  >
-    <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      <div
-        class="pf-v5-c-page__header-nav"
-      >
-        Navigation
-      </div>
-      PageHeaderTools | Avatar
-    </header>
-    <div
-      aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
-      id="page-sidebar"
-    />
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
-    >
-      <section
-        class="pf-v5-c-page__main-breadcrumb pf-m-sticky-top-on-sm-height pf-m-sticky-top-on-md-height pf-m-sticky-top-on-lg-height pf-m-sticky-top-on-xl-height pf-m-sticky-top-on-2xl-height"
-      >
-        <nav
-          aria-label="Breadcrumb"
-          class="pf-v5-c-breadcrumb"
-          data-ouia-component-id="OUIA-Generated-Breadcrumb-5"
-          data-ouia-component-type="PF5/Breadcrumb"
-          data-ouia-safe="true"
+                  <span
+                    class="pf-v6-c-breadcrumb__item-divider"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="pf-v6-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"
+                      />
+                    </svg>
+                  </span>
+                  <a
+                    class="pf-v6-c-breadcrumb__link"
+                    href="#"
+                  >
+                    Section Title
+                  </a>
+                </li>
+                <li
+                  class="pf-v6-c-breadcrumb__item"
+                >
+                  <span
+                    class="pf-v6-c-breadcrumb__item-divider"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="pf-v6-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"
+                      />
+                    </svg>
+                  </span>
+                  <a
+                    aria-current="page"
+                    class="pf-v6-c-breadcrumb__link pf-m-current"
+                    href="#"
+                  >
+                    Section Landing
+                  </a>
+                </li>
+              </ol>
+            </nav>
+          </div>
+        </section>
+        <section
+          class="pf-v6-c-page__main-section"
         >
-          <ol
-            class="pf-v5-c-breadcrumb__list"
-            role="list"
+          <div
+            class="pf-v6-c-page__main-body"
           >
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              Section Home
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                aria-current="page"
-                class="pf-v5-c-breadcrumb__link pf-m-current"
-                href="#"
-              >
-                Section Landing
-              </a>
-            </li>
-          </ol>
-        </nav>
-      </section>
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
+            Section with default background
+          </div>
+        </section>
+      </main>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -1937,162 +1538,147 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
 <DocumentFragment>
   <div
     aria-label="Page layout"
-    class="pf-v5-c-page my-page-class"
+    class="pf-v6-c-page my-page-class"
     id="PageId"
   >
     <header
-      class="pf-v5-c-page__header"
-    >
-      <div
-        class="pf-v5-c-page__header-brand"
-      >
-        <span
-          class="pf-v5-c-page__header-brand-link"
-        >
-          Logo
-        </span>
-      </div>
-      <div
-        class="pf-v5-c-page__header-nav"
-      >
-        Navigation
-      </div>
-      PageHeaderTools | Avatar
-    </header>
+      class="pf-v6-c-masthead pf-m-display-inline-on-md"
+    />
     <div
       aria-hidden="false"
-      class="pf-v5-c-page__sidebar pf-m-expanded"
+      class="pf-v6-c-page__sidebar pf-m-expanded"
       id="page-sidebar"
     />
-    <main
-      class="pf-v5-c-page__main"
-      tabindex="-1"
+    <div
+      class="pf-v6-c-page__main-container"
     >
-      <section
-        class="pf-v5-c-page__main-breadcrumb pf-m-sticky-top-on-sm-height pf-m-sticky-top-on-md-height pf-m-sticky-top-on-lg-height pf-m-sticky-top-on-xl-height pf-m-sticky-top-on-2xl-height"
+      <main
+        class="pf-v6-c-page__main"
+        tabindex="-1"
       >
-        <nav
-          aria-label="Breadcrumb"
-          class="pf-v5-c-breadcrumb"
-          data-ouia-component-id="OUIA-Generated-Breadcrumb-2"
-          data-ouia-component-type="PF5/Breadcrumb"
-          data-ouia-safe="true"
+        <section
+          class="pf-v6-c-page__main-breadcrumb pf-m-sticky-top-on-sm-height pf-m-sticky-top-on-md-height pf-m-sticky-top-on-lg-height pf-m-sticky-top-on-xl-height pf-m-sticky-top-on-2xl-height"
         >
-          <ol
-            class="pf-v5-c-breadcrumb__list"
-            role="list"
+          <div
+            class="pf-v6-c-page__main-body"
           >
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              Section Home
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
+            <div
+              class="pf-v6-c-page__main-body"
             >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
-              >
-                <svg
-                  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"
-                  />
-                </svg>
-              </span>
-              <a
-                class="pf-v5-c-breadcrumb__link"
-                href="#"
-              >
-                Section Title
-              </a>
-            </li>
-            <li
-              class="pf-v5-c-breadcrumb__item"
-            >
-              <span
-                class="pf-v5-c-breadcrumb__item-divider"
+              <nav
+                aria-label="Breadcrumb"
+                class="pf-v6-c-breadcrumb"
+                data-ouia-component-id="OUIA-Generated-Breadcrumb-2"
+                data-ouia-component-type="PF6/Breadcrumb"
+                data-ouia-safe="true"
               >
-                <svg
-                  aria-hidden="true"
-                  class="pf-v5-svg"
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  viewBox="0 0 256 512"
-                  width="1em"
+                <ol
+                  class="pf-v6-c-breadcrumb__list"
+                  role="list"
                 >
-                  <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"
-                  />
-                </svg>
-              </span>
-              <a
-                aria-current="page"
-                class="pf-v5-c-breadcrumb__link pf-m-current"
-                href="#"
-              >
-                Section Landing
-              </a>
-            </li>
-          </ol>
-        </nav>
-      </section>
-      <section
-        class="pf-v5-c-page__main-section"
-      >
-        Section with default background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-light"
-      >
-        Section with light background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-200"
-      >
-        Section with dark background
-      </section>
-      <section
-        class="pf-v5-c-page__main-section pf-m-dark-100"
-      >
-        Section with darker background
-      </section>
-    </main>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    Section Home
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      class="pf-v6-c-breadcrumb__link"
+                      href="#"
+                    >
+                      Section Title
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      class="pf-v6-c-breadcrumb__link"
+                      href="#"
+                    >
+                      Section Title
+                    </a>
+                  </li>
+                  <li
+                    class="pf-v6-c-breadcrumb__item"
+                  >
+                    <span
+                      class="pf-v6-c-breadcrumb__item-divider"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="pf-v6-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"
+                        />
+                      </svg>
+                    </span>
+                    <a
+                      aria-current="page"
+                      class="pf-v6-c-breadcrumb__link pf-m-current"
+                      href="#"
+                    >
+                      Section Landing
+                    </a>
+                  </li>
+                </ol>
+              </nav>
+            </div>
+          </div>
+        </section>
+        <section
+          class="pf-v6-c-page__main-section"
+        >
+          <div
+            class="pf-v6-c-page__main-body"
+          >
+            Section with default background
+          </div>
+        </section>
+      </main>
+    </div>
   </div>
 </DocumentFragment>
 `;