add extra conditional for icon-only Button styling (#3503)

* add extra conditional for icon-only Button styling

* Update packages/@react-spectrum/button/src/Button.tsx

Co-authored-by: Daniel Lu <[email protected]>

Co-authored-by: Daniel Lu <[email protected]>

Author: jluyau

packages/@react-spectrum/button/src/Button.tsx

@@ -51,6 +51,7 @@ function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>,
   let {hoverProps, isHovered} = useHover({isDisabled});
   let {styleProps} = useStyleProps(otherProps);
   let hasLabel = useHasChild(`.${styles['spectrum-Button-label']}`, domRef);
+  let hasIcon = useHasChild(`.${styles['spectrum-Icon']}`, domRef);
 
   let buttonVariant = variant;
   if (VARIANT_MAPPING[variant]) {
@@ -70,7 +71,7 @@ function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>,
             `spectrum-Button--${buttonVariant}`,
             {
               'spectrum-Button--quiet': isQuiet,
-              'spectrum-Button--iconOnly': !hasLabel,
+              'spectrum-Button--iconOnly': hasIcon && !hasLabel,
               'is-disabled': isDisabled,
               'is-active': isPressed,
               'is-hovered': isHovered