Skip to content

Commit 30dadc1

Browse files
tlabajwise-king-sullyman
tlabaj
and
wise-king-sullyman
authored
chore(ArrowRightIcon): Update any uses of FA arrow right icon to RH brand arrow right icon (#12365)
* chore(ArrowRightIcon): Update any uses of FA arro right icon to RH brand arrow right icon * fix paths * more fixes * Replace ui caret right icon with microns caret right icon --------- Co-authored-by: Austin Sullivan <ausulliv@redhat.com>
1 parent a8906a8 commit 30dadc1

9 files changed

Lines changed: 63 additions & 95 deletions

File tree

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ propComponents: ['Accordion', 'AccordionItem', 'AccordionContent', 'AccordionTog
66
---
77

88
import { useState } from 'react';
9-
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
9+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
1010

1111
## Examples
1212

‎packages/react-core/src/components/Accordion/examples/AccordionBordered.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import {
88
Button,
99
Checkbox
1010
} from '@patternfly/react-core';
11-
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
11+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
1212

1313
export const AccordionBordered: React.FunctionComponent = () => {
1414
const [expanded, setExpanded] = useState('bordered-toggle4');
@@ -95,7 +95,7 @@ export const AccordionBordered: React.FunctionComponent = () => {
9595
</AccordionExpandableContentBody>
9696
<AccordionExpandableContentBody>
9797
<Button variant="link" size="lg" isInline>
98-
Call to action <ArrowRightIcon />
98+
Call to action <RhMicronsCaretRightIcon />
9999
</Button>
100100
</AccordionExpandableContentBody>
101101
</AccordionContent>

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-micron
1111
import RhUiExternalLinkFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-fill-icon';
1212
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
1313
import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
14-
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
14+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
1515
import UploadIcon from '@patternfly/react-icons/dist/esm/icons/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';

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Button, Flex } from '@patternfly/react-core';
2-
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
2+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
33

44
export const ButtonCallToAction: React.FunctionComponent = () => (
55
<Flex columnGap={{ default: 'columnGapSm' }}>
@@ -12,7 +12,7 @@ export const ButtonCallToAction: React.FunctionComponent = () => (
1212
<Button variant="tertiary" size="lg">
1313
Call to action
1414
</Button>
15-
<Button variant="link" size="lg" icon={<ArrowRightIcon />} iconPosition="end">
15+
<Button variant="link" size="lg" icon={<RhMicronsCaretRightIcon />} iconPosition="end">
1616
Call to action
1717
</Button>
1818
</Flex>

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

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

99
import { useState } from 'react';
1010
import './nav.css';
11-
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
11+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
1212
import UserIcon from '@patternfly/react-icons/dist/esm/icons/user-icon';
1313
import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
1414
import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';

‎packages/react-core/src/components/SearchInput/SearchInput.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-ico
77
import AngleUpIcon from '@patternfly/react-icons/dist/esm/icons/angle-up-icon';
88
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
99
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
10+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
1011
import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
11-
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
1212
import { AdvancedSearchMenu } from './AdvancedSearchMenu';
1313
import { TextInputGroup, TextInputGroupMain, TextInputGroupUtilities } from '../TextInputGroup';
1414
import { InputGroup, InputGroupItem } from '../InputGroup';
@@ -479,7 +479,7 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
479479
isDisabled={isDisabled}
480480
icon={
481481
<Icon shouldMirrorRTL>
482-
<ArrowRightIcon />
482+
<RhMicronsCaretRightIcon />
483483
</Icon>
484484
}
485485
/>

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

Lines changed: 20 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -137,24 +137,12 @@ exports[`SearchInput advanced search 1`] = `
137137
fill="currentColor"
138138
height="1em"
139139
role="img"
140+
viewBox="0 0 20 20"
140141
width="1em"
141142
>
142-
<svg
143-
class="pf-v6-icon-default"
144-
viewBox="0 0 448 512"
145-
>
146-
<path
147-
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
148-
/>
149-
</svg>
150-
<svg
151-
class="pf-v6-icon-rh-ui"
152-
viewBox="0 0 32 32"
153-
>
154-
<path
155-
d="M30.354 14.939 19.708 4.293a.999.999 0 1 0-1.414 1.414L27.587 15H2a1 1 0 0 0 0 2h25.586l-9.293 9.293a.999.999 0 1 0 1.414 1.414l10.646-10.646c.283-.283.439-.66.439-1.061s-.156-.777-.439-1.061Z"
156-
/>
157-
</svg>
143+
<path
144+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
145+
/>
158146
</svg>
159147
</span>
160148
</span>
@@ -304,24 +292,12 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
304292
fill="currentColor"
305293
height="1em"
306294
role="img"
295+
viewBox="0 0 20 20"
307296
width="1em"
308297
>
309-
<svg
310-
class="pf-v6-icon-default"
311-
viewBox="0 0 448 512"
312-
>
313-
<path
314-
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
315-
/>
316-
</svg>
317-
<svg
318-
class="pf-v6-icon-rh-ui"
319-
viewBox="0 0 32 32"
320-
>
321-
<path
322-
d="M30.354 14.939 19.708 4.293a.999.999 0 1 0-1.414 1.414L27.587 15H2a1 1 0 0 0 0 2h25.586l-9.293 9.293a.999.999 0 1 0 1.414 1.414l10.646-10.646c.283-.283.439-.66.439-1.061s-.156-.777-.439-1.061Z"
323-
/>
324-
</svg>
298+
<path
299+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
300+
/>
325301
</svg>
326302
</span>
327303
</span>
@@ -661,24 +637,12 @@ exports[`SearchInput renders search input in strict mode 1`] = `
661637
fill="currentColor"
662638
height="1em"
663639
role="img"
640+
viewBox="0 0 20 20"
664641
width="1em"
665642
>
666-
<svg
667-
class="pf-v6-icon-default"
668-
viewBox="0 0 448 512"
669-
>
670-
<path
671-
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
672-
/>
673-
</svg>
674-
<svg
675-
class="pf-v6-icon-rh-ui"
676-
viewBox="0 0 32 32"
677-
>
678-
<path
679-
d="M30.354 14.939 19.708 4.293a.999.999 0 1 0-1.414 1.414L27.587 15H2a1 1 0 0 0 0 2h25.586l-9.293 9.293a.999.999 0 1 0 1.414 1.414l10.646-10.646c.283-.283.439-.66.439-1.061s-.156-.777-.439-1.061Z"
680-
/>
681-
</svg>
643+
<path
644+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
645+
/>
682646
</svg>
683647
</span>
684648
</span>
@@ -877,24 +841,12 @@ exports[`SearchInput search input with hint 1`] = `
877841
fill="currentColor"
878842
height="1em"
879843
role="img"
844+
viewBox="0 0 20 20"
880845
width="1em"
881846
>
882-
<svg
883-
class="pf-v6-icon-default"
884-
viewBox="0 0 448 512"
885-
>
886-
<path
887-
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
888-
/>
889-
</svg>
890-
<svg
891-
class="pf-v6-icon-rh-ui"
892-
viewBox="0 0 32 32"
893-
>
894-
<path
895-
d="M30.354 14.939 19.708 4.293a.999.999 0 1 0-1.414 1.414L27.587 15H2a1 1 0 0 0 0 2h25.586l-9.293 9.293a.999.999 0 1 0 1.414 1.414l10.646-10.646c.283-.283.439-.66.439-1.061s-.156-.777-.439-1.061Z"
896-
/>
897-
</svg>
847+
<path
848+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
849+
/>
898850
</svg>
899851
</span>
900852
</span>
@@ -1085,24 +1037,12 @@ exports[`SearchInput simple search input 1`] = `
10851037
fill="currentColor"
10861038
height="1em"
10871039
role="img"
1040+
viewBox="0 0 20 20"
10881041
width="1em"
10891042
>
1090-
<svg
1091-
class="pf-v6-icon-default"
1092-
viewBox="0 0 448 512"
1093-
>
1094-
<path
1095-
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
1096-
/>
1097-
</svg>
1098-
<svg
1099-
class="pf-v6-icon-rh-ui"
1100-
viewBox="0 0 32 32"
1101-
>
1102-
<path
1103-
d="M30.354 14.939 19.708 4.293a.999.999 0 1 0-1.414 1.414L27.587 15H2a1 1 0 0 0 0 2h25.586l-9.293 9.293a.999.999 0 1 0 1.414 1.414l10.646-10.646c.283-.283.439-.66.439-1.061s-.156-.777-.439-1.061Z"
1104-
/>
1105-
</svg>
1043+
<path
1044+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1045+
/>
11061046
</svg>
11071047
</span>
11081048
</span>

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ section: components
66
import { Fragment, useState } from 'react';
77
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
88
import RhUiInformationFillIcon from '@patternfly/react-icons/dist/js/icons/rh-ui-information-fill-icon';
9-
import ArrowRightIcon from '@patternfly/react-icons/dist/js/icons/arrow-right-icon';
9+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/js/icons/rh-microns-caret-right-icon';
1010
import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
1111
import { RhUiCheckCircleFillIcon, RhUiErrorFillIcon, RhUiWarningFillIcon, RhUiNotificationFillIcon } from '@patternfly/react-icons';
1212
import { Table, Thead, Tbody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table';

‎packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx‎

Lines changed: 33 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ import {
2121
MenuToggleElement
2222
} from '@patternfly/react-core';
2323
import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon';
24-
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
24+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
2525
import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
2626
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
2727

@@ -135,7 +135,14 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
135135
</ListItem>
136136
</List>
137137
</Flex>
138-
<Button href="#" component="a" variant="link" isInline icon={<ArrowRightIcon />} iconPosition="right">
138+
<Button
139+
href="#"
140+
component="a"
141+
variant="link"
142+
isInline
143+
icon={<RhMicronsCaretRightIcon />}
144+
iconPosition="right"
145+
>
139146
View all set up cluster steps
140147
</Button>
141148
</Flex>
@@ -163,7 +170,14 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
163170
</ListItem>
164171
</List>
165172
</Flex>
166-
<Button href="#" component="a" variant="link" isInline icon={<ArrowRightIcon />} iconPosition="right">
173+
<Button
174+
href="#"
175+
component="a"
176+
variant="link"
177+
isInline
178+
icon={<RhMicronsCaretRightIcon />}
179+
iconPosition="right"
180+
>
167181
View all guided tours
168182
</Button>
169183
</Flex>
@@ -194,7 +208,14 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
194208
</ListItem>
195209
</List>
196210
</Flex>
197-
<Button href="#" component="a" variant="link" isInline icon={<ArrowRightIcon />} iconPosition="right">
211+
<Button
212+
href="#"
213+
component="a"
214+
variant="link"
215+
isInline
216+
icon={<RhMicronsCaretRightIcon />}
217+
iconPosition="right"
218+
>
198219
View all quick starts
199220
</Button>
200221
</Flex>
@@ -228,7 +249,14 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
228249
</ListItem>
229250
</List>
230251
</Flex>
231-
<Button href="#" component="a" variant="link" isInline icon={<ArrowRightIcon />} iconPosition="right">
252+
<Button
253+
href="#"
254+
component="a"
255+
variant="link"
256+
isInline
257+
icon={<RhMicronsCaretRightIcon />}
258+
iconPosition="right"
259+
>
232260
View all learning resources
233261
</Button>
234262
</Flex>

0 commit comments

Comments
 (0)