chore(docs): Update pf logos in masthead and full page demos (#9348)

* chore(docs): Update pf logos in masthead and full page demos * fix demo app
patternfly · Jul 12, 2023 · 57c9ada · 57c9ada
1 parent 5f71bc2
commit 57c9ada
Show file tree

Hide file tree

Showing 17 changed files with 125 additions and 176 deletions.
diff --git a/packages/react-core/src/components/Masthead/examples/Masthead.md b/packages/react-core/src/components/Masthead/examples/Masthead.md
@@ -7,7 +7,7 @@ propComponents: ['Masthead', 'MastheadToggle', 'MastheadMain', 'MastheadBrand',
 
 import BarsIcon from '@patternfly/react-icons/dist/js/icons/bars-icon';
 import { Link } from '@reach/router';
-import pfIcon from './pf-logo-small.svg';
+import pfIcon from './pf-logo.svg';
 
 `Masthead` should contain the following components to maintain proper layout and formatting: `MastheadToggle`, `MastheadMain`, and `MastheadContent`.
 
@@ -210,10 +210,10 @@ import BarsIcon from '@patternfly/react-icons/dist/js/icons/bars-icon';
 
 ```ts
 import React from 'react';
-import { Masthead, MastheadToggle, MastheadMain, MastheadBrand, MastheadContent, Button } from '@patternfly/react-core';
+import { Masthead, MastheadToggle, MastheadMain, MastheadBrand, MastheadContent, Button, Brand } from '@patternfly/react-core';
 import BarsIcon from '@patternfly/react-icons/dist/js/icons/bars-icon';
 import { Link } from '@reach/router';
-import pfIcon from './pf-logo-small.svg';
+import pfIcon from './pf-logo.svg';
 
 <Masthead id="icon-router-link">
   <MastheadToggle>
@@ -223,7 +223,7 @@ import pfIcon from './pf-logo-small.svg';
   </MastheadToggle>
   <MastheadMain>
     <MastheadBrand component={props => <Link {...props} to="#" />}>
-      <img src={pfIcon} alt="Patterfly Logo" />
+      <Brand src={pfIcon} alt="PatternFly" heights={{ default: '36px' }} />
     </MastheadBrand>
   </MastheadMain>
   <MastheadContent>

diff --git a/packages/react-core/src/components/Masthead/examples/pf-logo-small.svg b/packages/react-core/src/components/Masthead/examples/pf-logo-small.svg
diff --git a/packages/react-core/src/components/Masthead/examples/pf-logo.svg b/packages/react-core/src/components/Masthead/examples/pf-logo.svg
diff --git a/packages/react-core/src/demos/Masthead.md b/packages/react-core/src/demos/Masthead.md
@@ -12,6 +12,7 @@ import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
 import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
 import imgAvatar from '@patternfly/react-core/src/components/Avatar/examples/avatarImg.svg';
 import pfIcon from './Card/pf-logo-small.svg';
+import pfLogo from './assets/pf-logo.svg';
 import { Link } from '@reach/router';
 
 ## Demos