@patternfly/react-core 5.0.0-alpha.99 → 5.0.0-prerelease.10

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

@@ -6,7 +6,7 @@ exports[`renders compact no background successfully 1`] = `
     class="pf-v5-c-tree-view pf-m-compact pf-m-no-background"
   >
     <ul
-      class="pf-c-tree-view__list"
+      class="pf-v5-c-tree-view__list"
       role="tree"
     >
       <li
@@ -37,8 +37,10 @@ exports[`renders compact no background successfully 1`] = `
                     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"
@@ -59,7 +61,7 @@ exports[`renders compact no background successfully 1`] = `
           </button>
         </div>
         <ul
-          class="pf-c-tree-view__list"
+          class="pf-v5-c-tree-view__list"
           role="group"
         >
           <li
@@ -88,8 +90,10 @@ exports[`renders compact no background successfully 1`] = `
                         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"
@@ -136,8 +140,10 @@ exports[`renders compact no background successfully 1`] = `
                         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"
@@ -186,8 +192,10 @@ exports[`renders compact no background successfully 1`] = `
                     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"
@@ -234,8 +242,10 @@ exports[`renders compact no background successfully 1`] = `
                     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"
@@ -282,8 +292,10 @@ exports[`renders compact no background successfully 1`] = `
                     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"
@@ -315,7 +327,7 @@ exports[`renders compact successfully 1`] = `
     class="pf-v5-c-tree-view pf-m-compact"
   >
     <ul
-      class="pf-c-tree-view__list"
+      class="pf-v5-c-tree-view__list"
       role="tree"
     >
       <li
@@ -346,8 +358,10 @@ exports[`renders compact successfully 1`] = `
                     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"
@@ -368,7 +382,7 @@ exports[`renders compact successfully 1`] = `
           </button>
         </div>
         <ul
-          class="pf-c-tree-view__list"
+          class="pf-v5-c-tree-view__list"
           role="group"
         >
           <li
@@ -397,8 +411,10 @@ exports[`renders compact successfully 1`] = `
                         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"
@@ -445,8 +461,10 @@ exports[`renders compact successfully 1`] = `
                         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"
@@ -495,8 +513,10 @@ exports[`renders compact successfully 1`] = `
                     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"
@@ -543,8 +563,10 @@ exports[`renders compact successfully 1`] = `
                     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"
@@ -591,8 +613,10 @@ exports[`renders compact successfully 1`] = `
                     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"
@@ -624,7 +648,7 @@ exports[`renders guides successfully 1`] = `
     class="pf-v5-c-tree-view pf-m-guides"
   >
     <ul
-      class="pf-c-tree-view__list"
+      class="pf-v5-c-tree-view__list"
       role="tree"
     >
       <li
@@ -655,8 +679,10 @@ exports[`renders guides successfully 1`] = `
                     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"
@@ -673,7 +699,7 @@ exports[`renders guides successfully 1`] = `
           </button>
         </div>
         <ul
-          class="pf-c-tree-view__list"
+          class="pf-v5-c-tree-view__list"
           role="group"
         >
           <li
@@ -702,8 +728,10 @@ exports[`renders guides successfully 1`] = `
                         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"
@@ -746,8 +774,10 @@ exports[`renders guides successfully 1`] = `
                         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"
@@ -792,8 +822,10 @@ exports[`renders guides successfully 1`] = `
                     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"
@@ -836,8 +868,10 @@ exports[`renders guides successfully 1`] = `
                     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"
@@ -880,8 +914,10 @@ exports[`renders guides successfully 1`] = `
                     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"
@@ -909,7 +945,7 @@ exports[`tree view renders active successfully 1`] = `
     class="pf-v5-c-tree-view"
   >
     <ul
-      class="pf-c-tree-view__list"
+      class="pf-v5-c-tree-view__list"
       role="tree"
     >
       <li
@@ -940,8 +976,10 @@ exports[`tree view renders active successfully 1`] = `
                     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"
@@ -958,7 +996,7 @@ exports[`tree view renders active successfully 1`] = `
           </button>
         </div>
         <ul
-          class="pf-c-tree-view__list"
+          class="pf-v5-c-tree-view__list"
           role="group"
         >
           <li
@@ -987,8 +1025,10 @@ exports[`tree view renders active successfully 1`] = `
                         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"
@@ -1031,8 +1071,10 @@ exports[`tree view renders active successfully 1`] = `
                         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"
@@ -1077,8 +1119,10 @@ exports[`tree view renders active successfully 1`] = `
                     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"
@@ -1121,8 +1165,10 @@ exports[`tree view renders active successfully 1`] = `
                     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"
@@ -1165,8 +1211,10 @@ exports[`tree view renders active successfully 1`] = `
                     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"
@@ -1194,7 +1242,7 @@ exports[`tree view renders badges successfully 1`] = `
     class="pf-v5-c-tree-view"
   >
     <ul
-      class="pf-c-tree-view__list"
+      class="pf-v5-c-tree-view__list"
       role="tree"
     >
       <li
@@ -1225,8 +1273,10 @@ exports[`tree view renders badges successfully 1`] = `
                     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"
@@ -1252,7 +1302,7 @@ exports[`tree view renders badges successfully 1`] = `
           </button>
         </div>
         <ul
-          class="pf-c-tree-view__list"
+          class="pf-v5-c-tree-view__list"
           role="group"
         >
           <li
@@ -1281,8 +1331,10 @@ exports[`tree view renders badges successfully 1`] = `
                         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"
@@ -1334,8 +1386,10 @@ exports[`tree view renders badges successfully 1`] = `
                         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"
@@ -1389,8 +1443,10 @@ exports[`tree view renders badges successfully 1`] = `
                     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"
@@ -1442,8 +1498,10 @@ exports[`tree view renders badges successfully 1`] = `
                     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"
@@ -1495,8 +1553,10 @@ exports[`tree view renders badges successfully 1`] = `
                     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"
@@ -1533,7 +1593,7 @@ exports[`tree view renders basic successfully 1`] = `
     class="pf-v5-c-tree-view"
   >
     <ul
-      class="pf-c-tree-view__list"
+      class="pf-v5-c-tree-view__list"
       role="tree"
     >
       <li
@@ -1564,8 +1624,10 @@ exports[`tree view renders basic successfully 1`] = `
                     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"
@@ -1582,7 +1644,7 @@ exports[`tree view renders basic successfully 1`] = `
           </button>
         </div>
         <ul
-          class="pf-c-tree-view__list"
+          class="pf-v5-c-tree-view__list"
           role="group"
         >
           <li
@@ -1611,8 +1673,10 @@ exports[`tree view renders basic successfully 1`] = `
                         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"
@@ -1655,8 +1719,10 @@ exports[`tree view renders basic successfully 1`] = `
                         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"
@@ -1701,8 +1767,10 @@ exports[`tree view renders basic successfully 1`] = `
                     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"
@@ -1745,8 +1813,10 @@ exports[`tree view renders basic successfully 1`] = `
                     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"
@@ -1789,8 +1859,10 @@ exports[`tree view renders basic successfully 1`] = `
                     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"
@@ -1818,7 +1890,7 @@ exports[`tree view renders checkboxes successfully 1`] = `
     class="pf-v5-c-tree-view"
   >
     <ul
-      class="pf-c-tree-view__list"
+      class="pf-v5-c-tree-view__list"
       role="tree"
     >
       <li
@@ -1851,8 +1923,10 @@ exports[`tree view renders checkboxes successfully 1`] = `
                     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"
@@ -1878,7 +1952,7 @@ exports[`tree view renders checkboxes successfully 1`] = `
           </label>
         </div>
         <ul
-          class="pf-c-tree-view__list"
+          class="pf-v5-c-tree-view__list"
           role="group"
         >
           <li
@@ -1910,8 +1984,10 @@ exports[`tree view renders checkboxes successfully 1`] = `
                         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"
@@ -1966,8 +2042,10 @@ exports[`tree view renders checkboxes successfully 1`] = `
                         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"
@@ -2024,8 +2102,10 @@ exports[`tree view renders checkboxes successfully 1`] = `
                     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"
@@ -2080,8 +2160,10 @@ exports[`tree view renders checkboxes successfully 1`] = `
                     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"
@@ -2136,8 +2218,10 @@ exports[`tree view renders checkboxes successfully 1`] = `
                     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"
@@ -2174,7 +2258,7 @@ exports[`tree view renders icons successfully 1`] = `
     class="pf-v5-c-tree-view"
   >
     <ul
-      class="pf-c-tree-view__list"
+      class="pf-v5-c-tree-view__list"
       role="tree"
     >
       <li
@@ -2205,8 +2289,10 @@ exports[`tree view renders icons successfully 1`] = `
                     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"
@@ -2221,8 +2307,10 @@ exports[`tree view renders icons successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 576 512"
+                  width="1em"
                 >
                   <path
                     d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"
@@ -2238,7 +2326,7 @@ exports[`tree view renders icons successfully 1`] = `
           </button>
         </div>
         <ul
-          class="pf-c-tree-view__list"
+          class="pf-v5-c-tree-view__list"
           role="group"
         >
           <li
@@ -2267,8 +2355,10 @@ exports[`tree view renders icons successfully 1`] = `
                         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"
@@ -2283,8 +2373,10 @@ exports[`tree view renders icons successfully 1`] = `
                       aria-hidden="true"
                       class="pf-v5-svg"
                       fill="currentColor"
+                      height="1em"
                       role="img"
                       viewBox="0 0 512 512"
+                      width="1em"
                     >
                       <path
                         d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
@@ -2326,8 +2418,10 @@ exports[`tree view renders icons successfully 1`] = `
                         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"
@@ -2342,8 +2436,10 @@ exports[`tree view renders icons successfully 1`] = `
                       aria-hidden="true"
                       class="pf-v5-svg"
                       fill="currentColor"
+                      height="1em"
                       role="img"
                       viewBox="0 0 512 512"
+                      width="1em"
                     >
                       <path
                         d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
@@ -2387,8 +2483,10 @@ exports[`tree view renders icons successfully 1`] = `
                     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"
@@ -2403,8 +2501,10 @@ exports[`tree view renders icons successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 512 512"
+                  width="1em"
                 >
                   <path
                     d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
@@ -2446,8 +2546,10 @@ exports[`tree view renders icons successfully 1`] = `
                     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"
@@ -2462,8 +2564,10 @@ exports[`tree view renders icons successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 512 512"
+                  width="1em"
                 >
                   <path
                     d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
@@ -2505,8 +2609,10 @@ exports[`tree view renders icons successfully 1`] = `
                     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"
@@ -2521,8 +2627,10 @@ exports[`tree view renders icons successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 512 512"
+                  width="1em"
                 >
                   <path
                     d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
@@ -2549,7 +2657,7 @@ exports[`tree view renders individual flag options successfully 1`] = `
     class="pf-v5-c-tree-view"
   >
     <ul
-      class="pf-c-tree-view__list"
+      class="pf-v5-c-tree-view__list"
       role="tree"
     >
       <li
@@ -2583,8 +2691,10 @@ exports[`tree view renders individual flag options successfully 1`] = `
                     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"
@@ -2608,8 +2718,10 @@ exports[`tree view renders individual flag options successfully 1`] = `
                   aria-hidden="true"
                   class="pf-v5-svg"
                   fill="currentColor"
+                  height="1em"
                   role="img"
                   viewBox="0 0 576 512"
+                  width="1em"
                 >
                   <path
                     d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"
@@ -2625,7 +2737,7 @@ exports[`tree view renders individual flag options successfully 1`] = `
           </label>
         </div>
         <ul
-          class="pf-c-tree-view__list"
+          class="pf-v5-c-tree-view__list"
           role="group"
         >
           <li
@@ -2654,8 +2766,10 @@ exports[`tree view renders individual flag options successfully 1`] = `
                         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"
@@ -2698,8 +2812,10 @@ exports[`tree view renders individual flag options successfully 1`] = `
                         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"
@@ -2753,8 +2869,10 @@ exports[`tree view renders individual flag options successfully 1`] = `
                     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"
@@ -2786,7 +2904,7 @@ exports[`tree view renders individual flag options successfully 1`] = `
               aria-label="Folder action"
               class="pf-v5-c-button pf-m-plain"
               data-ouia-component-id="OUIA-Generated-Button-plain-1"
-              data-ouia-component-type="PF4/Button"
+              data-ouia-component-type="PF5/Button"
               data-ouia-safe="true"
               type="button"
             >
@@ -2794,8 +2912,10 @@ exports[`tree view renders individual flag options successfully 1`] = `
                 aria-hidden="true"
                 class="pf-v5-svg"
                 fill="currentColor"
+                height="1em"
                 role="img"
                 viewBox="0 0 512 512"
+                width="1em"
               >
                 <path
                   d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
@@ -2831,8 +2951,10 @@ exports[`tree view renders individual flag options successfully 1`] = `
                     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"
@@ -2875,8 +2997,10 @@ exports[`tree view renders individual flag options successfully 1`] = `
                     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"
@@ -2903,13 +3027,37 @@ exports[`tree view renders search successfully 1`] = `
   <div
     class="pf-v5-c-tree-view__search"
   >
-    <input
-      aria-label="Search input example"
-      class="pf-v5-c-form-control pf-m-search"
-      id="input-search"
-      name="search-input"
-      type="search"
-    />
+    <div
+      class="pf-v5-c-form-control pf-m-icon"
+    >
+      <input
+        aria-label="Search input example"
+        id="input-search"
+        name="search-input"
+        type="search"
+      />
+      <div
+        class="pf-v5-c-form-control__utilities"
+      >
+        <div
+          class="pf-v5-c-form-control__icon"
+        >
+          <svg
+            aria-hidden="true"
+            class="pf-v5-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 512 512"
+            width="1em"
+          >
+            <path
+              d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
+            />
+          </svg>
+        </div>
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -2926,7 +3074,7 @@ exports[`tree view renders toolbar successfully 1`] = `
       class="pf-v5-c-divider"
     />
     <ul
-      class="pf-c-tree-view__list"
+      class="pf-v5-c-tree-view__list"
       role="tree"
     >
       <li
@@ -2957,8 +3105,10 @@ exports[`tree view renders toolbar successfully 1`] = `
                     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"
@@ -2975,7 +3125,7 @@ exports[`tree view renders toolbar successfully 1`] = `
           </button>
         </div>
         <ul
-          class="pf-c-tree-view__list"
+          class="pf-v5-c-tree-view__list"
           role="group"
         >
           <li
@@ -3004,8 +3154,10 @@ exports[`tree view renders toolbar successfully 1`] = `
                         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"
@@ -3048,8 +3200,10 @@ exports[`tree view renders toolbar successfully 1`] = `
                         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"
@@ -3094,8 +3248,10 @@ exports[`tree view renders toolbar successfully 1`] = `
                     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"
@@ -3138,8 +3294,10 @@ exports[`tree view renders toolbar successfully 1`] = `
                     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"
@@ -3182,8 +3340,10 @@ exports[`tree view renders toolbar successfully 1`] = `
                     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"