Skip to content

Commit 692959b

Browse files
committed
fix(InfrastructureIcons): replaced with RH brand icons part 2
1 parent 46d9e5a commit 692959b

21 files changed

Lines changed: 44 additions & 34 deletions

File tree

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import RhUiUsersFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-user
1212
import RhUiContainerFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-container-fill-icon';
1313
import DatabaseIcon from '@patternfly/react-icons/dist/esm/icons/database-icon';
1414
import ServerIcon from '@patternfly/react-icons/dist/esm/icons/server-icon';
15-
import LaptopIcon from '@patternfly/react-icons/dist/esm/icons/laptop-icon';
15+
import RhUiLaptopFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-laptop-fill-icon';
1616
import buttonStyles from '@patternfly/react-styles/css/components/Button/button';
1717

1818
Micro animations have been added for `<Alert>` components within an `<AlertGroup>`. By default, you must opt into animations, since they can require updates to tests. To enable or disable animations as needed, use the `hasAnimations` property. With animations enabled, we recommend you ensure that dynamically-added alerts are prepended to a list of alerts, rather than appended to the end of it.

packages/react-core/src/components/Alert/examples/AlertCustomIcons.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@ import RhUiUsersFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-user
44
import RhUiContainerFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-container-fill-icon';
55
import DatabaseIcon from '@patternfly/react-icons/dist/esm/icons/database-icon';
66
import ServerIcon from '@patternfly/react-icons/dist/esm/icons/server-icon';
7-
import LaptopIcon from '@patternfly/react-icons/dist/esm/icons/laptop-icon';
7+
import RhUiLaptopFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-laptop-fill-icon';
88

99
export const AlertCustomIcons: React.FunctionComponent = () => (
1010
<Fragment>
1111
<Alert customIcon={<RhUiUsersFillIcon />} title="Default alert title" />
1212
<Alert customIcon={<RhUiContainerFillIcon />} variant="info" title="Info alert title" />
1313
<Alert customIcon={<DatabaseIcon />} variant="success" title="Success alert title" />
1414
<Alert customIcon={<ServerIcon />} variant="warning" title="Warning alert title" />
15-
<Alert customIcon={<LaptopIcon />} variant="danger" title="Danger alert title" />
15+
<Alert customIcon={<RhUiLaptopFillIcon />} variant="danger" title="Danger alert title" />
1616
</Fragment>
1717
);

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

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,45 +6,55 @@ propComponents: ['EmptyState', 'EmptyStateBody', 'EmptyStateFooter', 'EmptyState
66
---
77

88
import { useState } from 'react';
9-
import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
9+
import RhUiCubesIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-cubes-icon';
1010
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
1111

1212
## Examples
13+
1314
### Basic
1415

1516
```ts file="EmptyStateBasic.tsx"
17+
1618
```
1719

1820
### Extra small
1921

2022
```ts file="EmptyStateExtraSmall.tsx"
23+
2124
```
2225

2326
### Small
2427

2528
```ts file="EmptyStateSmall.tsx"
29+
2630
```
2731

2832
### Large
2933

3034
```ts file="EmptyStateLarge.tsx"
35+
3136
```
3237

3338
### Extra large
3439

3540
```ts file="EmptyStateExtraLarge.tsx"
41+
3642
```
3743

3844
### With status
45+
3946
```ts file="EmptyStateWithStatus.tsx"
47+
4048
```
4149

4250
### Spinner
4351

4452
```ts file="EmptyStateSpinner.tsx"
53+
4554
```
4655

4756
### No match found
4857

4958
```ts file="EmptyStateNoMatchFound.tsx"
59+
5060
```

packages/react-core/src/components/EmptyState/examples/EmptyStateBasic.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import { Button, EmptyState, EmptyStateBody, EmptyStateActions, EmptyStateFooter } from '@patternfly/react-core';
2-
import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
2+
import RhUiCubesIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-cubes-icon';
33

44
export const EmptyStateBasic: React.FunctionComponent = () => (
5-
<EmptyState titleText="Empty state" headingLevel="h4" icon={CubesIcon}>
5+
<EmptyState titleText="Empty state" headingLevel="h4" icon={RhUiCubesIcon}>
66
<EmptyStateBody>
77
This represents the empty state pattern in PatternFly. Hopefully it's simple enough to use but flexible enough to
88
meet a variety of needs.

packages/react-core/src/components/EmptyState/examples/EmptyStateExtraLarge.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ import {
66
EmptyStateActions,
77
EmptyStateFooter
88
} from '@patternfly/react-core';
9-
import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
9+
import RhUiCubesIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-cubes-icon';
1010

1111
export const EmptyStateExtraLarge: React.FunctionComponent = () => (
12-
<EmptyState variant={EmptyStateVariant.xl} titleText="Empty state" headingLevel="h4" icon={CubesIcon}>
12+
<EmptyState variant={EmptyStateVariant.xl} titleText="Empty state" headingLevel="h4" icon={RhUiCubesIcon}>
1313
<EmptyStateBody>
1414
This represents the empty state pattern in PatternFly. Hopefully it's simple enough to use but flexible enough to
1515
meet a variety of needs.

packages/react-core/src/components/EmptyState/examples/EmptyStateExtraSmall.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ import {
66
EmptyStateActions,
77
EmptyStateFooter
88
} from '@patternfly/react-core';
9-
import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
9+
import RhUiCubesIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-cubes-icon';
1010

1111
export const EmptyStateExtraSmall: React.FunctionComponent = () => (
12-
<EmptyState variant={EmptyStateVariant.xs} titleText="Empty state" headingLevel="h4" icon={CubesIcon}>
12+
<EmptyState variant={EmptyStateVariant.xs} titleText="Empty state" headingLevel="h4" icon={RhUiCubesIcon}>
1313
<EmptyStateBody>This represents an the empty state pattern in PatternFly. The icon is optional.</EmptyStateBody>
1414
<EmptyStateFooter>
1515
<EmptyStateActions>

packages/react-core/src/components/EmptyState/examples/EmptyStateLarge.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ import {
66
EmptyStateActions,
77
EmptyStateFooter
88
} from '@patternfly/react-core';
9-
import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
9+
import RhUiCubesIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-cubes-icon';
1010

1111
export const EmptyStateLarge: React.FunctionComponent = () => (
12-
<EmptyState variant={EmptyStateVariant.lg} titleText="Empty state" headingLevel="h4" icon={CubesIcon}>
12+
<EmptyState variant={EmptyStateVariant.lg} titleText="Empty state" headingLevel="h4" icon={RhUiCubesIcon}>
1313
<EmptyStateBody>
1414
This represents the empty state pattern in PatternFly. Hopefully it's simple enough to use but flexible enough to
1515
meet a variety of needs.

packages/react-core/src/components/EmptyState/examples/EmptyStateSmall.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ import {
66
EmptyStateActions,
77
EmptyStateFooter
88
} from '@patternfly/react-core';
9-
import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
9+
import RhUiCubesIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-cubes-icon';
1010

1111
export const EmptyStateSmall: React.FunctionComponent = () => (
12-
<EmptyState variant={EmptyStateVariant.sm} titleText="Empty state" headingLevel="h4" icon={CubesIcon}>
12+
<EmptyState variant={EmptyStateVariant.sm} titleText="Empty state" headingLevel="h4" icon={RhUiCubesIcon}>
1313
<EmptyStateBody>
1414
This represents the empty state pattern in PatternFly. Hopefully it's simple enough to use but flexible enough to
1515
meet a variety of needs.

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ propComponents: ['List', 'ListItem']
77

88
import RhUiLearnFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-learn-fill-icon';
99
import KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon';
10-
import DesktopIcon from '@patternfly/react-icons/dist/esm/icons/desktop-icon';
10+
import RhUiDesktopIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-desktop-icon';
1111

1212
## Examples
1313
### Basic
Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
import { List, ListItem } from '@patternfly/react-core';
22
import RhUiLearnFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-learn-fill-icon';
33
import KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon';
4-
import DesktopIcon from '@patternfly/react-icons/dist/esm/icons/desktop-icon';
4+
import RhUiDesktopIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-desktop-icon';
55

66
export const ListIcons: React.FunctionComponent = () => (
77
<List isPlain>
88
<ListItem icon={<RhUiLearnFillIcon />}>First</ListItem>
99
<ListItem icon={<KeyIcon />}>Second</ListItem>
10-
<ListItem icon={<DesktopIcon />}>Third</ListItem>
10+
<ListItem icon={<RhUiDesktopIcon />}>Third</ListItem>
1111
</List>
1212
);

0 commit comments

Comments
 (0)