fix(brand): allowed heights/widths to be set together and be used when no children are passed

packages/react-core/src/components/Brand/Brand.tsx

@@ -43,14 +43,15 @@ export const Brand: React.FunctionComponent<BrandProps> = ({
   ...props
 }: BrandProps) => {
   let responsiveStyles;
-  if (children !== undefined && widths !== undefined) {
+  if (widths !== undefined) {
     responsiveStyles = {
       ...setBreakpointCssVars(widths, '--pf-v5-c-brand--Width')
     };
   }
 
-  if (children !== undefined && heights !== undefined) {
+  if (heights !== undefined) {
     responsiveStyles = {
+      ...responsiveStyles,
       ...setBreakpointCssVars(heights, '--pf-v5-c-brand--Height')
     };
   }
@@ -67,7 +68,7 @@ export const Brand: React.FunctionComponent<BrandProps> = ({
         <img src={src} alt={alt} />
       </picture>
     ) : (
-      <img {...props} className={css(styles.brand, className)} style={style} src={src} alt={alt} />
+      <img {...props} className={css(styles.brand, className)} style={{ ...style, ...responsiveStyles }} src={src} alt={alt} />
     )
   );
 };

packages/react-core/src/components/Brand/examples/Brand.md

@@ -22,7 +22,7 @@ import logoBase from './pf-c-brand--logo-base.jpg';
 
 ### Responsive
 
-Passing `<source>` elements as children to `Brand` will change the component from an `<img>` to a `<picture>` element. In this form, breakpoint modifiers for width and height may be passed to `Brand`. The `src` and `alt` properties should still be passed to populate the fallback `img` of the brand.
+Passing `<source>` elements as children to `Brand` will change the component from an `<img>` to a `<picture>` element. The `src` and `alt` properties should still be passed to populate the fallback `img` of the brand.
 
 ```ts file="./BrandResponsive.tsx"
 ```

packages/react-core/src/components/Brand/examples/BrandBasic.tsx

@@ -2,4 +2,4 @@ import React from 'react';
 import { Brand } from '@patternfly/react-core';
 import pfLogo from './pfLogo.svg';
 
-export const BrandBasic: React.FunctionComponent = () => <Brand src={pfLogo} alt="Patternfly Logo" />;
+export const BrandBasic: React.FunctionComponent = () => <Brand src={pfLogo} alt="Patternfly Logo" widths={{ default: '200px', md: '400px', xl: '600px' }} />;