@patternfly/react-core 6.0.0-alpha.10 → 6.0.0-alpha.11

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

@@ -1,81 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Nav Dark Nav List 1`] = `
-<DocumentFragment>
-  <nav
-    aria-label="Global"
-    class="pf-v5-c-nav test=nav-class"
-    data-ouia-component-id="OUIA-Generated-Nav-4"
-    data-ouia-component-type="PF5/Nav"
-    data-ouia-safe="true"
-  >
-    <ul
-      class="pf-v5-c-nav__list test-nav-list-class"
-      role="list"
-    >
-      <li
-        class="pf-v5-c-nav__item test-nav-item-class"
-        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 test-nav-item-class"
-          href="#link1"
-        >
-          Link 1
-        </a>
-      </li>
-      <li
-        class="pf-v5-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-14"
-        data-ouia-component-type="PF5/NavItem"
-        data-ouia-safe="true"
-      >
-        <a
-          class="pf-v5-c-nav__link test-nav-item-class"
-          href="#link2"
-        >
-          Link 2
-        </a>
-      </li>
-      <li
-        class="pf-v5-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-15"
-        data-ouia-component-type="PF5/NavItem"
-        data-ouia-safe="true"
-      >
-        <a
-          class="pf-v5-c-nav__link test-nav-item-class"
-          href="#link3"
-        >
-          Link 3
-        </a>
-      </li>
-      <li
-        class="pf-v5-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-16"
-        data-ouia-component-type="PF5/NavItem"
-        data-ouia-safe="true"
-      >
-        <a
-          class="pf-v5-c-nav__link test-nav-item-class"
-          href="#link4"
-        >
-          Link 4
-        </a>
-      </li>
-    </ul>
-  </nav>
-</DocumentFragment>
-`;
-
 exports[`Nav Default Nav List - Trigger item active update 1`] = `
 <DocumentFragment>
   <nav
     aria-label="Global"
     class="pf-v5-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-5"
+    data-ouia-component-id="OUIA-Generated-Nav-4"
     data-ouia-component-type="PF5/Nav"
     data-ouia-safe="true"
   >
@@ -85,7 +15,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
     >
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-17"
+        data-ouia-component-id="OUIA-Generated-NavItem-13"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -98,7 +28,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
       </li>
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-18"
+        data-ouia-component-id="OUIA-Generated-NavItem-14"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -111,7 +41,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
       </li>
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-19"
+        data-ouia-component-id="OUIA-Generated-NavItem-15"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -124,7 +54,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
       </li>
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-20"
+        data-ouia-component-id="OUIA-Generated-NavItem-16"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -224,7 +154,7 @@ exports[`Nav Expandable Nav List - Trigger toggle 1`] = `
       role="list"
     >
       <li
-        class="pf-v5-c-nav__item pf-m-expandable expandable-group"
+        class="pf-v5-c-nav__item expandable-group"
         data-ouia-component-id="OUIA-Generated-NavExpandable-1"
         data-ouia-component-type="PF5/NavExpandable"
         data-ouia-safe="true"
@@ -331,7 +261,7 @@ exports[`Nav Expandable Nav List 1`] = `
   <nav
     aria-label="Global"
     class="pf-v5-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-6"
+    data-ouia-component-id="OUIA-Generated-Nav-5"
     data-ouia-component-type="PF5/Nav"
     data-ouia-safe="true"
   >
@@ -340,7 +270,7 @@ exports[`Nav Expandable Nav List 1`] = `
       role="list"
     >
       <li
-        class="pf-v5-c-nav__item pf-m-expandable"
+        class="pf-v5-c-nav__item"
         data-ouia-component-id="OUIA-Generated-NavExpandable-1"
         data-ouia-component-type="PF5/NavExpandable"
         data-ouia-safe="true"
@@ -384,7 +314,7 @@ exports[`Nav Expandable Nav List 1`] = `
           >
             <li
               class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-21"
+              data-ouia-component-id="OUIA-Generated-NavItem-17"
               data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
@@ -397,7 +327,7 @@ exports[`Nav Expandable Nav List 1`] = `
             </li>
             <li
               class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-22"
+              data-ouia-component-id="OUIA-Generated-NavItem-18"
               data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
@@ -410,7 +340,7 @@ exports[`Nav Expandable Nav List 1`] = `
             </li>
             <li
               class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-23"
+              data-ouia-component-id="OUIA-Generated-NavItem-19"
               data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
@@ -423,7 +353,7 @@ exports[`Nav Expandable Nav List 1`] = `
             </li>
             <li
               class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-24"
+              data-ouia-component-id="OUIA-Generated-NavItem-20"
               data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
@@ -447,7 +377,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
   <nav
     aria-label="Test"
     class="pf-v5-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-8"
+    data-ouia-component-id="OUIA-Generated-Nav-7"
     data-ouia-component-type="PF5/Nav"
     data-ouia-safe="true"
   >
@@ -456,7 +386,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
       role="list"
     >
       <li
-        class="pf-v5-c-nav__item pf-m-expandable"
+        class="pf-v5-c-nav__item"
         data-ouia-component-id="OUIA-Generated-NavExpandable-3"
         data-ouia-component-type="PF5/NavExpandable"
         data-ouia-safe="true"
@@ -505,7 +435,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
           >
             <li
               class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-29"
+              data-ouia-component-id="OUIA-Generated-NavItem-25"
               data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
@@ -518,7 +448,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
             </li>
             <li
               class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-30"
+              data-ouia-component-id="OUIA-Generated-NavItem-26"
               data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
@@ -531,7 +461,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
             </li>
             <li
               class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-31"
+              data-ouia-component-id="OUIA-Generated-NavItem-27"
               data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
@@ -544,7 +474,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
             </li>
             <li
               class="pf-v5-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-32"
+              data-ouia-component-id="OUIA-Generated-NavItem-28"
               data-ouia-component-type="PF5/NavItem"
               data-ouia-safe="true"
             >
@@ -572,32 +502,44 @@ exports[`Nav Horizontal Nav List 1`] = `
     data-ouia-component-type="PF5/Nav"
     data-ouia-safe="true"
   >
-    <button
-      aria-label="Scroll back"
+    <div
       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"
+      <button
+        aria-disabled="false"
+        aria-label="Scroll back"
+        class="pf-v5-c-button pf-m-plain"
+        data-ouia-component-id="OUIA-Generated-Button-plain-1"
+        data-ouia-component-type="PF5/Button"
+        data-ouia-safe="true"
+        type="button"
       >
-        <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>
+        <span
+          class="pf-v5-c-button__icon"
+        >
+          <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>
+        </span>
+      </button>
+    </div>
     <ul
       class="pf-v5-c-nav__list"
       role="list"
     >
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-41"
+        data-ouia-component-id="OUIA-Generated-NavItem-37"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -610,7 +552,7 @@ exports[`Nav Horizontal Nav List 1`] = `
       </li>
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-42"
+        data-ouia-component-id="OUIA-Generated-NavItem-38"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -623,7 +565,7 @@ exports[`Nav Horizontal Nav List 1`] = `
       </li>
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-43"
+        data-ouia-component-id="OUIA-Generated-NavItem-39"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -636,7 +578,7 @@ exports[`Nav Horizontal Nav List 1`] = `
       </li>
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-44"
+        data-ouia-component-id="OUIA-Generated-NavItem-40"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -648,25 +590,37 @@ exports[`Nav Horizontal Nav List 1`] = `
         </a>
       </li>
     </ul>
-    <button
-      aria-label="Scroll foward"
+    <div
       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"
+      <button
+        aria-disabled="false"
+        aria-label="Scroll foward"
+        class="pf-v5-c-button pf-m-plain"
+        data-ouia-component-id="OUIA-Generated-Button-plain-2"
+        data-ouia-component-type="PF5/Button"
+        data-ouia-safe="true"
+        type="button"
       >
-        <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>
+        <span
+          class="pf-v5-c-button__icon"
+        >
+          <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>
+      </button>
+    </div>
   </nav>
 </DocumentFragment>
 `;
@@ -675,37 +629,49 @@ exports[`Nav Horizontal SubNav List 1`] = `
 <DocumentFragment>
   <nav
     aria-label="Local"
-    class="pf-v5-c-nav pf-m-horizontal-subnav"
+    class="pf-v5-c-nav pf-m-horizontal pf-m-subnav"
     data-ouia-component-id="OUIA-Generated-Nav-horizontal-subnav-1"
     data-ouia-component-type="PF5/Nav"
     data-ouia-safe="true"
   >
-    <button
-      aria-label="Scroll back"
+    <div
       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"
+      <button
+        aria-disabled="false"
+        aria-label="Scroll back"
+        class="pf-v5-c-button pf-m-plain"
+        data-ouia-component-id="OUIA-Generated-Button-plain-3"
+        data-ouia-component-type="PF5/Button"
+        data-ouia-safe="true"
+        type="button"
       >
-        <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>
+        <span
+          class="pf-v5-c-button__icon"
+        >
+          <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>
+        </span>
+      </button>
+    </div>
     <ul
       class="pf-v5-c-nav__list"
       role="list"
     >
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-45"
+        data-ouia-component-id="OUIA-Generated-NavItem-41"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -718,7 +684,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
       </li>
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-46"
+        data-ouia-component-id="OUIA-Generated-NavItem-42"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -731,7 +697,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
       </li>
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-47"
+        data-ouia-component-id="OUIA-Generated-NavItem-43"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -744,7 +710,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
       </li>
       <li
         class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-48"
+        data-ouia-component-id="OUIA-Generated-NavItem-44"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -756,25 +722,37 @@ exports[`Nav Horizontal SubNav List 1`] = `
         </a>
       </li>
     </ul>
-    <button
-      aria-label="Scroll foward"
+    <div
       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"
+      <button
+        aria-disabled="false"
+        aria-label="Scroll foward"
+        class="pf-v5-c-button pf-m-plain"
+        data-ouia-component-id="OUIA-Generated-Button-plain-4"
+        data-ouia-component-type="PF5/Button"
+        data-ouia-safe="true"
+        type="button"
       >
-        <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>
+        <span
+          class="pf-v5-c-button__icon"
+        >
+          <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>
+      </button>
+    </div>
   </nav>
 </DocumentFragment>
 `;
@@ -784,7 +762,7 @@ exports[`Nav Nav Grouped List 1`] = `
   <nav
     aria-label="Global"
     class="pf-v5-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-9"
+    data-ouia-component-id="OUIA-Generated-Nav-8"
     data-ouia-component-type="PF5/Nav"
     data-ouia-safe="true"
   >
@@ -808,7 +786,7 @@ exports[`Nav Nav Grouped List 1`] = `
         >
           <li
             class="pf-v5-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-33"
+            data-ouia-component-id="OUIA-Generated-NavItem-29"
             data-ouia-component-type="PF5/NavItem"
             data-ouia-safe="true"
           >
@@ -821,7 +799,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v5-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-34"
+            data-ouia-component-id="OUIA-Generated-NavItem-30"
             data-ouia-component-type="PF5/NavItem"
             data-ouia-safe="true"
           >
@@ -834,7 +812,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v5-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-35"
+            data-ouia-component-id="OUIA-Generated-NavItem-31"
             data-ouia-component-type="PF5/NavItem"
             data-ouia-safe="true"
           >
@@ -847,7 +825,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v5-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-36"
+            data-ouia-component-id="OUIA-Generated-NavItem-32"
             data-ouia-component-type="PF5/NavItem"
             data-ouia-safe="true"
           >
@@ -881,7 +859,7 @@ exports[`Nav Nav Grouped List 1`] = `
         >
           <li
             class="pf-v5-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-37"
+            data-ouia-component-id="OUIA-Generated-NavItem-33"
             data-ouia-component-type="PF5/NavItem"
             data-ouia-safe="true"
           >
@@ -894,7 +872,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v5-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-38"
+            data-ouia-component-id="OUIA-Generated-NavItem-34"
             data-ouia-component-type="PF5/NavItem"
             data-ouia-safe="true"
           >
@@ -907,7 +885,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v5-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-39"
+            data-ouia-component-id="OUIA-Generated-NavItem-35"
             data-ouia-component-type="PF5/NavItem"
             data-ouia-safe="true"
           >
@@ -920,7 +898,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v5-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-40"
+            data-ouia-component-id="OUIA-Generated-NavItem-36"
             data-ouia-component-type="PF5/NavItem"
             data-ouia-safe="true"
           >
@@ -941,38 +919,19 @@ exports[`Nav Nav Grouped List 1`] = `
 exports[`Nav Nav List with custom item nodes 1`] = `
 <DocumentFragment>
   <nav
-    aria-label="Local"
-    class="pf-v5-c-nav pf-m-horizontal pf-m-tertiary"
-    data-ouia-component-id="OUIA-Generated-Nav-tertiary-2"
+    aria-label="Global"
+    class="pf-v5-c-nav"
+    data-ouia-component-id="OUIA-Generated-Nav-9"
     data-ouia-component-type="PF5/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"
       role="list"
     >
       <li
         class="pf-v5-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-53"
+        data-ouia-component-id="OUIA-Generated-NavItem-45"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -983,25 +942,6 @@ exports[`Nav Nav List with custom item nodes 1`] = `
         </div>
       </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>
 </DocumentFragment>
 `;
@@ -1009,38 +949,19 @@ exports[`Nav Nav List with custom item nodes 1`] = `
 exports[`Nav Nav List with flyout 1`] = `
 <DocumentFragment>
   <nav
-    aria-label="Local"
-    class="pf-v5-c-nav pf-m-horizontal pf-m-tertiary"
-    data-ouia-component-id="OUIA-Generated-Nav-tertiary-3"
+    aria-label="Global"
+    class="pf-v5-c-nav"
+    data-ouia-component-id="OUIA-Generated-Nav-10"
     data-ouia-component-type="PF5/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"
       role="list"
     >
       <li
         class="pf-v5-c-nav__item pf-m-flyout test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-54"
+        data-ouia-component-id="OUIA-Generated-NavItem-46"
         data-ouia-component-type="PF5/NavItem"
         data-ouia-safe="true"
       >
@@ -1072,25 +993,6 @@ exports[`Nav Nav List with flyout 1`] = `
         </div>
       </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>
     <div
       class=""
       data-popper-escaped="true"
@@ -1175,111 +1077,3 @@ exports[`Nav Renders nav list in strict mode 1`] = `
   </nav>
 </DocumentFragment>
 `;
-
-exports[`Nav Tertiary Nav List 1`] = `
-<DocumentFragment>
-  <nav
-    aria-label="Local"
-    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"
-  >
-    <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"
-    >
-      <li
-        class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-49"
-        data-ouia-component-type="PF5/NavItem"
-        data-ouia-safe="true"
-      >
-        <a
-          class="pf-v5-c-nav__link"
-          href="#link1"
-        >
-          Link 1
-        </a>
-      </li>
-      <li
-        class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-50"
-        data-ouia-component-type="PF5/NavItem"
-        data-ouia-safe="true"
-      >
-        <a
-          class="pf-v5-c-nav__link"
-          href="#link2"
-        >
-          Link 2
-        </a>
-      </li>
-      <li
-        class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-51"
-        data-ouia-component-type="PF5/NavItem"
-        data-ouia-safe="true"
-      >
-        <a
-          class="pf-v5-c-nav__link"
-          href="#link3"
-        >
-          Link 3
-        </a>
-      </li>
-      <li
-        class="pf-v5-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-52"
-        data-ouia-component-type="PF5/NavItem"
-        data-ouia-safe="true"
-      >
-        <a
-          class="pf-v5-c-nav__link"
-          href="#link4"
-        >
-          Link 4
-        </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>
-</DocumentFragment>
-`;