Skip to content

move all svgs into one place (per package) #9455

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Aug 21, 2023
Merged

move all svgs into one place (per package) #9455

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions packages/react-core/src/components/AboutModal/examples/AboutModal.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,8 @@ section: components
cssPrefix: pf-v5-c-about-modal-box
propComponents: ['AboutModal']
---
import brandImg from './brandImg.svg';
import bgImg from './patternfly-orb.svg';
import brandImg from '../../assets/brandImg.svg';
import bgImg from '../../assets/patternfly-orb.svg';

## Examples
### Basic
Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/components/AboutModal/examples/AboutModalBasic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react';
import { AboutModal, Button, TextContent, TextList, TextListItem } from '@patternfly/react-core';
import brandImg from './brandImg.svg';
import brandImg from '../../assets/brandImg.svg';

export const AboutModalBasic: React.FunctionComponent = () => {
const [isModalOpen, setIsModalOpen] = React.useState(false);
Expand Down
2 changes: 1 addition & 1 deletion .../react-core/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react';
import { AboutModal, Alert, Button, TextContent, TextList, TextListItem } from '@patternfly/react-core';
import brandImg from './brandImg.svg';
import brandImg from '../../assets/brandImg.svg';

export const AboutModalComplexUserPositionedContent: React.FunctionComponent = () => {
const [isModalOpen, setIsModalOpen] = React.useState(false);
Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react';
import { AboutModal, Button, TextContent, TextList, TextListItem } from '@patternfly/react-core';
import brandImg from './brandImg.svg';
import brandImg from '../../assets/brandImg.svg';

export const AboutModalWithoutProductName: React.FunctionComponent = () => {
const [isModalOpen, setIsModalOpen] = React.useState(false);
Expand Down
37 changes: 0 additions & 37 deletions packages/react-core/src/components/AboutModal/examples/logoImg.svg
View file
Open in desktop

This file was deleted.

12 changes: 6 additions & 6 deletions packages/react-core/src/components/Avatar/examples/Avatar.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@ cssPrefix: pf-v5-c-avatar
propComponents: ['Avatar']
---

import avatarImg from './avatarImg.svg';
import avatarImgDark from './avatarImgDark.svg';
import avatarImg from '../../assets/avatarImg.svg';
import avatarImgDark from '../../assets/avatarImgDark.svg';
import './example.css';

## Examples
Expand All @@ -16,7 +16,7 @@ import './example.css';
```ts
import React from 'react';
import { Avatar } from '@patternfly/react-core';
import avatarImg from './avatarImg.svg';
import avatarImg from '../../assets/avatarImg.svg';

<Avatar src={avatarImg} alt="avatar" />;
```
Expand All @@ -26,7 +26,7 @@ import avatarImg from './avatarImg.svg';
```ts
import React from 'react';
import { Avatar } from '@patternfly/react-core';
import avatarImg from './avatarImg.svg';
import avatarImg from '../../assets/avatarImg.svg';

<React.Fragment>
Small
Expand All @@ -52,7 +52,7 @@ import avatarImg from './avatarImg.svg';
```ts
import React from 'react';
import { Avatar } from '@patternfly/react-core';
import avatarImg from './img_avatar.svg';
import avatarImg from '../../assets/avatarImg.svg';

<Avatar src={avatarImg} alt="avatar" border="light" />;
```
Expand All @@ -62,7 +62,7 @@ import avatarImg from './img_avatar.svg';
```ts
import React from 'react';
import { Avatar } from '@patternfly/react-core';
import avatarImgDark from './img_avatar-dark.svg';
import avatarImgDark from '../../assets/avatarImgDark.svg';

<Avatar src={avatarImgDark} alt="avatar" border="dark" />;
```
14 changes: 7 additions & 7 deletions packages/react-core/src/components/Brand/examples/Brand.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,13 @@ cssPrefix: null
propComponents: ['Brand']
---

import pfLogo from './pfLogo.svg';
import logoXl from './pf-c-brand--logo-on-xl.svg';
import logoLg from './pf-c-brand--logo-on-lg.svg';
import logoMd from './pf-c-brand--logo-on-md.svg';
import logoSm from './pf-c-brand--logo-on-sm.svg';
import logo from './pf-c-brand--logo.svg';
import logoBase from './pf-c-brand--logo-base.jpg';
import pfLogo from '../../assets/pfLogo.svg';
import logoXl from '../../assets/pf-c-brand--logo-on-xl.svg';
import logoLg from '../../assets/pf-c-brand--logo-on-lg.svg';
import logoMd from '../../assets/pf-c-brand--logo-on-md.svg';
import logoSm from '../../assets/pf-c-brand--logo-on-sm.svg';
import logo from '../../assets/pf-c-brand--logo.svg';
import logoBase from '../../assets/pf-c-brand--logo-base.jpg';

## Examples

Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/components/Brand/examples/BrandBasic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React from 'react';
import { Brand } from '@patternfly/react-core';
import pfLogo from './pfLogo.svg';
import pfLogo from '../../assets/pfLogo.svg';

export const BrandBasic: React.FunctionComponent = () => <Brand src={pfLogo} alt="Patternfly Logo" widths={{ default: '200px', md: '400px', xl: '600px' }} />;
13 changes: 7 additions & 6 deletions packages/react-core/src/components/Brand/examples/BrandResponsive.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
import React from 'react';
import { Brand } from '@patternfly/react-core';
import logoXl from './pf-c-brand--logo-on-xl.svg';
import logoLg from './pf-c-brand--logo-on-lg.svg';
import logoMd from './pf-c-brand--logo-on-md.svg';
import logoSm from './pf-c-brand--logo-on-sm.svg';
import logo from './pf-c-brand--logo.svg';
import logoBase from './pf-c-brand--logo-base.jpg';
import logoXl from '../../assets/pf-c-brand--logo-on-xl.svg';

import logoLg from '../../assets/pf-c-brand--logo-on-lg.svg';
import logoMd from '../../assets/pf-c-brand--logo-on-md.svg';
import logoSm from '../../assets/pf-c-brand--logo-on-sm.svg';
import logo from '../../assets/pf-c-brand--logo.svg';
import logoBase from '../../assets/pf-c-brand--logo-base.jpg';

export const BrandBasic: React.FunctionComponent = () => (
<Brand src={logoBase} alt="Fallback patternfly default logo" widths={{ default: '40px', sm: '60px', md: '220px' }}>
Expand Down
4 changes: 2 additions & 2 deletions packages/react-core/src/components/Card/examples/Card.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ propComponents:
ouia: true
---

import pfLogo from './pfLogo.svg';
import pfLogoSmall from './pf-logo-small.svg';
import pfLogo from '../../assets/pfLogo.svg';
import pfLogoSmall from '../../assets/pf-c-brand--logo-on-sm.svg';
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';

## Examples
Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/components/Card/examples/CardExpandableWithIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ import {
MenuToggle,
MenuToggleElement
} from '@patternfly/react-core';
import pfLogoSmall from './pf-logo-small.svg';
import pfLogoSmall from '../../assets/pf-c-brand--logo-on-sm.svg';
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';

export const CardExpandableWithIcon: React.FunctionComponent = () => {
Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/components/Card/examples/CardWithImageAndActions.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import {
Divider
} from '@patternfly/react-core';
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
import pfLogo from './pfLogo.svg';
import pfLogo from '../../assets/pfLogo.svg';

export const CardWithImageAndActions: React.FunctionComponent = () => {
const [isOpen, setIsOpen] = React.useState<boolean>(false);
Expand Down
13 changes: 0 additions & 13 deletions packages/react-core/src/components/Card/examples/brandImg2.svg
View file
Open in desktop

This file was deleted.

23 changes: 0 additions & 23 deletions packages/react-core/src/components/Card/examples/pf-logo-small.svg
View file
Open in desktop

This file was deleted.

3 changes: 1 addition & 2 deletions packages/react-core/src/components/LoginPage/examples/LoginPage.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,7 @@ propComponents:
'LoginMainFooterLinksItem',
]
---

import brandImg2 from './brandImgColor2.svg';
import brandImg2 from '../../assets/brandImgColor2.svg';
import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';

## Examples
Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/components/LoginPage/examples/LoginPageBasic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React from 'react';
import brandImg2 from './brandImgColor2.svg';
import brandImg2 from '../../assets/brandImgColor2.svg';
import {
LoginFooterItem,
LoginForm,
Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/components/LoginPage/examples/LoginPageLanguageSelect.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React from 'react';
import brandImg2 from './brandImgColor2.svg';
import brandImg2 from '../../assets/brandImgColor2.svg';
import {
LoginFooterItem,
LoginForm,
Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/components/LoginPage/examples/LoginPageShowHidePassword.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React from 'react';
import brandImg2 from './brandImgColor2.svg';
import brandImg2 from '../../assets/brandImgColor2.svg';
import {
LoginFooterItem,
LoginForm,
Expand Down
4 changes: 2 additions & 2 deletions packages/react-core/src/components/Masthead/examples/Masthead.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.svg';
import pfIcon from '../../assets/pf-logo.svg';

`Masthead` should contain the following components to maintain proper layout and formatting: `MastheadToggle`, `MastheadMain`, and `MastheadContent`.

Expand Down Expand Up @@ -213,7 +213,7 @@ import React from 'react';
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.svg';
import pfIcon from '../../assets/pf-logo.svg';

<Masthead id="icon-router-link">
<MastheadToggle>
Expand Down
4 changes: 2 additions & 2 deletions packages/react-core/src/components/MenuToggle/examples/MenuToggle.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ import './MenuToggle.css'

import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
import imgAvatar from '@patternfly/react-core/src/components/Avatar/examples/avatarImg.svg';
import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';

## Examples
Expand Down Expand Up @@ -118,7 +118,7 @@ This can be used alongside a text label that provides more context for the image
```ts
import React from 'react';
import { MenuToggle, Avatar } from '@patternfly/react-core';
import imgAvatar from '@patternfly/react-core/src/components/Avatar/examples/avatarImg.svg';
import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';

<React.Fragment>
<MenuToggle icon={<Avatar src={imgAvatar} alt="avatar" />}>Ned Username</MenuToggle>{' '}
Expand Down
0 .../components/Avatar/examples/avatarImg.svg → ...-core/src/components/assets/avatarImg.svg
View file
Open in desktop
File renamed without changes
0 ...ponents/Avatar/examples/avatarImgDark.svg → ...e/src/components/assets/avatarImgDark.svg
View file
Open in desktop
File renamed without changes
0 ...mponents/AboutModal/examples/brandImg.svg → ...t-core/src/components/assets/brandImg.svg
View file
Open in desktop
File renamed without changes
0 ...nts/LoginPage/examples/brandImgColor2.svg → .../src/components/assets/brandImgColor2.svg
View file
Open in desktop
File renamed without changes
0 ...ts/AboutModal/examples/patternfly-orb.svg → .../src/components/assets/patternfly-orb.svg
View file
Open in desktop
File renamed without changes
0 .../Brand/examples/pf-c-brand--logo-base.jpg → ...mponents/assets/pf-c-brand--logo-base.jpg
View file
Open in desktop
File renamed without changes
0 ...Brand/examples/pf-c-brand--logo-on-lg.svg → ...ponents/assets/pf-c-brand--logo-on-lg.svg
View file
Open in desktop
File renamed without changes
0 ...Brand/examples/pf-c-brand--logo-on-md.svg → ...ponents/assets/pf-c-brand--logo-on-md.svg
View file
Open in desktop
File renamed without changes
0 ...Brand/examples/pf-c-brand--logo-on-sm.svg → ...ponents/assets/pf-c-brand--logo-on-sm.svg
View file
Open in desktop
File renamed without changes
0 ...Brand/examples/pf-c-brand--logo-on-xl.svg → ...ponents/assets/pf-c-brand--logo-on-xl.svg
View file
Open in desktop
File renamed without changes
0 ...nents/Brand/examples/pf-c-brand--logo.svg → ...rc/components/assets/pf-c-brand--logo.svg
View file
Open in desktop
File renamed without changes
0 .../components/Masthead/examples/pf-logo.svg → ...ct-core/src/components/assets/pf-logo.svg
View file
Open in desktop
File renamed without changes
0 .../src/components/Brand/examples/pfLogo.svg → ...act-core/src/components/assets/pfLogo.svg
View file
Open in desktop
File renamed without changes
40 changes: 20 additions & 20 deletions packages/react-core/src/demos/Card/Card.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,16 +8,16 @@ import DashboardWrapper from '@patternfly/react-core/src/demos/examples/Dashboar
import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon';
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
import pfIcon from './pf-logo-small.svg';
import activeMQIcon from './activemq-core_200x150.png';
import avroIcon from './camel-avro_200x150.png';
import dropBoxIcon from './camel-dropbox_200x150.png';
import infinispanIcon from './camel-infinispan_200x150.png';
import saxonIcon from './camel-saxon_200x150.png';
import sparkIcon from './camel-spark_200x150.png';
import swaggerIcon from './camel-swagger-java_200x150.png';
import azureIcon from './FuseConnector_Icons_AzureServices.png';
import restIcon from './FuseConnector_Icons_REST.png';
import pfIcon from '../assets/pf-logo-small.svg';
import activeMQIcon from '../assets/activemq-core_200x150.png';
import avroIcon from '../assets/camel-avro_200x150.png';
import dropBoxIcon from '../assets/camel-dropbox_200x150.png';
import infinispanIcon from '../assets/camel-infinispan_200x150.png';
import saxonIcon from '../assets/camel-saxon_200x150.png';
import sparkIcon from '../assets/camel-spark_200x150.png';
import swaggerIcon from '../assets/camel-swagger-java_200x150.png';
import azureIcon from '../assets/FuseConnector_Icons_AzureServices.png';
import restIcon from '../assets/FuseConnector_Icons_REST.png';
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
import { data } from './CardData.jsx';

Expand Down Expand Up @@ -75,16 +75,16 @@ import DashboardWrapper from '@patternfly/react-core/src/demos/examples/Dashboar
import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon';
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
import pfIcon from './pf-logo-small.svg';
import activeMQIcon from './activemq-core_200x150.png';
import avroIcon from './camel-avro_200x150.png';
import dropBoxIcon from './camel-dropbox_200x150.png';
import infinispanIcon from './camel-infinispan_200x150.png';
import saxonIcon from './camel-saxon_200x150.png';
import sparkIcon from './camel-spark_200x150.png';
import swaggerIcon from './camel-swagger-java_200x150.png';
import azureIcon from './FuseConnector_Icons_AzureServices.png';
import restIcon from './FuseConnector_Icons_REST.png';
import pfIcon from '../assets/pf-logo-small.svg';
import activeMQIcon from '../assets/activemq-core_200x150.png';
import avroIcon from '../assets/camel-avro_200x150.png';
import dropBoxIcon from '../assets/camel-dropbox_200x150.png';
import infinispanIcon from '../assets/camel-infinispan_200x150.png';
import saxonIcon from '../assets/camel-saxon_200x150.png';
import sparkIcon from '../assets/camel-spark_200x150.png';
import swaggerIcon from '../assets/camel-swagger-java_200x150.png';
import azureIcon from '../assets/FuseConnector_Icons_AzureServices.png';
import restIcon from '../assets/FuseConnector_Icons_REST.png';
import { data } from './CardData.jsx';

class CardViewBasic extends React.Component {
Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/demos/CustomMenus/ApplicationLauncher.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ propComponents:
---

import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
import pfIcon from './examples/pf-logo-small.svg';
import pfIcon from '../assets/pf-logo-small.svg';

As the application launcher component is now deprecated, an application launcher may now be built using the new suite of menu components. This is showcased in the following demo, which uses the new [dropdown](/components/menus/dropdown) component that is built off of menu.

Expand Down
Loading