npm - @patternfly/react-core - Versions diffs - 6.5.0-prerelease.5 → 6.5.0-prerelease.50 - Mend

@patternfly/react-core 6.5.0-prerelease.5 → 6.5.0-prerelease.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1434) hide show

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

@@ -16,9 +16,13 @@ exports[`Page Check dark page against snapshot 1`] = `
       id="page-sidebar"
     >
       <div
-        class="pf-v6-c-page__sidebar-body"
+        class="pf-v6-c-page__sidebar-main"
       >
-        Navigation
+        <div
+          class="pf-v6-c-page__sidebar-body"
+        >
+          Navigation
+        </div>
       </div>
     </div>
     <div
@@ -57,7 +61,11 @@ exports[`Page Check page horizontal layout example against snapshot 1`] = `
       aria-hidden="false"
       class="pf-v6-c-page__sidebar"
       id="page-sidebar"
-    />
+    >
+      <div
+        class="pf-v6-c-page__sidebar-main"
+      />
+    </div>
     <div
       class="pf-v6-c-page__main-container"
     >
@@ -94,7 +102,11 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
       aria-hidden="false"
       class="pf-v6-c-page__sidebar"
       id="page-sidebar"
-    />
+    >
+      <div
+        class="pf-v6-c-page__sidebar-main"
+      />
+    </div>
     <div
       class="pf-v6-c-page__main-container"
     >
@@ -111,7 +123,7 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
             <nav
               aria-label="Breadcrumb"
               class="pf-v6-c-breadcrumb"
-              data-ouia-component-id="OUIA-Generated-Breadcrumb-4"
+              data-ouia-component-id="OUIA-Generated-Breadcrumb-:r3:"
               data-ouia-component-type="PF6/Breadcrumb"
               data-ouia-safe="true"
             >
@@ -136,11 +148,11 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
                       fill="currentColor"
                       height="1em"
                       role="img"
-                      viewBox="0 0 256 512"
+                      viewBox="0 0 20 20"
                       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"
+                        d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                       />
                     </svg>
                   </span>
@@ -163,11 +175,11 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
                       fill="currentColor"
                       height="1em"
                       role="img"
-                      viewBox="0 0 256 512"
+                      viewBox="0 0 20 20"
                       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"
+                        d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                       />
                     </svg>
                   </span>
@@ -190,11 +202,11 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
                       fill="currentColor"
                       height="1em"
                       role="img"
-                      viewBox="0 0 256 512"
+                      viewBox="0 0 20 20"
                       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"
+                        d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                       />
                     </svg>
                   </span>
@@ -239,7 +251,11 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
       aria-hidden="false"
       class="pf-v6-c-page__sidebar"
       id="page-sidebar"
-    />
+    >
+      <div
+        class="pf-v6-c-page__sidebar-main"
+      />
+    </div>
     <div
       class="pf-v6-c-page__main-container"
     >
@@ -259,7 +275,7 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
               <nav
                 aria-label="Breadcrumb"
                 class="pf-v6-c-breadcrumb"
-                data-ouia-component-id="OUIA-Generated-Breadcrumb-1"
+                data-ouia-component-id="OUIA-Generated-Breadcrumb-:r0:"
                 data-ouia-component-type="PF6/Breadcrumb"
                 data-ouia-safe="true"
               >
@@ -284,11 +300,11 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -311,11 +327,11 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -338,11 +354,11 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -388,7 +404,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
       aria-hidden="false"
       class="pf-v6-c-page__sidebar"
       id="page-sidebar"
-    />
+    >
+      <div
+        class="pf-v6-c-page__sidebar-main"
+      />
+    </div>
     <div
       class="pf-v6-c-page__main-container"
     >
@@ -408,7 +428,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
               <nav
                 aria-label="Breadcrumb"
                 class="pf-v6-c-breadcrumb"
-                data-ouia-component-id="OUIA-Generated-Breadcrumb-7"
+                data-ouia-component-id="OUIA-Generated-Breadcrumb-:r6:"
                 data-ouia-component-type="PF6/Breadcrumb"
                 data-ouia-safe="true"
               >
@@ -433,11 +453,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -460,11 +480,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -487,11 +507,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -510,7 +530,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
           <nav
             aria-label="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-id="OUIA-Generated-Nav-horizontal-subnav-:r8:"
             data-ouia-component-type="PF6/Nav"
             data-ouia-safe="true"
           >
@@ -520,7 +540,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
             >
               <li
                 class="pf-v6-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-1"
+                data-ouia-component-id="OUIA-Generated-NavItem-:ra:"
                 data-ouia-component-type="PF6/NavItem"
                 data-ouia-safe="true"
               >
@@ -537,7 +557,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
               </li>
               <li
                 class="pf-v6-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-2"
+                data-ouia-component-id="OUIA-Generated-NavItem-:rb:"
                 data-ouia-component-type="PF6/NavItem"
                 data-ouia-safe="true"
               >
@@ -553,7 +573,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
               </li>
               <li
                 class="pf-v6-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-3"
+                data-ouia-component-id="OUIA-Generated-NavItem-:rc:"
                 data-ouia-component-type="PF6/NavItem"
                 data-ouia-safe="true"
               >
@@ -569,7 +589,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
               </li>
               <li
                 class="pf-v6-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-4"
+                data-ouia-component-id="OUIA-Generated-NavItem-:rd:"
                 data-ouia-component-type="PF6/NavItem"
                 data-ouia-safe="true"
               >
@@ -585,7 +605,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
               </li>
               <li
                 class="pf-v6-c-nav__item"
-                data-ouia-component-id="OUIA-Generated-NavItem-5"
+                data-ouia-component-id="OUIA-Generated-NavItem-:re:"
                 data-ouia-component-type="PF6/NavItem"
                 data-ouia-safe="true"
               >
@@ -631,7 +651,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
       aria-hidden="false"
       class="pf-v6-c-page__sidebar"
       id="page-sidebar"
-    />
+    >
+      <div
+        class="pf-v6-c-page__sidebar-main"
+      />
+    </div>
     <div
       class="pf-v6-c-page__main-container"
     >
@@ -654,7 +678,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
               <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-id="OUIA-Generated-Nav-horizontal-subnav-:rh:"
                 data-ouia-component-type="PF6/Nav"
                 data-ouia-safe="true"
               >
@@ -664,7 +688,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                 >
                   <li
                     class="pf-v6-c-nav__item"
-                    data-ouia-component-id="OUIA-Generated-NavItem-6"
+                    data-ouia-component-id="OUIA-Generated-NavItem-:rj:"
                     data-ouia-component-type="PF6/NavItem"
                     data-ouia-safe="true"
                   >
@@ -681,7 +705,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                   </li>
                   <li
                     class="pf-v6-c-nav__item"
-                    data-ouia-component-id="OUIA-Generated-NavItem-7"
+                    data-ouia-component-id="OUIA-Generated-NavItem-:rk:"
                     data-ouia-component-type="PF6/NavItem"
                     data-ouia-safe="true"
                   >
@@ -697,7 +721,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                   </li>
                   <li
                     class="pf-v6-c-nav__item"
-                    data-ouia-component-id="OUIA-Generated-NavItem-8"
+                    data-ouia-component-id="OUIA-Generated-NavItem-:rl:"
                     data-ouia-component-type="PF6/NavItem"
                     data-ouia-safe="true"
                   >
@@ -713,7 +737,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                   </li>
                   <li
                     class="pf-v6-c-nav__item"
-                    data-ouia-component-id="OUIA-Generated-NavItem-9"
+                    data-ouia-component-id="OUIA-Generated-NavItem-:rm:"
                     data-ouia-component-type="PF6/NavItem"
                     data-ouia-safe="true"
                   >
@@ -729,7 +753,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                   </li>
                   <li
                     class="pf-v6-c-nav__item"
-                    data-ouia-component-id="OUIA-Generated-NavItem-10"
+                    data-ouia-component-id="OUIA-Generated-NavItem-:rn:"
                     data-ouia-component-type="PF6/NavItem"
                     data-ouia-safe="true"
                   >
@@ -765,7 +789,7 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                     <nav
                       aria-label="Breadcrumb"
                       class="pf-v6-c-breadcrumb"
-                      data-ouia-component-id="OUIA-Generated-Breadcrumb-8"
+                      data-ouia-component-id="OUIA-Generated-Breadcrumb-:rp:"
                       data-ouia-component-type="PF6/Breadcrumb"
                       data-ouia-safe="true"
                     >
@@ -790,11 +814,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                               fill="currentColor"
                               height="1em"
                               role="img"
-                              viewBox="0 0 256 512"
+                              viewBox="0 0 20 20"
                               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"
+                                d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                               />
                             </svg>
                           </span>
@@ -817,11 +841,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                               fill="currentColor"
                               height="1em"
                               role="img"
-                              viewBox="0 0 256 512"
+                              viewBox="0 0 20 20"
                               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"
+                                d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                               />
                             </svg>
                           </span>
@@ -844,11 +868,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
                               fill="currentColor"
                               height="1em"
                               role="img"
-                              viewBox="0 0 256 512"
+                              viewBox="0 0 20 20"
                               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"
+                                d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                               />
                             </svg>
                           </span>
@@ -896,7 +920,7 @@ exports[`Page Check page to verify skip to content points to main content region
     >
       <a
         class="pf-v6-c-button pf-m-primary"
-        data-ouia-component-id="OUIA-Generated-Button-primary-1"
+        data-ouia-component-id="OUIA-Generated-Button-primary-:rq:"
         data-ouia-component-type="PF6/Button"
         data-ouia-safe="true"
         href="#main-content-page-layout-test-nav"
@@ -915,7 +939,11 @@ exports[`Page Check page to verify skip to content points to main content region
       aria-hidden="false"
       class="pf-v6-c-page__sidebar"
       id="page-sidebar"
-    />
+    >
+      <div
+        class="pf-v6-c-page__sidebar-main"
+      />
+    </div>
     <div
       class="pf-v6-c-page__main-container"
     >
@@ -936,7 +964,7 @@ exports[`Page Check page to verify skip to content points to main content region
               <nav
                 aria-label="Breadcrumb"
                 class="pf-v6-c-breadcrumb"
-                data-ouia-component-id="OUIA-Generated-Breadcrumb-9"
+                data-ouia-component-id="OUIA-Generated-Breadcrumb-:rr:"
                 data-ouia-component-type="PF6/Breadcrumb"
                 data-ouia-safe="true"
               >
@@ -961,11 +989,11 @@ exports[`Page Check page to verify skip to content points to main content region
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -988,11 +1016,11 @@ exports[`Page Check page to verify skip to content points to main content region
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -1015,11 +1043,11 @@ exports[`Page Check page to verify skip to content points to main content region
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -1067,9 +1095,13 @@ exports[`Page Check page vertical layout example against snapshot 1`] = `
       id="page-sidebar"
     >
       <div
-        class="pf-v6-c-page__sidebar-body"
+        class="pf-v6-c-page__sidebar-main"
       >
-        Navigation
+        <div
+          class="pf-v6-c-page__sidebar-body"
+        >
+          Navigation
+        </div>
       </div>
     </div>
     <div
@@ -1108,7 +1140,11 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
       aria-hidden="false"
       class="pf-v6-c-page__sidebar"
       id="page-sidebar"
-    />
+    >
+      <div
+        class="pf-v6-c-page__sidebar-main"
+      />
+    </div>
     <div
       class="pf-v6-c-page__main-container"
     >
@@ -1125,7 +1161,7 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
             <nav
               aria-label="Breadcrumb"
               class="pf-v6-c-breadcrumb"
-              data-ouia-component-id="OUIA-Generated-Breadcrumb-6"
+              data-ouia-component-id="OUIA-Generated-Breadcrumb-:r5:"
               data-ouia-component-type="PF6/Breadcrumb"
               data-ouia-safe="true"
             >
@@ -1150,11 +1186,11 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
                       fill="currentColor"
                       height="1em"
                       role="img"
-                      viewBox="0 0 256 512"
+                      viewBox="0 0 20 20"
                       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"
+                        d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                       />
                     </svg>
                   </span>
@@ -1177,11 +1213,11 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
                       fill="currentColor"
                       height="1em"
                       role="img"
-                      viewBox="0 0 256 512"
+                      viewBox="0 0 20 20"
                       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"
+                        d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                       />
                     </svg>
                   </span>
@@ -1204,11 +1240,11 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
                       fill="currentColor"
                       height="1em"
                       role="img"
-                      viewBox="0 0 256 512"
+                      viewBox="0 0 20 20"
                       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"
+                        d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                       />
                     </svg>
                   </span>
@@ -1253,7 +1289,11 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
       aria-hidden="false"
       class="pf-v6-c-page__sidebar"
       id="page-sidebar"
-    />
+    >
+      <div
+        class="pf-v6-c-page__sidebar-main"
+      />
+    </div>
     <div
       class="pf-v6-c-page__main-container"
     >
@@ -1273,7 +1313,7 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
               <nav
                 aria-label="Breadcrumb"
                 class="pf-v6-c-breadcrumb"
-                data-ouia-component-id="OUIA-Generated-Breadcrumb-3"
+                data-ouia-component-id="OUIA-Generated-Breadcrumb-:r2:"
                 data-ouia-component-type="PF6/Breadcrumb"
                 data-ouia-safe="true"
               >
@@ -1298,11 +1338,11 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -1325,11 +1365,11 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -1352,11 +1392,11 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -1402,7 +1442,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
       aria-hidden="false"
       class="pf-v6-c-page__sidebar"
       id="page-sidebar"
-    />
+    >
+      <div
+        class="pf-v6-c-page__sidebar-main"
+      />
+    </div>
     <div
       class="pf-v6-c-page__main-container"
     >
@@ -1419,7 +1463,7 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
             <nav
               aria-label="Breadcrumb"
               class="pf-v6-c-breadcrumb"
-              data-ouia-component-id="OUIA-Generated-Breadcrumb-5"
+              data-ouia-component-id="OUIA-Generated-Breadcrumb-:r4:"
               data-ouia-component-type="PF6/Breadcrumb"
               data-ouia-safe="true"
             >
@@ -1444,11 +1488,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
                       fill="currentColor"
                       height="1em"
                       role="img"
-                      viewBox="0 0 256 512"
+                      viewBox="0 0 20 20"
                       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"
+                        d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                       />
                     </svg>
                   </span>
@@ -1471,11 +1515,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
                       fill="currentColor"
                       height="1em"
                       role="img"
-                      viewBox="0 0 256 512"
+                      viewBox="0 0 20 20"
                       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"
+                        d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                       />
                     </svg>
                   </span>
@@ -1498,11 +1542,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
                       fill="currentColor"
                       height="1em"
                       role="img"
-                      viewBox="0 0 256 512"
+                      viewBox="0 0 20 20"
                       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"
+                        d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                       />
                     </svg>
                   </span>
@@ -1547,7 +1591,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
       aria-hidden="false"
       class="pf-v6-c-page__sidebar"
       id="page-sidebar"
-    />
+    >
+      <div
+        class="pf-v6-c-page__sidebar-main"
+      />
+    </div>
     <div
       class="pf-v6-c-page__main-container"
     >
@@ -1567,7 +1615,7 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
               <nav
                 aria-label="Breadcrumb"
                 class="pf-v6-c-breadcrumb"
-                data-ouia-component-id="OUIA-Generated-Breadcrumb-2"
+                data-ouia-component-id="OUIA-Generated-Breadcrumb-:r1:"
                 data-ouia-component-type="PF6/Breadcrumb"
                 data-ouia-safe="true"
               >
@@ -1592,11 +1640,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -1619,11 +1667,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>
@@ -1646,11 +1694,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
                         fill="currentColor"
                         height="1em"
                         role="img"
-                        viewBox="0 0 256 512"
+                        viewBox="0 0 20 20"
                         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"
+                          d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                         />
                       </svg>
                     </span>