@patternfly/react-core 5.0.0-alpha.6 → 5.0.0-alpha.61

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

@@ -23,51 +23,45 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              1 - 10
-            </b>
-             of 
-            <b>
-              0
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -89,12 +83,10 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -118,12 +110,10 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -158,12 +148,10 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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,12 +174,10 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -228,51 +214,45 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              1 - 10
-            </b>
-             of 
-            <b>
-              0
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -294,12 +274,10 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -323,12 +301,10 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -363,12 +339,10 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -391,12 +365,10 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -433,51 +405,45 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              1 - 10
-            </b>
-             of 
-            <b>
-              0
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -499,12 +465,10 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -528,12 +492,10 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -568,12 +530,10 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -596,12 +556,10 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -638,51 +596,45 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              1 - 10
-            </b>
-             of 
-            <b>
-              0
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -704,12 +656,10 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -733,12 +683,10 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -773,12 +721,10 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -801,12 +747,10 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -843,51 +787,45 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              1 - 10
-            </b>
-             of 
-            <b>
-              0
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -909,12 +847,10 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -938,12 +874,10 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -978,12 +912,10 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -1006,12 +938,10 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -1048,51 +978,45 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              1 - 10
-            </b>
-             of 
-            <b>
-              0
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -1114,12 +1038,10 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -1143,12 +1065,10 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -1183,12 +1103,10 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -1211,12 +1129,10 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -1246,44 +1162,38 @@ exports[`Pagination component render custom pagination toggle 1`] = `
       -9 - 10 - 40 - 
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          -9 - 10 - 40 - 
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            -9 - 10 - 40 - 
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -1305,12 +1215,10 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -1334,12 +1242,10 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -1379,12 +1285,10 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -1407,12 +1311,10 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -1448,51 +1350,45 @@ exports[`Pagination component render custom perPageOptions 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            -9 - 10
+          </b>
+           of 
+          <b>
+            40
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              -9 - 10
-            </b>
-             of 
-            <b>
-              40
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -1514,12 +1410,10 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -1543,12 +1437,10 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -1588,12 +1480,10 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -1616,12 +1506,10 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -1657,51 +1545,45 @@ exports[`Pagination component render custom start end 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            5 - 15
+          </b>
+           of 
+          <b>
+            40
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              5 - 15
-            </b>
-             of 
-            <b>
-              40
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -1722,12 +1604,10 @@ exports[`Pagination component render custom start end 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -1750,12 +1630,10 @@ exports[`Pagination component render custom start end 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -1795,12 +1673,10 @@ exports[`Pagination component render custom start end 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -1823,12 +1699,10 @@ exports[`Pagination component render custom start end 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -1883,12 +1757,10 @@ exports[`Pagination component render empty per page options 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -1912,12 +1784,10 @@ exports[`Pagination component render empty per page options 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -1957,12 +1827,10 @@ exports[`Pagination component render empty per page options 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -1985,12 +1853,10 @@ exports[`Pagination component render empty per page options 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -2026,51 +1892,45 @@ exports[`Pagination component render last page 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            11 - 20
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              11 - 20
-            </b>
-             of 
-            <b>
-              20
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -2091,12 +1951,10 @@ exports[`Pagination component render last page 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -2119,12 +1977,10 @@ exports[`Pagination component render last page 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -2165,12 +2021,10 @@ exports[`Pagination component render last page 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -2194,12 +2048,10 @@ exports[`Pagination component render last page 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -2235,51 +2087,45 @@ exports[`Pagination component render limited number of pages 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            -19 - 20
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              -19 - 20
-            </b>
-             of 
-            <b>
-              20
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -2301,12 +2147,10 @@ exports[`Pagination component render limited number of pages 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -2330,12 +2174,10 @@ exports[`Pagination component render limited number of pages 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -2377,12 +2219,10 @@ exports[`Pagination component render limited number of pages 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -2406,12 +2246,10 @@ exports[`Pagination component render limited number of pages 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -2435,51 +2273,45 @@ exports[`Pagination component render should render correctly bottom 1`] = `
     style="--pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-bottom-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-bottom-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            -9 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              -9 - 10
-            </b>
-             of 
-            <b>
-              20
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -2501,12 +2333,10 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -2530,12 +2360,10 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -2575,12 +2403,10 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -2603,12 +2429,10 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -2632,51 +2456,45 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
     style="--pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-bottom-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-bottom-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            -9 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              -9 - 10
-            </b>
-             of 
-            <b>
-              20
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -2698,12 +2516,10 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -2727,12 +2543,10 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -2772,12 +2586,10 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -2800,12 +2612,10 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -2841,51 +2651,45 @@ exports[`Pagination component render should render correctly compact 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            -9 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              -9 - 10
-            </b>
-             of 
-            <b>
-              20
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -2907,12 +2711,10 @@ exports[`Pagination component render should render correctly compact 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -2935,12 +2737,10 @@ exports[`Pagination component render should render correctly compact 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -2976,52 +2776,46 @@ exports[`Pagination component render should render correctly disabled 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
+        disabled=""
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
-          disabled=""
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            -9 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              -9 - 10
-            </b>
-             of 
-            <b>
-              20
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -3043,12 +2837,10 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -3072,12 +2864,10 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -3119,12 +2909,10 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -3148,12 +2936,10 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -3189,51 +2975,45 @@ exports[`Pagination component render should render correctly sticky 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            -9 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              -9 - 10
-            </b>
-             of 
-            <b>
-              20
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -3255,12 +3035,10 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -3284,12 +3062,10 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -3329,12 +3105,10 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -3357,12 +3131,10 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -3398,51 +3170,45 @@ exports[`Pagination component render should render correctly top 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            -9 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              -9 - 10
-            </b>
-             of 
-            <b>
-              20
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -3464,12 +3230,10 @@ exports[`Pagination component render should render correctly top 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -3493,12 +3257,10 @@ exports[`Pagination component render should render correctly top 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -3538,12 +3300,10 @@ exports[`Pagination component render should render correctly top 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -3566,12 +3326,10 @@ exports[`Pagination component render should render correctly top 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -3607,51 +3365,45 @@ exports[`Pagination component render titles 1`] = `
        values
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            -9 - 10
+          </b>
+           of 
+          <b>
+            40
+          </b>
+           values
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              -9 - 10
-            </b>
-             of 
-            <b>
-              40
-            </b>
-             values
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -3673,12 +3425,10 @@ exports[`Pagination component render titles 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -3702,12 +3452,10 @@ exports[`Pagination component render titles 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -3747,12 +3495,10 @@ exports[`Pagination component render titles 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -3775,12 +3521,10 @@ exports[`Pagination component render titles 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -3816,51 +3560,45 @@ exports[`Pagination component render up drop direction 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            -9 - 10
+          </b>
+           of 
+          <b>
+            40
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              -9 - 10
-            </b>
-             of 
-            <b>
-              40
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -3882,12 +3620,10 @@ exports[`Pagination component render up drop direction 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -3911,12 +3647,10 @@ exports[`Pagination component render up drop direction 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -3956,12 +3690,10 @@ exports[`Pagination component render up drop direction 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -3984,12 +3716,10 @@ exports[`Pagination component render up drop direction 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
@@ -4025,51 +3755,45 @@ exports[`Pagination component render zero results 1`] = `
        
     </div>
     <div>
-      <div
-        style="display: contents;"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-c-menu-toggle pf-m-plain pf-m-text"
+        id="options-menu-top-toggle"
+        type="button"
       >
-        <button
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          class="pf-c-menu-toggle pf-m-plain pf-m-text"
-          id="options-menu-top-toggle"
-          type="button"
+        <span
+          class="pf-c-menu-toggle__text"
+        >
+          <b>
+            0 - 0
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-c-menu-toggle__controls"
         >
           <span
-            class="pf-c-menu-toggle__text"
-          >
-            <b>
-              0 - 0
-            </b>
-             of 
-            <b>
-              0
-            </b>
-             
-          </span>
-          <span
-            class="pf-c-menu-toggle__controls"
-          >
-            <span
-              class="pf-c-menu-toggle__toggle-icon"
+            class="pf-c-menu-toggle__toggle-icon"
+          >
+            <svg
+              aria-hidden="true"
+              class="pf-svg"
+              fill="currentColor"
+              role="img"
+              viewBox="0 0 320 512"
             >
-              <svg
-                aria-hidden="true"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style="vertical-align: -0.125em;"
-                viewBox="0 0 320 512"
-                width="1em"
-              >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                />
-              </svg>
-            </span>
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <nav
       aria-label="Pagination"
@@ -4091,12 +3815,10 @@ exports[`Pagination component render zero results 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 512"
-            width="1em"
           >
             <path
               d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
@@ -4120,12 +3842,10 @@ exports[`Pagination component render zero results 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 256 512"
-            width="1em"
           >
             <path
               d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
@@ -4167,12 +3887,10 @@ exports[`Pagination component render zero results 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             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"
@@ -4196,12 +3914,10 @@ exports[`Pagination component render zero results 1`] = `
         >
           <svg
             aria-hidden="true"
+            class="pf-svg"
             fill="currentColor"
-            height="1em"
             role="img"
-            style="vertical-align: -0.125em;"
             viewBox="0 0 448 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 34zm192-34l-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.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"