@patternfly/react-core 6.5.0-prerelease.4 → 6.5.0-prerelease.41

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

@@ -5,7 +5,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
   <nav
     aria-label="Global"
     class="pf-v6-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-4"
+    data-ouia-component-id="OUIA-Generated-Nav-:rj:"
     data-ouia-component-type="PF6/Nav"
     data-ouia-safe="true"
   >
@@ -15,7 +15,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
     >
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-13"
+        data-ouia-component-id="OUIA-Generated-NavItem-:rk:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -32,7 +32,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-14"
+        data-ouia-component-id="OUIA-Generated-NavItem-:rl:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -49,7 +49,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-15"
+        data-ouia-component-id="OUIA-Generated-NavItem-:rm:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -66,7 +66,7 @@ exports[`Nav Default Nav List - Trigger item active update 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-16"
+        data-ouia-component-id="OUIA-Generated-NavItem-:rn:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -91,7 +91,7 @@ exports[`Nav Default Nav List 1`] = `
   <nav
     aria-label="Global"
     class="pf-v6-c-nav test-nav-class"
-    data-ouia-component-id="OUIA-Generated-Nav-1"
+    data-ouia-component-id="OUIA-Generated-Nav-:r1:"
     data-ouia-component-type="PF6/Nav"
     data-ouia-safe="true"
   >
@@ -101,7 +101,7 @@ exports[`Nav Default Nav List 1`] = `
     >
       <li
         class="pf-v6-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-1"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r2:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -118,7 +118,7 @@ exports[`Nav Default Nav List 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-2"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r3:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -135,7 +135,7 @@ exports[`Nav Default Nav List 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-3"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r4:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -152,7 +152,7 @@ exports[`Nav Default Nav List 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-4"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r5:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -177,7 +177,7 @@ exports[`Nav Expandable Nav List - Trigger toggle 1`] = `
   <nav
     aria-label="Global"
     class="pf-v6-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-1"
+    data-ouia-component-id="OUIA-Generated-Nav-:r19:"
     data-ouia-component-type="PF6/Nav"
     data-ouia-safe="true"
   >
@@ -187,7 +187,7 @@ exports[`Nav Expandable Nav List - Trigger toggle 1`] = `
     >
       <li
         class="pf-v6-c-nav__item expandable-group"
-        data-ouia-component-id="OUIA-Generated-NavExpandable-1"
+        data-ouia-component-id="OUIA-Generated-NavExpandable-:r1b:"
         data-ouia-component-type="PF6/NavExpandable"
         data-ouia-safe="true"
       >
@@ -209,12 +209,24 @@ exports[`Nav Expandable Nav List - Trigger toggle 1`] = `
                 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
+                  class="pf-v6-icon-default"
+                  viewBox="0 0 256 512"
+                >
+                  <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>
+                <svg
+                  class="pf-v6-icon-rh-ui"
+                  viewBox="0 0 32 32"
+                >
+                  <path
+                    d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
+                  />
+                </svg>
               </svg>
             </span>
           </span>
@@ -231,7 +243,7 @@ exports[`Nav Expandable Nav List - Trigger toggle 1`] = `
           >
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-1"
+              data-ouia-component-id="OUIA-Generated-NavItem-:r1c:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -248,7 +260,7 @@ exports[`Nav Expandable Nav List - Trigger toggle 1`] = `
             </li>
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-2"
+              data-ouia-component-id="OUIA-Generated-NavItem-:r1d:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -265,7 +277,7 @@ exports[`Nav Expandable Nav List - Trigger toggle 1`] = `
             </li>
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-3"
+              data-ouia-component-id="OUIA-Generated-NavItem-:r1e:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -282,7 +294,7 @@ exports[`Nav Expandable Nav List - Trigger toggle 1`] = `
             </li>
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-4"
+              data-ouia-component-id="OUIA-Generated-NavItem-:r1f:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -310,7 +322,7 @@ exports[`Nav Expandable Nav List 1`] = `
   <nav
     aria-label="Global"
     class="pf-v6-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-5"
+    data-ouia-component-id="OUIA-Generated-Nav-:rp:"
     data-ouia-component-type="PF6/Nav"
     data-ouia-safe="true"
   >
@@ -320,7 +332,7 @@ exports[`Nav Expandable Nav List 1`] = `
     >
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavExpandable-1"
+        data-ouia-component-id="OUIA-Generated-NavExpandable-:rr:"
         data-ouia-component-type="PF6/NavExpandable"
         data-ouia-safe="true"
       >
@@ -342,12 +354,24 @@ exports[`Nav Expandable Nav List 1`] = `
                 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
+                  class="pf-v6-icon-default"
+                  viewBox="0 0 256 512"
+                >
+                  <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>
+                <svg
+                  class="pf-v6-icon-rh-ui"
+                  viewBox="0 0 32 32"
+                >
+                  <path
+                    d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
+                  />
+                </svg>
               </svg>
             </span>
           </span>
@@ -364,7 +388,7 @@ exports[`Nav Expandable Nav List 1`] = `
           >
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-17"
+              data-ouia-component-id="OUIA-Generated-NavItem-:rs:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -381,7 +405,7 @@ exports[`Nav Expandable Nav List 1`] = `
             </li>
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-18"
+              data-ouia-component-id="OUIA-Generated-NavItem-:rt:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -398,7 +422,7 @@ exports[`Nav Expandable Nav List 1`] = `
             </li>
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-19"
+              data-ouia-component-id="OUIA-Generated-NavItem-:ru:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -415,7 +439,7 @@ exports[`Nav Expandable Nav List 1`] = `
             </li>
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-20"
+              data-ouia-component-id="OUIA-Generated-NavItem-:rv:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -443,7 +467,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
   <nav
     aria-label="Test"
     class="pf-v6-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-7"
+    data-ouia-component-id="OUIA-Generated-Nav-:r1h:"
     data-ouia-component-type="PF6/Nav"
     data-ouia-safe="true"
   >
@@ -453,7 +477,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
     >
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavExpandable-3"
+        data-ouia-component-id="OUIA-Generated-NavExpandable-:r1j:"
         data-ouia-component-type="PF6/NavExpandable"
         data-ouia-safe="true"
       >
@@ -474,12 +498,24 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
                 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
+                  class="pf-v6-icon-default"
+                  viewBox="0 0 256 512"
+                >
+                  <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>
+                <svg
+                  class="pf-v6-icon-rh-ui"
+                  viewBox="0 0 32 32"
+                >
+                  <path
+                    d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
+                  />
+                </svg>
               </svg>
             </span>
           </span>
@@ -502,7 +538,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
           >
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-25"
+              data-ouia-component-id="OUIA-Generated-NavItem-:r1k:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -519,7 +555,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
             </li>
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-26"
+              data-ouia-component-id="OUIA-Generated-NavItem-:r1l:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -536,7 +572,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
             </li>
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-27"
+              data-ouia-component-id="OUIA-Generated-NavItem-:r1m:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -553,7 +589,7 @@ exports[`Nav Expandable Nav List with aria label 1`] = `
             </li>
             <li
               class="pf-v6-c-nav__item"
-              data-ouia-component-id="OUIA-Generated-NavItem-28"
+              data-ouia-component-id="OUIA-Generated-NavItem-:r1n:"
               data-ouia-component-type="PF6/NavItem"
               data-ouia-safe="true"
             >
@@ -581,7 +617,7 @@ exports[`Nav Horizontal Nav List 1`] = `
   <nav
     aria-label="Global"
     class="pf-v6-c-nav pf-m-horizontal"
-    data-ouia-component-id="OUIA-Generated-Nav-horizontal-1"
+    data-ouia-component-id="OUIA-Generated-Nav-horizontal-:r25:"
     data-ouia-component-type="PF6/Nav"
     data-ouia-safe="true"
   >
@@ -591,7 +627,7 @@ exports[`Nav Horizontal Nav List 1`] = `
     >
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-37"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r27:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -608,7 +644,7 @@ exports[`Nav Horizontal Nav List 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-38"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r28:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -625,7 +661,7 @@ exports[`Nav Horizontal Nav List 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-39"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r29:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -642,7 +678,7 @@ exports[`Nav Horizontal Nav List 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-40"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r2a:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -667,7 +703,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
   <nav
     aria-label="Local"
     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-:r2d:"
     data-ouia-component-type="PF6/Nav"
     data-ouia-safe="true"
   >
@@ -677,7 +713,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
     >
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-41"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r2f:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -694,7 +730,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-42"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r2g:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -711,7 +747,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-43"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r2h:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -728,7 +764,7 @@ exports[`Nav Horizontal SubNav List 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item"
-        data-ouia-component-id="OUIA-Generated-NavItem-44"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r2i:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -753,7 +789,7 @@ exports[`Nav Nav Grouped List 1`] = `
   <nav
     aria-label="Global"
     class="pf-v6-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-8"
+    data-ouia-component-id="OUIA-Generated-Nav-:r1p:"
     data-ouia-component-type="PF6/Nav"
     data-ouia-safe="true"
   >
@@ -777,7 +813,7 @@ exports[`Nav Nav Grouped List 1`] = `
         >
           <li
             class="pf-v6-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-29"
+            data-ouia-component-id="OUIA-Generated-NavItem-:r1r:"
             data-ouia-component-type="PF6/NavItem"
             data-ouia-safe="true"
           >
@@ -794,7 +830,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v6-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-30"
+            data-ouia-component-id="OUIA-Generated-NavItem-:r1s:"
             data-ouia-component-type="PF6/NavItem"
             data-ouia-safe="true"
           >
@@ -811,7 +847,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v6-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-31"
+            data-ouia-component-id="OUIA-Generated-NavItem-:r1t:"
             data-ouia-component-type="PF6/NavItem"
             data-ouia-safe="true"
           >
@@ -828,7 +864,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v6-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-32"
+            data-ouia-component-id="OUIA-Generated-NavItem-:r1u:"
             data-ouia-component-type="PF6/NavItem"
             data-ouia-safe="true"
           >
@@ -866,7 +902,7 @@ exports[`Nav Nav Grouped List 1`] = `
         >
           <li
             class="pf-v6-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-33"
+            data-ouia-component-id="OUIA-Generated-NavItem-:r20:"
             data-ouia-component-type="PF6/NavItem"
             data-ouia-safe="true"
           >
@@ -883,7 +919,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v6-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-34"
+            data-ouia-component-id="OUIA-Generated-NavItem-:r21:"
             data-ouia-component-type="PF6/NavItem"
             data-ouia-safe="true"
           >
@@ -900,7 +936,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v6-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-35"
+            data-ouia-component-id="OUIA-Generated-NavItem-:r22:"
             data-ouia-component-type="PF6/NavItem"
             data-ouia-safe="true"
           >
@@ -917,7 +953,7 @@ exports[`Nav Nav Grouped List 1`] = `
           </li>
           <li
             class="pf-v6-c-nav__item"
-            data-ouia-component-id="OUIA-Generated-NavItem-36"
+            data-ouia-component-id="OUIA-Generated-NavItem-:r23:"
             data-ouia-component-type="PF6/NavItem"
             data-ouia-safe="true"
           >
@@ -944,7 +980,7 @@ exports[`Nav Nav List with custom item nodes 1`] = `
   <nav
     aria-label="Global"
     class="pf-v6-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-9"
+    data-ouia-component-id="OUIA-Generated-Nav-:r2l:"
     data-ouia-component-type="PF6/Nav"
     data-ouia-safe="true"
   >
@@ -954,7 +990,7 @@ exports[`Nav Nav List with custom item nodes 1`] = `
     >
       <li
         class="pf-v6-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-45"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r2m:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -974,7 +1010,7 @@ exports[`Nav Nav List with flyout 1`] = `
   <nav
     aria-label="Global"
     class="pf-v6-c-nav"
-    data-ouia-component-id="OUIA-Generated-Nav-10"
+    data-ouia-component-id="OUIA-Generated-Nav-:r2o:"
     data-ouia-component-type="PF6/Nav"
     data-ouia-safe="true"
   >
@@ -984,7 +1020,7 @@ exports[`Nav Nav List with flyout 1`] = `
     >
       <li
         class="pf-v6-c-nav__item pf-m-flyout test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-46"
+        data-ouia-component-id="OUIA-Generated-NavItem-:r2p:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -1004,12 +1040,24 @@ exports[`Nav Nav List with flyout 1`] = `
                 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
+                  class="pf-v6-icon-default"
+                  viewBox="0 0 256 512"
+                >
+                  <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>
+                <svg
+                  class="pf-v6-icon-rh-ui"
+                  viewBox="0 0 32 32"
+                >
+                  <path
+                    d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
+                  />
+                </svg>
               </svg>
             </span>
           </span>
@@ -1036,7 +1084,7 @@ exports[`Nav Renders nav list in strict mode 1`] = `
   <nav
     aria-label="Global"
     class="pf-v6-c-nav test-nav-class"
-    data-ouia-component-id="OUIA-Generated-Nav-3"
+    data-ouia-component-id="OUIA-Generated-Nav-:r9:"
     data-ouia-component-type="PF6/Nav"
     data-ouia-safe="true"
   >
@@ -1046,7 +1094,7 @@ exports[`Nav Renders nav list in strict mode 1`] = `
     >
       <li
         class="pf-v6-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-6"
+        data-ouia-component-id="OUIA-Generated-NavItem-:rb:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -1063,7 +1111,7 @@ exports[`Nav Renders nav list in strict mode 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-8"
+        data-ouia-component-id="OUIA-Generated-NavItem-:rd:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -1080,7 +1128,7 @@ exports[`Nav Renders nav list in strict mode 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-10"
+        data-ouia-component-id="OUIA-Generated-NavItem-:rf:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >
@@ -1097,7 +1145,7 @@ exports[`Nav Renders nav list in strict mode 1`] = `
       </li>
       <li
         class="pf-v6-c-nav__item test-nav-item-class"
-        data-ouia-component-id="OUIA-Generated-NavItem-12"
+        data-ouia-component-id="OUIA-Generated-NavItem-:rh:"
         data-ouia-component-type="PF6/NavItem"
         data-ouia-safe="true"
       >

package/src/components/NotificationBadge/NotificationBadge.tsx

@@ -8,7 +8,8 @@ import { css } from '@patternfly/react-styles';
 export enum NotificationBadgeVariant {
   read = 'read',
   unread = 'unread',
-  attention = 'attention'
+  attention = 'attention',
+  plain = 'plain'
 }
 
 export interface NotificationBadgeProps extends Omit<ButtonProps, 'variant'> {
@@ -29,7 +30,7 @@ export interface NotificationBadgeProps extends Omit<ButtonProps, 'variant'> {
    */
   isExpanded?: boolean;
   /** Determines the variant of the notification badge. */
-  variant?: NotificationBadgeVariant | 'read' | 'unread' | 'attention';
+  variant?: NotificationBadgeVariant | 'read' | 'unread' | 'attention' | 'plain';
   /** Flag indicating whether the notification badge animation should be triggered. Each
    * time this prop is true, the animation will be triggered a single time.
    */
@@ -55,6 +56,8 @@ export const NotificationBadge: React.FunctionComponent<NotificationBadgeProps>
   const hasCount = count > 0;
   const hasChildren = children !== undefined;
   const isAttention = variant === NotificationBadgeVariant.attention;
+  const isPlain = variant === NotificationBadgeVariant.plain;
+  const _buttonState = isPlain ? undefined : (variant as 'read' | 'unread' | 'attention');
   const notificationIcon = isAttention ? attentionIcon : icon;
   let notificationContent: React.ReactNode = null;
 
@@ -77,10 +80,10 @@ export const NotificationBadge: React.FunctionComponent<NotificationBadgeProps>
 
   return (
     <Button
-      variant={ButtonVariant.stateful}
+      variant={isPlain ? ButtonVariant.plain : ButtonVariant.stateful}
       className={buttonClassName}
       aria-expanded={isExpanded}
-      state={variant}
+      state={_buttonState}
       isClicked={isExpanded}
       icon={notificationIcon}
       onAnimationEnd={handleAnimationEnd}