Skip to content

Commit 305c1e9

Browse files
thatblindgeyethatblindgeye
committed
fix(InfrastructureIcons): replaced with RH brand icons part 4
1 parent 46d9e5a commit 305c1e9

19 files changed

Lines changed: 40 additions & 33 deletions

File tree

‎packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@ import { getResizeObserver } from '@patternfly/react-core/dist/esm/helpers/resiz
1717
import Editor, { BeforeMount, EditorProps, Monaco } from '@monaco-editor/react';
1818
import type { editor } from 'monaco-editor';
1919
import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon';
20-
import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
21-
import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon';
20+
import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon';
21+
import RhUiDownloadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-download-icon';
2222
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
2323
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
2424
import Dropzone, { FileRejection } from 'react-dropzone';
@@ -541,15 +541,15 @@ export const CodeEditor = ({
541541
)}
542542
{isUploadEnabled && (
543543
<CodeEditorControl
544-
icon={<UploadIcon />}
544+
icon={<RhUiUploadIcon />}
545545
aria-label={uploadButtonAriaLabel}
546546
tooltipProps={{ content: <div>{uploadButtonToolTipText}</div>, ...tooltipProps }}
547547
onClick={open}
548548
/>
549549
)}
550550
{isDownloadEnabled && (!showEmptyState || !!value) && (
551551
<CodeEditorControl
552-
icon={<DownloadIcon />}
552+
icon={<RhUiDownloadIcon />}
553553
aria-label={downloadButtonAriaLabel}
554554
tooltipProps={{ content: <div>{downloadButtonToolTipText}</div>, ...tooltipProps }}
555555
onClick={() => {

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import RhUiExternalLinkFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-
1212
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
1313
import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon';
1414
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
15-
import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
15+
import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon';
1616
import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
1717
import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
1818

‎packages/react-core/src/components/Button/examples/ButtonCircle.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-micron
33
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
44
import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon';
55
import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
6-
import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
6+
import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon';
77

88
interface LoadingPropsType {
99
spinnerAriaValueText: string;
@@ -75,7 +75,7 @@ export const ButtonCircle: React.FunctionComponent = () => {
7575
isCircle
7676
{...(!isUploading && { 'aria-label': 'Upload circle variant example' })}
7777
onClick={() => setIsUploading(!isUploading)}
78-
icon={<UploadIcon />}
78+
icon={<RhUiUploadIcon />}
7979
{...uploadingProps}
8080
/>
8181
</Flex>

‎packages/react-core/src/components/Button/examples/ButtonProgress.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { useState } from 'react';
22
import { Button, Flex } from '@patternfly/react-core';
3-
import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
3+
import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon';
44

55
interface LoadingPropsType {
66
spinnerAriaValueText: string;
@@ -59,7 +59,7 @@ export const ButtonProgress: React.FunctionComponent = () => {
5959
variant="plain"
6060
{...(!isUploading && { 'aria-label': 'Upload' })}
6161
onClick={() => setIsUploading(!isUploading)}
62-
icon={<UploadIcon />}
62+
icon={<RhUiUploadIcon />}
6363
{...uploadingProps}
6464
/>
6565
<br />

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

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ subsection: file-upload
77
---
88

99
import { useState } from 'react';
10-
import FileUploadIcon from '@patternfly/react-icons/dist/esm/icons/file-upload-icon';
10+
import RhUiDocumentFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-document-fill-icon';
1111

1212
## Examples
1313

@@ -21,13 +21,15 @@ Pressing _Clear_ button triggers `onClearClick` event.
2121
### Simple text file
2222

2323
```ts file="./FileUploadSimpleText.tsx"
24+
2425
```
2526

2627
### With helper text
2728

2829
You can pass in the `<FileUploadHelperText` sub-component via the `children` property to `<FileUpload>`.
2930

3031
```ts file="./FileUploadWithHelperText.tsx"
32+
3133
```
3234

3335
### Text file with edits allowed
@@ -36,6 +38,7 @@ A user can always type instead of selecting a file, but by default, once a user
3638
Typing/pasting text in the box will call `onTextChange` with a string, and a string value is expected for the `value` prop. :
3739

3840
```ts file="./FileUploadTextWithEdits.tsx"
41+
3942
```
4043

4144
### Restricting file size and type
@@ -49,6 +52,7 @@ Restricting file sizes and types in this way is for user convenience only, and i
4952
### Text file with restrictions
5053

5154
```ts file="./FileUploadTextWithRestrictions.tsx"
55+
5256
```
5357

5458
### Other file types
@@ -58,6 +62,7 @@ If no `type` prop is specified, the component will not read files directly. When
5862
### Simple file of any format
5963

6064
```ts file="./FileUploadSimpleFile.tsx"
65+
6166
```
6267

6368
### Customizing the file preview
@@ -67,6 +72,7 @@ Regardless of `type`, the preview area (the TextArea, or any future implementati
6772
### Custom file preview
6873

6974
```ts file="./FileUploadCustomPreview.tsx"
75+
7076
```
7177

7278
### Bringing your own file browse logic
@@ -78,6 +84,7 @@ Note that the `isLoading` prop is styled to position the spinner dead center abo
7884
### Custom file upload
7985

8086
```ts file="./FileUploadCustomUpload.tsx"
87+
8188
```
8289

8390
## Types

‎packages/react-core/src/components/FileUpload/examples/FileUploadCustomPreview.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { useState } from 'react';
22
import { FileUpload } from '@patternfly/react-core';
3-
import FileUploadIcon from '@patternfly/react-icons/dist/esm/icons/file-upload-icon';
3+
import RhUiDocumentFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-document-fill-icon';
44

55
export const CustomPreviewFileUpload: React.FunctionComponent = () => {
66
const [value, setValue] = useState<File>();
@@ -29,7 +29,7 @@ export const CustomPreviewFileUpload: React.FunctionComponent = () => {
2929
>
3030
{value && (
3131
<div>
32-
<FileUploadIcon width="2em" height="2em" /> Custom preview here for your {value.size}-byte file named{' '}
32+
<RhUiDocumentFillIcon width="2em" height="2em" /> Custom preview here for your {value.size}-byte file named{' '}
3333
{value.name}
3434
</div>
3535
)}

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ propComponents:
88
---
99

1010
import { useEffect, useState } from 'react';
11-
import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
11+
import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon';
1212

1313
Multiple file upload is able to:
1414

‎packages/react-core/src/components/MultipleFileUpload/examples/MultipleFileUploadBasic.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import {
99
HelperTextItem,
1010
DropEvent
1111
} from '@patternfly/react-core';
12-
import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
12+
import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon';
1313

1414
interface readFile {
1515
fileName: string;
@@ -124,7 +124,7 @@ export const MultipleFileUploadBasic: React.FunctionComponent = () => {
124124
isHorizontal={isHorizontal}
125125
>
126126
<MultipleFileUploadMain
127-
titleIcon={<UploadIcon />}
127+
titleIcon={<RhUiUploadIcon />}
128128
titleText="Drag and drop files here"
129129
titleTextSeparator="or"
130130
infoText="Accepted file types: JPEG, Doc, PDF, PNG"

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ section: components
88
import { Fragment, useState, useLayoutEffect, useRef } from 'react';
99

1010
import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon';
11-
import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon';
11+
import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon';
1212
import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon';
1313
import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
1414
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';

‎packages/react-core/src/components/Toolbar/examples/ToolbarCustomLabelGroupContent.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import {
1616
} from '@patternfly/react-core';
1717
import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
1818
import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon';
19-
import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon';
19+
import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon';
2020
import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon';
2121

2222
export const ToolbarCustomLabelGroupContent: React.FunctionComponent = () => {
@@ -177,7 +177,7 @@ export const ToolbarCustomLabelGroupContent: React.FunctionComponent = () => {
177177
<Button variant="plain" aria-label="edit" icon={<EditIcon />} />
178178
</ToolbarItem>
179179
<ToolbarItem>
180-
<Button variant="plain" aria-label="clone" icon={<CloneIcon />} />
180+
<Button variant="plain" aria-label="clone" icon={<RhUiCopyFillIcon />} />
181181
</ToolbarItem>
182182
<ToolbarItem>
183183
<Button variant="plain" aria-label="sync" icon={<SyncIcon />} />

0 commit comments

Comments
 (0)