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

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

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 (1460) hide show

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

@@ -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,11 +209,11 @@ exports[`Nav Expandable Nav List - Trigger toggle 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="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
                 />
               </svg>
             </span>
@@ -231,7 +231,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 +248,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 +265,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 +282,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 +310,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 +320,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,11 +342,11 @@ exports[`Nav Expandable Nav List 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="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
                 />
               </svg>
             </span>
@@ -364,7 +364,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 +381,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 +398,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 +415,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 +443,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 +453,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,11 +474,11 @@ exports[`Nav Expandable Nav List with aria label 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="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
                 />
               </svg>
             </span>
@@ -502,7 +502,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 +519,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 +536,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 +553,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 +581,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 +591,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 +608,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 +625,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 +642,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 +667,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 +677,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 +694,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 +711,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 +728,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 +753,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 +777,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 +794,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 +811,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 +828,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 +866,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 +883,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 +900,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 +917,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 +944,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 +954,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 +974,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 +984,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,11 +1004,11 @@ exports[`Nav Nav List with flyout 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>
@@ -1036,7 +1036,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 +1046,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 +1063,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 +1080,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 +1097,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 CHANGED Viewed

@@ -1,14 +1,15 @@
 import { useEffect, useState } from 'react';
 import { Button, ButtonVariant, ButtonProps } from '../Button';
-import AttentionBellIcon from '@patternfly/react-icons/dist/esm/icons/attention-bell-icon';
-import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import RhUiAttentionBellFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-fill-icon';
+import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
 import styles from '@patternfly/react-styles/css/components/Button/button';
 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.
    */
@@ -43,8 +44,8 @@ export const NotificationBadge: React.FunctionComponent<NotificationBadgeProps>
   children,
   variant = NotificationBadgeVariant.read,
   count = 0,
-  attentionIcon = <AttentionBellIcon />,
-  icon = <BellIcon />,
+  attentionIcon = <RhUiAttentionBellFillIcon />,
+  icon = <RhUiNotificationFillIcon />,
   className,
   isExpanded = false,
   shouldNotify = false,
@@ -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}