Skip to content

Commit eb80455

Browse files
thatblindgeyethatblindgeye
authored
fix(InfrastructureIcons): replaced with RH brand icons part 3 (#12503)
* fix(InfrastructureIcons): replaced with RH brand icons part 3 * Updated snapshots * Added icon import to md file * Updated treeview md file imports * Removed import from page demo md
1 parent 6c94470 commit eb80455

17 files changed

Lines changed: 64 additions & 126 deletions

File tree

‎packages/react-core/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/m
33
import { css } from '@patternfly/react-styles';
44
import { Progress } from '../Progress';
55
import { Button } from '../Button';
6-
import FileIcon from '@patternfly/react-icons/dist/esm/icons/file-icon';
6+
import RhUiDocumentFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-document-fill-icon';
77
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
88

99
/** Automatically reads an uploaded file to render a visual representation of it, including
@@ -149,7 +149,7 @@ export const MultipleFileUploadStatusItem: React.FunctionComponent<MultipleFileU
149149

150150
return (
151151
<li className={css(styles.multipleFileUploadStatusItem, className)} {...props}>
152-
<div className={styles.multipleFileUploadStatusItemIcon}>{fileIcon || <FileIcon />}</div>
152+
<div className={styles.multipleFileUploadStatusItemIcon}>{fileIcon || <RhUiDocumentFillIcon />}</div>
153153
<div className={styles.multipleFileUploadStatusItemMain}>
154154
<div className="pf-v6-screen-reader" aria-live="polite">
155155
{progressAriaLiveMessage &&

‎packages/react-core/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatusItem.test.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { render, screen } from '@testing-library/react';
22

33
import { MultipleFileUploadStatusItem } from '../MultipleFileUploadStatusItem';
4-
import FileImageIcon from '@patternfly/react-icons/dist/esm/icons/file-image-icon';
4+
import RhUiImageFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-image-fill-icon';
55

66
describe('MultipleFileUploadStatusItem', () => {
77
test('renders with expected class names', () => {
@@ -26,7 +26,7 @@ describe('MultipleFileUploadStatusItem', () => {
2626
const { asFragment } = render(
2727
<MultipleFileUploadStatusItem
2828
file={testFile}
29-
fileIcon={<FileImageIcon />}
29+
fileIcon={<RhUiImageFillIcon />}
3030
fileName="testCustomFileName.txt"
3131
fileSize={42}
3232
progressId="test-progress-id"
@@ -42,7 +42,7 @@ describe('MultipleFileUploadStatusItem', () => {
4242
const { asFragment } = render(
4343
<MultipleFileUploadStatusItem
4444
file={testFile}
45-
fileIcon={<FileImageIcon />}
45+
fileIcon={<RhUiImageFillIcon />}
4646
fileName="testCustomFileName.txt"
4747
fileSize={42}
4848
progressId="test-progress-id"
@@ -58,7 +58,7 @@ describe('MultipleFileUploadStatusItem', () => {
5858
const { asFragment } = render(
5959
<MultipleFileUploadStatusItem
6060
file={testFile}
61-
fileIcon={<FileImageIcon />}
61+
fileIcon={<RhUiImageFillIcon />}
6262
fileName="testCustomFileName.txt"
6363
fileSize={42}
6464
progressId="test-progress-id"

‎packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap‎

Lines changed: 26 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -14,24 +14,12 @@ exports[`MultipleFileUploadStatusItem renders custom aria labels 1`] = `
1414
fill="currentColor"
1515
height="1em"
1616
role="img"
17+
viewBox="0 0 32 32"
1718
width="1em"
1819
>
19-
<svg
20-
class="pf-v6-icon-default"
21-
viewBox="0 0 384 512"
22-
>
23-
<path
24-
d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"
25-
/>
26-
</svg>
27-
<svg
28-
class="pf-v6-icon-rh-ui"
29-
viewBox="0 0 32 32"
30-
>
31-
<path
32-
d="M26.5 1H12a1.001 1.001 0 0 0-.708.294L4.294 8.292A1.001 1.001 0 0 0 4 9v20.5c0 .827.673 1.5 1.5 1.5h21c.827 0 1.5-.673 1.5-1.5v-27c0-.827-.673-1.5-1.5-1.5ZM11 4.414V8H7.414L11 4.414ZM26 29H6V10h5.5c.827 0 1.5-.673 1.5-1.5V3h13v26Z"
33-
/>
34-
</svg>
20+
<path
21+
d="M4.275 8.875a.738.738 0 0 1 .195-.405l7-7a.738.738 0 0 1 .405-.195v7.6h-7.6ZM26.5 1.25H14.125V9.5c0 .896-.729 1.625-1.625 1.625H4.25V29.5c0 .689.561 1.25 1.25 1.25h21c.689 0 1.25-.561 1.25-1.25v-27c0-.689-.561-1.25-1.25-1.25Z"
22+
/>
3523
</svg>
3624
</div>
3725
<div
@@ -145,24 +133,12 @@ exports[`MultipleFileUploadStatusItem renders custom class names 1`] = `
145133
fill="currentColor"
146134
height="1em"
147135
role="img"
136+
viewBox="0 0 32 32"
148137
width="1em"
149138
>
150-
<svg
151-
class="pf-v6-icon-default"
152-
viewBox="0 0 384 512"
153-
>
154-
<path
155-
d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"
156-
/>
157-
</svg>
158-
<svg
159-
class="pf-v6-icon-rh-ui"
160-
viewBox="0 0 32 32"
161-
>
162-
<path
163-
d="M26.5 1H12a1.001 1.001 0 0 0-.708.294L4.294 8.292A1.001 1.001 0 0 0 4 9v20.5c0 .827.673 1.5 1.5 1.5h21c.827 0 1.5-.673 1.5-1.5v-27c0-.827-.673-1.5-1.5-1.5ZM11 4.414V8H7.414L11 4.414ZM26 29H6V10h5.5c.827 0 1.5-.673 1.5-1.5V3h13v26Z"
164-
/>
165-
</svg>
139+
<path
140+
d="M4.275 8.875a.738.738 0 0 1 .195-.405l7-7a.738.738 0 0 1 .405-.195v7.6h-7.6ZM26.5 1.25H14.125V9.5c0 .896-.729 1.625-1.625 1.625H4.25V29.5c0 .689.561 1.25 1.25 1.25h21c.689 0 1.25-.561 1.25-1.25v-27c0-.689-.561-1.25-1.25-1.25Z"
141+
/>
166142
</svg>
167143
</div>
168144
<div
@@ -273,11 +249,11 @@ exports[`MultipleFileUploadStatusItem renders custom file name/size/icon/progres
273249
fill="currentColor"
274250
height="1em"
275251
role="img"
276-
viewBox="0 0 384 512"
252+
viewBox="0 0 32 32"
277253
width="1em"
278254
>
279255
<path
280-
d="M384 121.941V128H256V0h6.059a24 24 0 0 1 16.97 7.029l97.941 97.941a24.002 24.002 0 0 1 7.03 16.971zM248 160c-13.2 0-24-10.8-24-24V0H24C10.745 0 0 10.745 0 24v464c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V160H248zm-135.455 16c26.51 0 48 21.49 48 48s-21.49 48-48 48-48-21.49-48-48 21.491-48 48-48zm208 240h-256l.485-48.485L104.545 328c4.686-4.686 11.799-4.201 16.485.485L160.545 368 264.06 264.485c4.686-4.686 12.284-4.686 16.971 0L320.545 304v112z"
256+
d="M29.5 3h-27C1.673 3 1 3.673 1 4.5v23c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-23c0-.827-.673-1.5-1.5-1.5ZM21 7c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3Zm7 17.75c0 .689-.561 1.25-1.25 1.25H5.25C4.561 26 4 25.439 4 24.75V18c0-.266.105-.52.293-.707l4.823-4.823a1.279 1.279 0 0 1 1.768 0L18 19.586l3.116-3.116a1.279 1.279 0 0 1 1.768 0l4.823 4.823A.997.997 0 0 1 28 22v2.75Z"
281257
/>
282258
</svg>
283259
</div>
@@ -391,11 +367,11 @@ exports[`MultipleFileUploadStatusItem renders custom function progressAriaLiveMe
391367
fill="currentColor"
392368
height="1em"
393369
role="img"
394-
viewBox="0 0 384 512"
370+
viewBox="0 0 32 32"
395371
width="1em"
396372
>
397373
<path
398-
d="M384 121.941V128H256V0h6.059a24 24 0 0 1 16.97 7.029l97.941 97.941a24.002 24.002 0 0 1 7.03 16.971zM248 160c-13.2 0-24-10.8-24-24V0H24C10.745 0 0 10.745 0 24v464c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V160H248zm-135.455 16c26.51 0 48 21.49 48 48s-21.49 48-48 48-48-21.49-48-48 21.491-48 48-48zm208 240h-256l.485-48.485L104.545 328c4.686-4.686 11.799-4.201 16.485.485L160.545 368 264.06 264.485c4.686-4.686 12.284-4.686 16.971 0L320.545 304v112z"
374+
d="M29.5 3h-27C1.673 3 1 3.673 1 4.5v23c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-23c0-.827-.673-1.5-1.5-1.5ZM21 7c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3Zm7 17.75c0 .689-.561 1.25-1.25 1.25H5.25C4.561 26 4 25.439 4 24.75V18c0-.266.105-.52.293-.707l4.823-4.823a1.279 1.279 0 0 1 1.768 0L18 19.586l3.116-3.116a1.279 1.279 0 0 1 1.768 0l4.823 4.823A.997.997 0 0 1 28 22v2.75Z"
399375
/>
400376
</svg>
401377
</div>
@@ -509,24 +485,12 @@ exports[`MultipleFileUploadStatusItem renders custom progress value/variant when
509485
fill="currentColor"
510486
height="1em"
511487
role="img"
488+
viewBox="0 0 32 32"
512489
width="1em"
513490
>
514-
<svg
515-
class="pf-v6-icon-default"
516-
viewBox="0 0 384 512"
517-
>
518-
<path
519-
d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"
520-
/>
521-
</svg>
522-
<svg
523-
class="pf-v6-icon-rh-ui"
524-
viewBox="0 0 32 32"
525-
>
526-
<path
527-
d="M26.5 1H12a1.001 1.001 0 0 0-.708.294L4.294 8.292A1.001 1.001 0 0 0 4 9v20.5c0 .827.673 1.5 1.5 1.5h21c.827 0 1.5-.673 1.5-1.5v-27c0-.827-.673-1.5-1.5-1.5ZM11 4.414V8H7.414L11 4.414ZM26 29H6V10h5.5c.827 0 1.5-.673 1.5-1.5V3h13v26Z"
528-
/>
529-
</svg>
491+
<path
492+
d="M4.275 8.875a.738.738 0 0 1 .195-.405l7-7a.738.738 0 0 1 .405-.195v7.6h-7.6ZM26.5 1.25H14.125V9.5c0 .896-.729 1.625-1.625 1.625H4.25V29.5c0 .689.561 1.25 1.25 1.25h21c.689 0 1.25-.561 1.25-1.25v-27c0-.689-.561-1.25-1.25-1.25Z"
493+
/>
530494
</svg>
531495
</div>
532496
<div
@@ -656,24 +620,12 @@ exports[`MultipleFileUploadStatusItem renders expected values from a passed file
656620
fill="currentColor"
657621
height="1em"
658622
role="img"
623+
viewBox="0 0 32 32"
659624
width="1em"
660625
>
661-
<svg
662-
class="pf-v6-icon-default"
663-
viewBox="0 0 384 512"
664-
>
665-
<path
666-
d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"
667-
/>
668-
</svg>
669-
<svg
670-
class="pf-v6-icon-rh-ui"
671-
viewBox="0 0 32 32"
672-
>
673-
<path
674-
d="M26.5 1H12a1.001 1.001 0 0 0-.708.294L4.294 8.292A1.001 1.001 0 0 0 4 9v20.5c0 .827.673 1.5 1.5 1.5h21c.827 0 1.5-.673 1.5-1.5v-27c0-.827-.673-1.5-1.5-1.5ZM11 4.414V8H7.414L11 4.414ZM26 29H6V10h5.5c.827 0 1.5-.673 1.5-1.5V3h13v26Z"
675-
/>
676-
</svg>
626+
<path
627+
d="M4.275 8.875a.738.738 0 0 1 .195-.405l7-7a.738.738 0 0 1 .405-.195v7.6h-7.6ZM26.5 1.25H14.125V9.5c0 .896-.729 1.625-1.625 1.625H4.25V29.5c0 .689.561 1.25 1.25 1.25h21c.689 0 1.25-.561 1.25-1.25v-27c0-.689-.561-1.25-1.25-1.25Z"
628+
/>
677629
</svg>
678630
</div>
679631
<div
@@ -786,24 +738,12 @@ exports[`MultipleFileUploadStatusItem renders with expected class names 1`] = `
786738
fill="currentColor"
787739
height="1em"
788740
role="img"
741+
viewBox="0 0 32 32"
789742
width="1em"
790743
>
791-
<svg
792-
class="pf-v6-icon-default"
793-
viewBox="0 0 384 512"
794-
>
795-
<path
796-
d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"
797-
/>
798-
</svg>
799-
<svg
800-
class="pf-v6-icon-rh-ui"
801-
viewBox="0 0 32 32"
802-
>
803-
<path
804-
d="M26.5 1H12a1.001 1.001 0 0 0-.708.294L4.294 8.292A1.001 1.001 0 0 0 4 9v20.5c0 .827.673 1.5 1.5 1.5h21c.827 0 1.5-.673 1.5-1.5v-27c0-.827-.673-1.5-1.5-1.5ZM11 4.414V8H7.414L11 4.414ZM26 29H6V10h5.5c.827 0 1.5-.673 1.5-1.5V3h13v26Z"
805-
/>
806-
</svg>
744+
<path
745+
d="M4.275 8.875a.738.738 0 0 1 .195-.405l7-7a.738.738 0 0 1 .405-.195v7.6h-7.6ZM26.5 1.25H14.125V9.5c0 .896-.729 1.625-1.625 1.625H4.25V29.5c0 .689.561 1.25 1.25 1.25h21c.689 0 1.25-.561 1.25-1.25v-27c0-.689-.561-1.25-1.25-1.25Z"
746+
/>
807747
</svg>
808748
</div>
809749
<div
@@ -914,11 +854,11 @@ exports[`MultipleFileUploadStatusItem rendersdefault progressAriaLiveMessage whe
914854
fill="currentColor"
915855
height="1em"
916856
role="img"
917-
viewBox="0 0 384 512"
857+
viewBox="0 0 32 32"
918858
width="1em"
919859
>
920860
<path
921-
d="M384 121.941V128H256V0h6.059a24 24 0 0 1 16.97 7.029l97.941 97.941a24.002 24.002 0 0 1 7.03 16.971zM248 160c-13.2 0-24-10.8-24-24V0H24C10.745 0 0 10.745 0 24v464c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V160H248zm-135.455 16c26.51 0 48 21.49 48 48s-21.49 48-48 48-48-21.49-48-48 21.491-48 48-48zm208 240h-256l.485-48.485L104.545 328c4.686-4.686 11.799-4.201 16.485.485L160.545 368 264.06 264.485c4.686-4.686 12.284-4.686 16.971 0L320.545 304v112z"
861+
d="M29.5 3h-27C1.673 3 1 3.673 1 4.5v23c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-23c0-.827-.673-1.5-1.5-1.5ZM21 7c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3Zm7 17.75c0 .689-.561 1.25-1.25 1.25H5.25C4.561 26 4 25.439 4 24.75V18c0-.266.105-.52.293-.707l4.823-4.823a1.279 1.279 0 0 1 1.768 0L18 19.586l3.116-3.116a1.279 1.279 0 0 1 1.768 0l4.823 4.823A.997.997 0 0 1 28 22v2.75Z"
922862
/>
923863
</svg>
924864
</div>

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

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ import { useState } from 'react';
1010
import './nav.css';
1111
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
1212
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
13-
import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
14-
import FolderOpenIcon from '@patternfly/react-icons/dist/esm/icons/folder-open-icon';
13+
import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon';
14+
import RhUiFolderOpenFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-open-fill-icon';
1515
import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
1616
import RhUiLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-link-icon';
1717

@@ -81,7 +81,6 @@ A flyout should be a `Menu` component. Press `space` or `right arrow` to open a
8181

8282
```
8383

84-
8584
## Types
8685

8786
### NavSelectClickHandler

‎packages/react-core/src/components/Nav/examples/NavIcons.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import { useState } from 'react';
22
import { Nav, NavExpandable, NavItem, NavList } from '@patternfly/react-core';
33
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
4-
import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
4+
import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon';
55
import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
6-
import FolderOpenIcon from '@patternfly/react-icons/dist/esm/icons/folder-open-icon';
6+
import RhUiFolderOpenFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-open-fill-icon';
77
import RhUiLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-link-icon';
88

99
export const NavIcons: React.FunctionComponent = () => {
@@ -32,7 +32,7 @@ export const NavIcons: React.FunctionComponent = () => {
3232
to="#nav-icon-link2"
3333
itemId={1}
3434
isActive={activeItem === 1}
35-
icon={<FolderIcon />}
35+
icon={<RhUiFolderFillIcon />}
3636
>
3737
Link 2
3838
</NavItem>
@@ -56,7 +56,7 @@ export const NavIcons: React.FunctionComponent = () => {
5656
>
5757
Link 4
5858
</NavItem>
59-
<NavExpandable title="Expandable" icon={<FolderOpenIcon />} groupId="nav-icon-expandable">
59+
<NavExpandable title="Expandable" icon={<RhUiFolderOpenFillIcon />} groupId="nav-icon-expandable">
6060
<NavItem
6161
preventDefault
6262
id="nav-icon-expandable-link1"

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

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

88
import { Fragment, useEffect, useState } from 'react';
9-
import { FolderIcon, FolderOpenIcon, RhUiEllipsisVerticalFillIcon, HamburgerIcon, GitlabIcon, GithubIcon, GoogleIcon, RhUiClipboardFillIcon, RhUiStorageFillIcon } from '@patternfly/react-icons';
9+
import { RhUiEllipsisVerticalFillIcon, HamburgerIcon, GitlabIcon, GithubIcon, GoogleIcon, RhUiClipboardFillIcon, RhUiStorageFillIcon, RhUiFolderFillIcon, RhUiFolderOpenFillIcon } from '@patternfly/react-icons';
1010

1111
## Examples
1212

‎packages/react-core/src/components/TreeView/examples/TreeViewWithIcons.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { useState } from 'react';
22
import { TreeView, TreeViewDataItem } from '@patternfly/react-core';
3-
import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
4-
import FolderOpenIcon from '@patternfly/react-icons/dist/esm/icons/folder-open-icon';
3+
import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon';
4+
import RhUiFolderOpenFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-open-fill-icon';
55

66
export const TreeViewWithIcons: React.FunctionComponent = () => {
77
const [activeItems, setActiveItems] = useState<TreeViewDataItem[]>();
@@ -78,8 +78,8 @@ export const TreeViewWithIcons: React.FunctionComponent = () => {
7878
data={options}
7979
activeItems={activeItems}
8080
onSelect={onSelect}
81-
icon={<FolderIcon />}
82-
expandedIcon={<FolderOpenIcon />}
81+
icon={<RhUiFolderFillIcon />}
82+
expandedIcon={<RhUiFolderOpenFillIcon />}
8383
/>
8484
);
8585
};

‎packages/react-core/src/demos/Compass/Compass.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import RhUiAddSquareIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-
99
import RhUiCopyIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-icon';
1010
import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon';
1111
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
12-
import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
12+
import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon';
1313
import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
1414
import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
1515
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';

‎packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ import {
2929
PageToggleButton
3030
} from '@patternfly/react-core';
3131
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
32-
import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
32+
import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon';
3333
import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
3434
import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
3535
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
@@ -268,7 +268,7 @@ export const CompassDockDemo: React.FunctionComponent = () => {
268268
to="#nav-icon-link2"
269269
itemId={1}
270270
isActive={activeItem === 1}
271-
icon={<FolderIcon />}
271+
icon={<RhUiFolderFillIcon />}
272272
anchorRef={navItem2Ref}
273273
aria-label="Policy"
274274
>

‎packages/react-core/src/demos/Nav.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-
1313
import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
1414
import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
1515
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
16-
import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
16+
import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon';
1717
import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
1818
import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
1919
import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-thumbnail-view-small-fill-icon';

0 commit comments

Comments
 (0)