@patternfly/react-core 6.0.0-alpha.74 → 6.0.0-alpha.76

package/src/components/Popover/PopoverCloseButton.tsx

@@ -9,9 +9,14 @@ export const PopoverCloseButton: React.FunctionComponent<PopoverCloseButtonProps
   ...props
 }: PopoverCloseButtonProps) => (
   <div className={css(styles.popoverClose)}>
-    <Button onClick={onClose} variant="plain" aria-label {...props} style={{ pointerEvents: 'auto' }}>
-      <TimesIcon />
-    </Button>
+    <Button
+      onClick={onClose}
+      variant="plain"
+      aria-label
+      {...props}
+      style={{ pointerEvents: 'auto' }}
+      icon={<TimesIcon />}
+    />
   </div>
 );
 

package/src/components/Popover/__tests__/Generated/__snapshots__/PopoverCloseButton.test.tsx.snap

@@ -15,19 +15,23 @@ exports[`PopoverCloseButton should match snapshot (auto-generated) 1`] = `
       style="pointer-events: auto;"
       type="button"
     >
-      <svg
-        aria-hidden="true"
-        class="pf-v6-svg"
-        fill="currentColor"
-        height="1em"
-        role="img"
-        viewBox="0 0 352 512"
-        width="1em"
+      <span
+        class="pf-v6-c-button__icon pf-m-start"
       >
-        <path
-          d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-        />
-      </svg>
+        <svg
+          aria-hidden="true"
+          class="pf-v6-svg"
+          fill="currentColor"
+          height="1em"
+          role="img"
+          viewBox="0 0 352 512"
+          width="1em"
+        >
+          <path
+            d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+          />
+        </svg>
+      </span>
     </button>
   </div>
 </DocumentFragment>

package/src/components/SearchInput/SearchInput.tsx

@@ -313,17 +313,15 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
                 aria-label={previousNavigationButtonAriaLabel}
                 isDisabled={isDisabled || isPreviousNavigationButtonDisabled}
                 onClick={onPreviousClick}
-              >
-                <AngleUpIcon />
-              </Button>
+                icon={<AngleUpIcon />}
+              />
               <Button
                 variant={ButtonVariant.plain}
                 aria-label={nextNavigationButtonAriaLabel}
                 isDisabled={isDisabled || isNextNavigationButtonDisabled}
                 onClick={onNextClick}
-              >
-                <AngleDownIcon />
-              </Button>
+                icon={<AngleDownIcon />}
+              />
             </div>
           )}
           {!!onClear && !expandableInput && (
@@ -332,9 +330,8 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
               isDisabled={isDisabled}
               aria-label={resetButtonLabel}
               onClick={onClearInput}
-            >
-              <TimesIcon />
-            </Button>
+              icon={<TimesIcon />}
+            />
           )}
         </TextInputGroupUtilities>
       )}
@@ -379,9 +376,8 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
             onClick={onToggle}
             isDisabled={isDisabled}
             aria-expanded={isSearchMenuOpen}
-          >
-            <CaretDownIcon />
-          </Button>
+            icon={<CaretDownIcon />}
+          />
         </InputGroupItem>
       )}
       {!!onSearch && (
@@ -392,11 +388,12 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
             aria-label={submitSearchButtonLabel}
             onClick={onSearchHandler}
             isDisabled={isDisabled}
-          >
-            <Icon shouldMirrorRTL>
-              <ArrowRightIcon />
-            </Icon>
-          </Button>
+            icon={
+              <Icon shouldMirrorRTL>
+                <ArrowRightIcon />
+              </Icon>
+            }
+          />
         </InputGroupItem>
       )}
       {expandableInput && <InputGroupItem>{expandableToggle}</InputGroupItem>}