Skip to content

Commit 8e8188c

Browse files
thatblindgeyethatblindgeye
committed
fix(InfrastructureIcons): replaced with RH brand icons part 5
1 parent 46d9e5a commit 8e8188c

12 files changed

Lines changed: 49 additions & 22 deletions

File tree

‎packages/react-core/src/components/DescriptionList/examples/DescriptionList.md‎

Lines changed: 28 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ import { Button, DescriptionList, DescriptionListTerm, DescriptionListDescriptio
2020
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
2121
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
2222
import BookIcon from '@patternfly/react-icons/dist/esm/icons/book-icon';
23-
import KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon';
23+
import RhUiKeyIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-key-icon';
2424
import RhUiFlagFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-flag-fill-icon';
2525
import RhUiLanguageFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-language-fill-icon';
2626

@@ -29,102 +29,121 @@ import RhUiLanguageFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-l
2929
### Basic
3030

3131
```ts file='./DescriptionListBasic.tsx'
32+
3233
```
3334

3435
### Term help text
3536

3637
```ts file='./DescriptionListWithTermHelpText.tsx'
38+
3739
```
3840

3941
### Default 2 col
4042

4143
```ts file='./DescriptionListDefaultTwoCol.tsx'
44+
4245
```
4346

4447
### Default 3 col on lg
4548

4649
```ts file='./DescriptionListDefaultThreeColLg.tsx'
50+
4751
```
4852

4953
### Horizontal
5054

5155
```ts file='./DescriptionListHorizontal.tsx'
56+
5257
```
5358

5459
### Horizontal using custom term width modifier
5560

5661
```ts file='./DescriptionListHorizontalCustomTermWidth.tsx'
62+
5763
```
5864

5965
### Horizontal 2 col
6066

6167
```ts file='./DescriptionListHorizontalTwoCol.tsx'
68+
6269
```
6370

6471
### Horizontal 3 col on lg
6572

6673
```ts file='./DescriptionListHorizontalThreeColLg.tsx'
74+
6775
```
6876

6977
### Compact
7078

7179
```ts file='./DescriptionListCompact.tsx'
80+
7281
```
7382

7483
### Compact horizontal
7584

7685
```ts file='./DescriptionListCompactHorizontal.tsx'
86+
7787
```
7888

7989
### Fluid horizontal
8090

8191
```ts file='./DescriptionListFluidHorizontal.tsx'
92+
8293
```
8394

8495
### Column fill
8596

8697
```ts file='./DescriptionListColumnFill.tsx'
98+
8799
```
88100

89101
### Large display size
90102

91103
```ts file='./DescriptionListWithLargeDisplaySize.tsx'
104+
92105
```
93106

94107
## Responsive column definitions
95108

96109
### Default responsive columns
97110

98111
```ts file='./DescriptionListDefaultResponsiveColumns.tsx'
112+
99113
```
100114

101115
### Horizontal responsive columns
102116

103117
```ts file='./DescriptionListHorizontalResponsiveColumns.tsx'
118+
104119
```
105120

106121
### Responsive horizontal, vertical group layout
107122

108123
```ts file='./DescriptionListResponsiveHoriVertGroup.tsx'
124+
109125
```
110126

111127
## Auto-column-width
112128

113129
### Default auto column width
114130

115131
```ts file='./DescriptionListDefaultAutoColumn.tsx'
132+
116133
```
117134

118135
### Horizontal auto column width
119136

120137
```ts file='./DescriptionListHorizontalAutoColumn.tsx'
138+
121139
```
122140

123141
## Inline grid
124142

125143
### Default inline grid
126144

127145
```ts file='./DescriptionListDefaultInlineGrid.tsx'
146+
128147
```
129148

130149
## Card variants
@@ -134,43 +153,51 @@ A [card component](/components/card) can be used in place of a description list
134153
### Description list with card
135154

136155
```ts file='./DescriptionListWithCard.tsx'
156+
137157
```
138158

139159
### Description list with large display size and card
140160

141161
```ts file='./DescriptionListWithLargeDisplaySizeAndCard.tsx'
162+
142163
```
143164

144165
### Display size with card, three column on large breakpoint
145166

146167
```ts file='./DescriptionListDisplaySizeAndCardThreeColumn.tsx'
168+
147169
```
148170

149171
### Display size with card, horizontal, modified term width
150172

151173
```ts file='./DescriptionListDisplaySizeAndCardHorizontalTermWidth.tsx'
174+
152175
```
153176

154177
## Auto fit
155178

156179
### Auto-fit basic
157180

158181
```ts file='./DescriptionListAutoFitBasic.tsx'
182+
159183
```
160184

161185
### Auto-fit, min width modified grid template columns
162186

163187
```ts file='./DescriptionListAutoFitMinWidthModified.tsx'
188+
164189
```
165190

166191
### Auto-fit, min width modified, responsive grid template columns
167192

168193
```ts file='./DescriptionListAutoFitMinWidthResponsive.tsx'
194+
169195
```
170196

171197
## With icons
172198

173199
### Icons on terms
174200

175201
```ts file='./DescriptionListIconsOnTerms.tsx'
202+
176203
```

‎packages/react-core/src/components/DescriptionList/examples/DescriptionListIconsOnTerms.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import {
88
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
99
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
1010
import BookIcon from '@patternfly/react-icons/dist/esm/icons/book-icon';
11-
import KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon';
11+
import RhUiKeyIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-key-icon';
1212
import RhUiFlagFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-flag-fill-icon';
1313
import RhUiLanguageFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-language-fill-icon';
1414

@@ -25,7 +25,7 @@ export const DescriptionListIconsOnTerms: React.FunctionComponent = () => (
2525
</DescriptionListDescription>
2626
</DescriptionListGroup>
2727
<DescriptionListGroup>
28-
<DescriptionListTerm icon={<KeyIcon />}>Labels</DescriptionListTerm>
28+
<DescriptionListTerm icon={<RhUiKeyIcon />}>Labels</DescriptionListTerm>
2929
<DescriptionListDescription>example</DescriptionListDescription>
3030
</DescriptionListGroup>
3131
<DescriptionListGroup>

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

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

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

1212
## Examples

‎packages/react-core/src/components/List/examples/ListIcons.tsx‎

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';
3-
import KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon';
3+
import RhUiKeyIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-key-icon';
44
import DesktopIcon from '@patternfly/react-icons/dist/esm/icons/desktop-icon';
55

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

‎packages/react-core/src/components/List/examples/ListLargeIcons.tsx‎

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';
3-
import KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon';
3+
import RhUiKeyIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-key-icon';
44
import DesktopIcon from '@patternfly/react-icons/dist/esm/icons/desktop-icon';
55

66
export const ListLargeIcons: React.FunctionComponent = () => (
77
<List isPlain iconSize="large">
88
<ListItem icon={<RhUiLearnFillIcon />}>First</ListItem>
9-
<ListItem icon={<KeyIcon />}>Second</ListItem>
9+
<ListItem icon={<RhUiKeyIcon />}>Second</ListItem>
1010
<ListItem icon={<DesktopIcon />}>Third</ListItem>
1111
</List>
1212
);

‎packages/react-core/src/components/ProgressStepper/ProgressStep.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import { useRef } from 'react';
22
import styles from '@patternfly/react-styles/css/components/ProgressStepper/progress-stepper';
33
import { css } from '@patternfly/react-styles';
44
import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
5-
import ResourcesFullIcon from '@patternfly/react-icons/dist/esm/icons/resources-full-icon';
5+
import RhUiResourcesFullIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-resources-full-icon';
66
import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon';
77
import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon';
88

@@ -44,7 +44,7 @@ const variantIcons = {
4444
default: undefined as any,
4545
pending: undefined as any,
4646
success: <RhUiCheckCircleFillIcon />,
47-
info: <ResourcesFullIcon />,
47+
info: <RhUiResourcesFullIcon />,
4848
warning: <RhUiWarningFillIcon />,
4949
danger: <RhUiErrorFillIcon />
5050
};

‎packages/react-core/src/components/Slider/examples/Slider.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ import { useState } from 'react';
99
import { Slider, Button, Content, ContentVariants } from '@patternfly/react-core';
1010
import MinusIcon from '@patternfly/react-icons/dist/esm/icons/minus-icon';
1111
import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
12-
import LockIcon from '@patternfly/react-icons/dist/esm/icons/lock-icon';
13-
import LockOpenIcon from '@patternfly/react-icons/dist/esm/icons/lock-open-icon';
12+
import RhUiLockFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-lock-fill-icon';
13+
import RhUiUnlockFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-unlock-fill-icon';
1414

1515
## Examples
1616

‎packages/react-core/src/components/Slider/examples/SliderActions.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@ import { useState } from 'react';
22
import { Slider, SliderOnChangeEvent, Button, Content } from '@patternfly/react-core';
33
import MinusIcon from '@patternfly/react-icons/dist/esm/icons/minus-icon';
44
import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
5-
import LockIcon from '@patternfly/react-icons/dist/esm/icons/lock-icon';
6-
import LockOpenIcon from '@patternfly/react-icons/dist/esm/icons/lock-open-icon';
5+
import RhUiLockFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-lock-fill-icon';
6+
import RhUiUnlockFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-unlock-fill-icon';
77

88
export const SliderActions: React.FunctionComponent = () => {
99
const [value1, setValue1] = useState(50);
@@ -58,7 +58,7 @@ export const SliderActions: React.FunctionComponent = () => {
5858
variant="plain"
5959
aria-label={isDisabled ? 'Lock' : 'Unlock'}
6060
onClick={() => setIsDisabled(!isDisabled)}
61-
icon={isDisabled ? <LockIcon /> : <LockOpenIcon />}
61+
icon={isDisabled ? <RhUiLockFillIcon /> : <RhUiUnlockFillIcon />}
6262
/>
6363
);
6464

‎packages/react-core/src/components/Wizard/examples/Wizard.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ propComponents:
2020
]
2121
---
2222

23-
import { createContext, useCallback, useContext, useRef, useState } from 'react';
23+
import { createContext, useCallback, useContext, useRef, useState, useEffect } from 'react';
2424
import {
2525
FormGroup,
2626
TextInput,
@@ -51,7 +51,7 @@ WizardHeader
5151
} from '@patternfly/react-core';
5252
import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon';
5353
import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon';
54-
import CogsIcon from '@patternfly/react-icons/dist/esm/icons/cogs-icon';
54+
import RhUiGearGroupFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-gear-group-fill-icon';
5555
import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
5656
import layout from '@patternfly/react-styles/css/layouts/Bullseye/bullseye';
5757

‎packages/react-core/src/components/Wizard/examples/WizardValidateOnButtonPress.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ import {
2121
WizardFooterWrapper,
2222
useWizardContext
2323
} from '@patternfly/react-core';
24-
import CogsIcon from '@patternfly/react-icons/dist/esm/icons/cogs-icon';
24+
import RhUiGearGroupFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-gear-group-fill-icon';
2525
import layout from '@patternfly/react-styles/css/layouts/Bullseye/bullseye';
2626

2727
interface ValidationProgressProps {
@@ -50,7 +50,7 @@ const ValidationProgress: React.FunctionComponent<ValidationProgressProps> = ({
5050
<EmptyState
5151
headingLevel="h4"
5252
titleText={percentValidated === 100 ? 'Validation complete' : 'Validating credentials'}
53-
icon={CogsIcon}
53+
icon={RhUiGearGroupFillIcon}
5454
variant="lg"
5555
>
5656
<EmptyStateBody>

0 commit comments

Comments
 (0)