@patternfly/patternfly 6.6.0-prerelease.3 → 6.6.0-prerelease.30

package/docs/components/TextInputGroup/examples/TextInputGroup.md

@@ -71,7 +71,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
   <div class="pf-v6-c-text-input-group__main pf-m-icon">
     <span class="pf-v6-c-text-input-group__text">
       <span class="pf-v6-c-text-input-group__icon">
-        <i class="fas fa-fw fa-search"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+          />
+        </svg>
       </span>
       <input
         class="pf-v6-c-text-input-group__text-input"
@@ -122,7 +134,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
         aria-label="Success validation"
       />
       <span class="pf-v6-c-text-input-group__icon pf-m-status">
-        <i aria-hidden="true" class="fas fa-check-circle"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
+          />
+        </svg>
       </span>
     </span>
   </div>
@@ -132,7 +156,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
   <div class="pf-v6-c-text-input-group__main pf-m-icon">
     <span class="pf-v6-c-text-input-group__text">
       <span class="pf-v6-c-text-input-group__icon">
-        <i class="fas fa-fw fa-search"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+          />
+        </svg>
       </span>
       <input
         class="pf-v6-c-text-input-group__text-input"
@@ -141,7 +177,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
         aria-label="Warning validation"
       />
       <span class="pf-v6-c-text-input-group__icon pf-m-status">
-        <i aria-hidden="true" class="fas fa-exclamation-triangle"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
+          />
+        </svg>
       </span>
     </span>
   </div>
@@ -151,7 +199,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
   <div class="pf-v6-c-text-input-group__main pf-m-icon">
     <span class="pf-v6-c-text-input-group__text">
       <span class="pf-v6-c-text-input-group__icon">
-        <i class="fas fa-fw fa-search"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+          />
+        </svg>
       </span>
       <input
         class="pf-v6-c-text-input-group__text-input"
@@ -160,7 +220,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
         aria-label="Error validation"
       />
       <span class="pf-v6-c-text-input-group__icon pf-m-status">
-        <i aria-hidden="true" class="fas fa-exclamation-circle"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
+          />
+        </svg>
       </span>
     </span>
   </div>
@@ -200,7 +272,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
         aria-label="Type to filter"
       />
       <span class="pf-v6-c-text-input-group__icon pf-m-status">
-        <i aria-hidden="true" class="fas fa-exclamation-circle"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
+          />
+        </svg>
       </span>
     </span>
   </div>
@@ -254,10 +338,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-label-group-label-one-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-label-group-label-one-button text-input-group-filters-label-group-label-one-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -289,10 +373,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-label-group-label-two-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-label-group-label-two-button text-input-group-filters-label-group-label-two-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -324,10 +408,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-label-group-label-three-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-label-group-label-three-button text-input-group-filters-label-group-label-three-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -359,10 +443,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-label-group-label-four-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-label-group-label-four-button text-input-group-filters-label-group-label-four-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -394,10 +478,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-label-group-label-five-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-label-group-label-five-button text-input-group-filters-label-group-label-five-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -429,10 +513,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-label-group-label-six-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-label-group-label-six-button text-input-group-filters-label-group-label-six-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -524,10 +608,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-one-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-one-button text-input-group-filters-expanded-label-group-label-one-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -559,10 +643,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-two-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-two-button text-input-group-filters-expanded-label-group-label-two-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -594,10 +678,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-three-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-three-button text-input-group-filters-expanded-label-group-label-three-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -629,10 +713,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-four-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-four-button text-input-group-filters-expanded-label-group-label-four-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -664,10 +748,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-five-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-five-button text-input-group-filters-expanded-label-group-label-five-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -699,10 +783,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-six-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-six-button text-input-group-filters-expanded-label-group-label-six-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -734,10 +818,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-seven-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-seven-button text-input-group-filters-expanded-label-group-label-seven-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -769,10 +853,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-eight-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-eight-button text-input-group-filters-expanded-label-group-label-eight-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -804,10 +888,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-nine-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-nine-button text-input-group-filters-expanded-label-group-label-nine-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -839,10 +923,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-ten-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-ten-button text-input-group-filters-expanded-label-group-label-ten-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -874,10 +958,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-eleven-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-eleven-button text-input-group-filters-expanded-label-group-label-eleven-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -909,10 +993,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-twelve-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-twelve-button text-input-group-filters-expanded-label-group-label-twelve-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -944,10 +1028,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-thirteen-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-thirteen-button text-input-group-filters-expanded-label-group-label-thirteen-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -979,10 +1063,10 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
               <span class="pf-v6-c-label__actions">
                 <button
                   class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-                  type="button"
                   id="text-input-group-filters-expanded-label-group-label-fourteen-button"
-                  aria-label="Remove"
+                  type="button"
                   aria-labelledby="text-input-group-filters-expanded-label-group-label-fourteen-button text-input-group-filters-expanded-label-group-label-fourteen-text"
+                  aria-label="Remove"
                 >
                   <span class="pf-v6-c-button__icon">
                     <svg
@@ -1076,7 +1160,19 @@ The React implementation can be found in the [search input](/components/search-i
   <div class="pf-v6-c-text-input-group__main pf-m-icon">
     <span class="pf-v6-c-text-input-group__text">
       <span class="pf-v6-c-text-input-group__icon">
-        <i class="fas fa-fw fa-search"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+          />
+        </svg>
       </span>
       <input
         class="pf-v6-c-text-input-group__text-input"
@@ -1098,7 +1194,19 @@ The React implementation can be found in the [search input](/components/search-i
   <div class="pf-v6-c-text-input-group__main pf-m-icon">
     <span class="pf-v6-c-text-input-group__text">
       <span class="pf-v6-c-text-input-group__icon">
-        <i class="fas fa-fw fa-search"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+          />
+        </svg>
       </span>
       <input
         class="pf-v6-c-text-input-group__text-input"
@@ -1143,7 +1251,19 @@ The React implementation can be found in the [search input](/components/search-i
   <div class="pf-v6-c-text-input-group__main pf-m-icon">
     <span class="pf-v6-c-text-input-group__text">
       <span class="pf-v6-c-text-input-group__icon">
-        <i class="fas fa-fw fa-search"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+          />
+        </svg>
       </span>
       <input
         class="pf-v6-c-text-input-group__text-input"
@@ -1192,7 +1312,19 @@ The React implementation can be found in the [search input](/components/search-i
   <div class="pf-v6-c-text-input-group__main pf-m-icon">
     <span class="pf-v6-c-text-input-group__text">
       <span class="pf-v6-c-text-input-group__icon">
-        <i class="fas fa-fw fa-search"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+          />
+        </svg>
       </span>
       <input
         class="pf-v6-c-text-input-group__text-input"
@@ -1219,14 +1351,14 @@ The React implementation can be found in the [search input](/components/search-i
           <svg
             class="pf-v6-svg"
             fill="currentColor"
-            viewBox="0 0 320 512"
+            viewBox="0 0 32 32"
             aria-hidden="true"
             role="img"
             width="1em"
             height="1em"
           >
             <path
-              d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"
+              d="M29 22a.997.997 0 0 1-.707-.293L16 9.414 3.707 21.707a.999.999 0 1 1-1.414-1.414L14.939 7.646a1.501 1.501 0 0 1 2.121 0l12.646 12.646a.999.999 0 0 1-.707 1.707Z"
             />
           </svg>
         </span>
@@ -1236,14 +1368,14 @@ The React implementation can be found in the [search input](/components/search-i
           <svg
             class="pf-v6-svg"
             fill="currentColor"
-            viewBox="0 0 320 512"
+            viewBox="0 0 32 32"
             aria-hidden="true"
             role="img"
             width="1em"
             height="1em"
           >
             <path
-              d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
+              d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
             />
           </svg>
         </span>
@@ -1286,7 +1418,19 @@ The React implementation can be found in the [search input](/components/search-i
       <div class="pf-v6-c-text-input-group__main pf-m-icon">
         <span class="pf-v6-c-text-input-group__text">
           <span class="pf-v6-c-text-input-group__icon">
-            <i class="fas fa-fw fa-search"></i>
+            <svg
+              class="pf-v6-svg"
+              fill="currentColor"
+              viewBox="0 0 32 32"
+              aria-hidden="true"
+              role="img"
+              width="1em"
+              height="1em"
+            >
+              <path
+                d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+              />
+            </svg>
           </span>
           <input
             class="pf-v6-c-text-input-group__text-input"
@@ -1309,14 +1453,14 @@ The React implementation can be found in the [search input](/components/search-i
         <svg
           class="pf-v6-svg"
           fill="currentColor"
-          viewBox="0 0 512 512"
+          viewBox="0 0 32 32"
           aria-hidden="true"
           role="img"
           width="1em"
           height="1em"
         >
           <path
-            d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
+            d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
           />
         </svg>
       </span>
@@ -1358,7 +1502,19 @@ The React implementation can be found in the [search input](/components/search-i
       <div class="pf-v6-c-text-input-group__main pf-m-icon">
         <span class="pf-v6-c-text-input-group__text">
           <span class="pf-v6-c-text-input-group__icon">
-            <i class="fas fa-fw fa-search"></i>
+            <svg
+              class="pf-v6-svg"
+              fill="currentColor"
+              viewBox="0 0 32 32"
+              aria-hidden="true"
+              role="img"
+              width="1em"
+              height="1em"
+            >
+              <path
+                d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+              />
+            </svg>
           </span>
           <input
             class="pf-v6-c-text-input-group__text-input"
@@ -1381,14 +1537,14 @@ The React implementation can be found in the [search input](/components/search-i
         <svg
           class="pf-v6-svg"
           fill="currentColor"
-          viewBox="0 0 512 512"
+          viewBox="0 0 32 32"
           aria-hidden="true"
           role="img"
           width="1em"
           height="1em"
         >
           <path
-            d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
+            d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
           />
         </svg>
       </span>
@@ -1430,7 +1586,19 @@ The React implementation can be found in the [search input](/components/search-i
       <div class="pf-v6-c-text-input-group__main pf-m-icon">
         <span class="pf-v6-c-text-input-group__text">
           <span class="pf-v6-c-text-input-group__icon">
-            <i class="fas fa-fw fa-search"></i>
+            <svg
+              class="pf-v6-svg"
+              fill="currentColor"
+              viewBox="0 0 32 32"
+              aria-hidden="true"
+              role="img"
+              width="1em"
+              height="1em"
+            >
+              <path
+                d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+              />
+            </svg>
           </span>
           <input
             class="pf-v6-c-text-input-group__text-input"
@@ -1453,14 +1621,14 @@ The React implementation can be found in the [search input](/components/search-i
         <svg
           class="pf-v6-svg"
           fill="currentColor"
-          viewBox="0 0 448 512"
+          viewBox="0 0 20 20"
           aria-hidden="true"
           role="img"
           width="1em"
           height="1em"
         >
           <path
-            d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
+            d="M18.35 8.94 12.7 3.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 4.29 4.29H2c-.55 0-1 .45-1 1s.45 1 1 1h13.59l-4.29 4.29a.987.987 0 0 0-.02 1.41c.38.4 1.02.41 1.41.02l.02-.02 5.65-5.65c.59-.59.59-1.53 0-2.12Z"
           />
         </svg>
       </span>
@@ -1479,7 +1647,19 @@ The React implementation can be found in the [search input](/components/search-i
       <div class="pf-v6-c-text-input-group__main pf-m-icon">
         <span class="pf-v6-c-text-input-group__text">
           <span class="pf-v6-c-text-input-group__icon">
-            <i class="fas fa-fw fa-search"></i>
+            <svg
+              class="pf-v6-svg"
+              fill="currentColor"
+              viewBox="0 0 32 32"
+              aria-hidden="true"
+              role="img"
+              width="1em"
+              height="1em"
+            >
+              <path
+                d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+              />
+            </svg>
           </span>
           <input
             class="pf-v6-c-text-input-group__text-input"
@@ -1525,14 +1705,14 @@ The React implementation can be found in the [search input](/components/search-i
         <svg
           class="pf-v6-svg"
           fill="currentColor"
-          viewBox="0 0 320 512"
+          viewBox="0 0 20 20"
           aria-hidden="true"
           role="img"
           width="1em"
           height="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"
+            d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
           />
         </svg>
       </span>
@@ -1548,14 +1728,14 @@ The React implementation can be found in the [search input](/components/search-i
         <svg
           class="pf-v6-svg"
           fill="currentColor"
-          viewBox="0 0 448 512"
+          viewBox="0 0 20 20"
           aria-hidden="true"
           role="img"
           width="1em"
           height="1em"
         >
           <path
-            d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
+            d="M18.35 8.94 12.7 3.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 4.29 4.29H2c-.55 0-1 .45-1 1s.45 1 1 1h13.59l-4.29 4.29a.987.987 0 0 0-.02 1.41c.38.4 1.02.41 1.41.02l.02-.02 5.65-5.65c.59-.59.59-1.53 0-2.12Z"
           />
         </svg>
       </span>
@@ -1574,7 +1754,19 @@ The React implementation can be found in the [search input](/components/search-i
       <div class="pf-v6-c-text-input-group__main pf-m-icon">
         <span class="pf-v6-c-text-input-group__text">
           <span class="pf-v6-c-text-input-group__icon">
-            <i class="fas fa-fw fa-search"></i>
+            <svg
+              class="pf-v6-svg"
+              fill="currentColor"
+              viewBox="0 0 32 32"
+              aria-hidden="true"
+              role="img"
+              width="1em"
+              height="1em"
+            >
+              <path
+                d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+              />
+            </svg>
           </span>
           <input
             class="pf-v6-c-text-input-group__text-input"
@@ -1620,14 +1812,14 @@ The React implementation can be found in the [search input](/components/search-i
         <svg
           class="pf-v6-svg"
           fill="currentColor"
-          viewBox="0 0 320 512"
+          viewBox="0 0 20 20"
           aria-hidden="true"
           role="img"
           width="1em"
           height="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"
+            d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
           />
         </svg>
       </span>
@@ -1643,14 +1835,14 @@ The React implementation can be found in the [search input](/components/search-i
         <svg
           class="pf-v6-svg"
           fill="currentColor"
-          viewBox="0 0 448 512"
+          viewBox="0 0 20 20"
           aria-hidden="true"
           role="img"
           width="1em"
           height="1em"
         >
           <path
-            d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
+            d="M18.35 8.94 12.7 3.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 4.29 4.29H2c-.55 0-1 .45-1 1s.45 1 1 1h13.59l-4.29 4.29a.987.987 0 0 0-.02 1.41c.38.4 1.02.41 1.41.02l.02-.02 5.65-5.65c.59-.59.59-1.53 0-2.12Z"
           />
         </svg>
       </span>
@@ -1733,23 +1925,29 @@ The React implementation can be found in the [search input](/components/search-i
           </div>
         </div>
         <div class="pf-v6-c-form__group pf-m-action">
-          <div class="pf-v6-c-form__actions">
-            <button
-              class="pf-v6-c-button pf-m-primary"
-              id="submit-advanced-search-expanded"
-              type="submit"
-              aria-labelledby="submit-advanced-search-expanded search-input-group-advanced-search-expanded"
-            >
-              <span class="pf-v6-c-button__text">Submit</span>
-            </button>
-            <button
-              class="pf-v6-c-button pf-m-link"
-              id="reset-advanced-search-expanded"
-              type="reset"
-              aria-labelledby="reset-advanced-search-expanded search-input-group-advanced-search-expanded"
-            >
-              <span class="pf-v6-c-button__text">Reset</span>
-            </button>
+          <div class="pf-v6-c-action-list">
+            <div class="pf-v6-c-action-list__group">
+              <div class="pf-v6-c-action-list__item">
+                <button
+                  class="pf-v6-c-button pf-m-primary"
+                  id="submit-advanced-search-expanded"
+                  type="submit"
+                  aria-labelledby="submit-advanced-search-expanded search-input-group-advanced-search-expanded"
+                >
+                  <span class="pf-v6-c-button__text">Submit</span>
+                </button>
+              </div>
+              <div class="pf-v6-c-action-list__item">
+                <button
+                  class="pf-v6-c-button pf-m-link"
+                  id="reset-advanced-search-expanded"
+                  type="button"
+                  aria-labelledby="reset-advanced-search-expanded search-input-group-advanced-search-expanded"
+                >
+                  <span class="pf-v6-c-button__text">Cancel</span>
+                </button>
+              </div>
+            </div>
           </div>
         </div>
       </form>
@@ -1766,7 +1964,19 @@ The React implementation can be found in the [search input](/components/search-i
   <div class="pf-v6-c-text-input-group__main pf-m-icon">
     <span class="pf-v6-c-text-input-group__text">
       <span class="pf-v6-c-text-input-group__icon">
-        <i class="fas fa-fw fa-search"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+          />
+        </svg>
       </span>
       <input
         class="pf-v6-c-text-input-group__text-input"
@@ -1845,7 +2055,19 @@ The React implementation can be found in the [search input](/components/search-i
   <div class="pf-v6-c-text-input-group__main pf-m-icon">
     <span class="pf-v6-c-text-input-group__text">
       <span class="pf-v6-c-text-input-group__icon">
-        <i class="fas fa-fw fa-search"></i>
+        <svg
+          class="pf-v6-svg"
+          fill="currentColor"
+          viewBox="0 0 32 32"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+          />
+        </svg>
       </span>
       <input
         class="pf-v6-c-text-input-group__text-input pf-m-hint"
@@ -1907,7 +2129,19 @@ The React implementation can be found in the [search input](/components/search-i
         <div class="pf-v6-c-text-input-group__main pf-m-icon">
           <span class="pf-v6-c-text-input-group__text">
             <span class="pf-v6-c-text-input-group__icon">
-              <i class="fas fa-fw fa-search"></i>
+              <svg
+                class="pf-v6-svg"
+                fill="currentColor"
+                viewBox="0 0 32 32"
+                aria-hidden="true"
+                role="img"
+                width="1em"
+                height="1em"
+              >
+                <path
+                  d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
+                />
+              </svg>
             </span>
             <input
               class="pf-v6-c-text-input-group__text-input"
@@ -1953,14 +2187,14 @@ The React implementation can be found in the [search input](/components/search-i
           <svg
             class="pf-v6-svg"
             fill="currentColor"
-            viewBox="0 0 320 512"
+            viewBox="0 0 20 20"
             aria-hidden="true"
             role="img"
             width="1em"
             height="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"
+              d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
             />
           </svg>
         </span>
@@ -1976,14 +2210,14 @@ The React implementation can be found in the [search input](/components/search-i
           <svg
             class="pf-v6-svg"
             fill="currentColor"
-            viewBox="0 0 448 512"
+            viewBox="0 0 20 20"
             aria-hidden="true"
             role="img"
             width="1em"
             height="1em"
           >
             <path
-              d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
+              d="M18.35 8.94 12.7 3.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 4.29 4.29H2c-.55 0-1 .45-1 1s.45 1 1 1h13.59l-4.29 4.29a.987.987 0 0 0-.02 1.41c.38.4 1.02.41 1.41.02l.02-.02 5.65-5.65c.59-.59.59-1.53 0-2.12Z"
             />
           </svg>
         </span>
@@ -2066,23 +2300,29 @@ The React implementation can be found in the [search input](/components/search-i
             </div>
           </div>
           <div class="pf-v6-c-form__group pf-m-action">
-            <div class="pf-v6-c-form__actions">
-              <button
-                class="pf-v6-c-button pf-m-primary"
-                id="submit-advanced-search-expanded-with-autocomplete"
-                type="submit"
-                aria-labelledby="submit-advanced-search-expanded-with-autocomplete search-input-group-advanced-search-expanded-with-autocomplete"
-              >
-                <span class="pf-v6-c-button__text">Submit</span>
-              </button>
-              <button
-                class="pf-v6-c-button pf-m-link"
-                id="reset-advanced-search-expanded-with-autocomplete"
-                type="submit"
-                aria-labelledby="reset-advanced-search-expanded-with-autocomplete search-input-group-advanced-search-expanded-with-autocomplete"
-              >
-                <span class="pf-v6-c-button__text">Reset</span>
-              </button>
+            <div class="pf-v6-c-action-list">
+              <div class="pf-v6-c-action-list__group">
+                <div class="pf-v6-c-action-list__item">
+                  <button
+                    class="pf-v6-c-button pf-m-primary"
+                    id="submit-advanced-search-expanded-with-autocomplete"
+                    type="submit"
+                    aria-labelledby="submit-advanced-search-expanded-with-autocomplete search-input-group-advanced-search-expanded-with-autocomplete"
+                  >
+                    <span class="pf-v6-c-button__text">Submit</span>
+                  </button>
+                </div>
+                <div class="pf-v6-c-action-list__item">
+                  <button
+                    class="pf-v6-c-button pf-m-link"
+                    id="reset-advanced-search-expanded-with-autocomplete"
+                    type="submit"
+                    aria-labelledby="reset-advanced-search-expanded-with-autocomplete search-input-group-advanced-search-expanded-with-autocomplete"
+                  >
+                    <span class="pf-v6-c-button__text">Cancel</span>
+                  </button>
+                </div>
+              </div>
             </div>
           </div>
         </form>