diff --git a/packages/react-core/src/components/AboutModal/examples/AboutModal.md b/packages/react-core/src/components/AboutModal/examples/AboutModal.md index e307e39a575..f4c6eacaa8f 100644 --- a/packages/react-core/src/components/AboutModal/examples/AboutModal.md +++ b/packages/react-core/src/components/AboutModal/examples/AboutModal.md @@ -4,8 +4,8 @@ section: components cssPrefix: pf-v5-c-about-modal-box propComponents: ['AboutModal'] --- -import brandImg from '../../assets/brandImg.svg'; -import bgImg from '../../assets/patternfly-orb.svg'; +import brandImg from '../../assets/PF-IconLogo.svg'; +import bgImg from '../../assets/pf-background.svg'; import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; ## Examples diff --git a/packages/react-core/src/components/AboutModal/examples/AboutModalBasic.tsx b/packages/react-core/src/components/AboutModal/examples/AboutModalBasic.tsx index 28b76b6be17..352279e84c3 100644 --- a/packages/react-core/src/components/AboutModal/examples/AboutModalBasic.tsx +++ b/packages/react-core/src/components/AboutModal/examples/AboutModalBasic.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { AboutModal, Button, TextContent, TextList, TextListItem } from '@patternfly/react-core'; -import brandImg from '../../assets/brandImg.svg'; +import brandImg from '../../assets/PF-IconLogo.svg'; export const AboutModalBasic: React.FunctionComponent = () => { const [isModalOpen, setIsModalOpen] = React.useState(false); @@ -20,22 +20,22 @@ export const AboutModalBasic: React.FunctionComponent = () => { trademark="Trademark and copyright information here" brandImageSrc={brandImg} brandImageAlt="Patternfly Logo" - backgroundImageSrc="/assets/images/pfbg-icon.svg" - productName="Product Name" + backgroundImageSrc="/assets/images/pf-background.svg" + productName="name" > - CFME Version + CFME version 5.5.3.4.20102789036450 Cloudforms Version 4.1 - Server Name + Server name 40DemoMaster - User Name + User name Administrator - User Role + User role EvmRole-super_administrator - Browser Version + Browser version 601.2 Browser OS Mac diff --git a/packages/react-core/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx b/packages/react-core/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx index 44ac5cc7842..750e8a73685 100644 --- a/packages/react-core/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx +++ b/packages/react-core/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { AboutModal, Alert, Button, TextContent, TextList, TextListItem } from '@patternfly/react-core'; -import brandImg from '../../assets/brandImg.svg'; +import brandImg from '../../assets/PF-IconLogo.svg'; import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; export const AboutModalComplexUserPositionedContent: React.FunctionComponent = () => { @@ -21,9 +21,9 @@ export const AboutModalComplexUserPositionedContent: React.FunctionComponent = ( trademark="Trademark and copyright information here" brandImageSrc={brandImg} brandImageAlt="Patternfly Logo" - backgroundImageSrc="/assets/images/pfbg-icon.svg" + backgroundImageSrc="/assets/images/pf-background.svg" hasNoContentContainer={true} - productName="Product Name" + productName="Product name" >

About

@@ -32,17 +32,17 @@ export const AboutModalComplexUserPositionedContent: React.FunctionComponent = ( - CFME Version + CFME version 5.5.3.4.20102789036450 - Cloudforms Version + Cloudforms version 4.1 - Server Name + Server name 40DemoMaster - User Name + User name Administrator - User Role + User role EvmRole-super_administrator - Browser Version + Browser version 601.2 Browser OS Mac diff --git a/packages/react-core/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx b/packages/react-core/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx index 20701387f40..a83de36d5ad 100644 --- a/packages/react-core/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx +++ b/packages/react-core/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { AboutModal, Button, TextContent, TextList, TextListItem } from '@patternfly/react-core'; -import brandImg from '../../assets/brandImg.svg'; +import brandImg from '../../assets/PF-IconLogo.svg'; export const AboutModalWithoutProductName: React.FunctionComponent = () => { const [isModalOpen, setIsModalOpen] = React.useState(false); @@ -20,22 +20,22 @@ export const AboutModalWithoutProductName: React.FunctionComponent = () => { trademark="Trademark and copyright information here" brandImageSrc={brandImg} brandImageAlt="Patternfly Logo" - backgroundImageSrc="/assets/images/pfbg-icon.svg" + backgroundImageSrc="/assets/images/pf-background.svg" aria-label="No product name about modal" > - CFME Version + CFME version 5.5.3.4.20102789036450 - Cloudforms Version + Cloudforms version 4.1 - Server Name + Server name 40DemoMaster - User Name + User name Administrator - User Role + User role EvmRole-super_administrator - Browser Version + Browser version 601.2 Browser OS Mac diff --git a/packages/react-core/src/components/assets/PF-IconLogo.svg b/packages/react-core/src/components/assets/PF-IconLogo.svg new file mode 100644 index 00000000000..11fb51730a5 --- /dev/null +++ b/packages/react-core/src/components/assets/PF-IconLogo.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + diff --git a/packages/react-core/src/components/assets/pf-background.svg b/packages/react-core/src/components/assets/pf-background.svg new file mode 100644 index 00000000000..49d1b6dacf3 --- /dev/null +++ b/packages/react-core/src/components/assets/pf-background.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + +