Skip to content

Commit 1bcf5ed

Browse files
tlabajtlabaj
committed
chore(ArrowRightIcon): Update any uses of FA arro right icon to RH brand arrow right icon
1 parent d2e13b5 commit 1bcf5ed

8 files changed

Lines changed: 34 additions & 94 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 { RhUiCaretRightIcon } from '@patternfly/react-icons/dist/esm/icons/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 RhUiCaretRightIcon from '@patternfly/react-icons/icons/caret-right-icon/dist/esm/icons/rh-ui-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 <RhUiCaretRightIcon />
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 PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
1212
import ExternalLinkSquareAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-square-alt-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 { RhUiCaretRightIcon } from '@patternfly/react-icons/dist/esm/icons/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 QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-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 RhUiCaretRightIcon from '@patternfly/react-icons/icons/caret-right-icon/dist/esm/icons/rh-ui-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={<RhUiCaretRightIcon />} 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 { RhUiCaretRightIcon } from '@patternfly/react-icons/dist/esm/icons/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
@@ -8,7 +8,7 @@ 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';
1010
import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
11-
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
11+
import RhUiCaretRightIcon from '@patternfly/react-icons/icons/caret-right-icon/dist/esm/icons/rh-ui-caret-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+
<RhUiCaretRightIcon />
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
@@ -149,24 +149,12 @@ exports[`SearchInput advanced search 1`] = `
149149
fill="currentColor"
150150
height="1em"
151151
role="img"
152+
viewBox="0 0 32 32"
152153
width="1em"
153154
>
154-
<svg
155-
class="pf-v6-icon-default"
156-
viewBox="0 0 448 512"
157-
>
158-
<path
159-
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"
160-
/>
161-
</svg>
162-
<svg
163-
class="pf-v6-icon-rh-ui"
164-
viewBox="0 0 32 32"
165-
>
166-
<path
167-
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"
168-
/>
169-
</svg>
155+
<path
156+
d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
157+
/>
170158
</svg>
171159
</span>
172160
</span>
@@ -328,24 +316,12 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
328316
fill="currentColor"
329317
height="1em"
330318
role="img"
319+
viewBox="0 0 32 32"
331320
width="1em"
332321
>
333-
<svg
334-
class="pf-v6-icon-default"
335-
viewBox="0 0 448 512"
336-
>
337-
<path
338-
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"
339-
/>
340-
</svg>
341-
<svg
342-
class="pf-v6-icon-rh-ui"
343-
viewBox="0 0 32 32"
344-
>
345-
<path
346-
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"
347-
/>
348-
</svg>
322+
<path
323+
d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
324+
/>
349325
</svg>
350326
</span>
351327
</span>
@@ -697,24 +673,12 @@ exports[`SearchInput renders search input in strict mode 1`] = `
697673
fill="currentColor"
698674
height="1em"
699675
role="img"
676+
viewBox="0 0 32 32"
700677
width="1em"
701678
>
702-
<svg
703-
class="pf-v6-icon-default"
704-
viewBox="0 0 448 512"
705-
>
706-
<path
707-
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"
708-
/>
709-
</svg>
710-
<svg
711-
class="pf-v6-icon-rh-ui"
712-
viewBox="0 0 32 32"
713-
>
714-
<path
715-
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"
716-
/>
717-
</svg>
679+
<path
680+
d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
681+
/>
718682
</svg>
719683
</span>
720684
</span>
@@ -913,24 +877,12 @@ exports[`SearchInput search input with hint 1`] = `
913877
fill="currentColor"
914878
height="1em"
915879
role="img"
880+
viewBox="0 0 32 32"
916881
width="1em"
917882
>
918-
<svg
919-
class="pf-v6-icon-default"
920-
viewBox="0 0 448 512"
921-
>
922-
<path
923-
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"
924-
/>
925-
</svg>
926-
<svg
927-
class="pf-v6-icon-rh-ui"
928-
viewBox="0 0 32 32"
929-
>
930-
<path
931-
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"
932-
/>
933-
</svg>
883+
<path
884+
d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
885+
/>
934886
</svg>
935887
</span>
936888
</span>
@@ -1121,24 +1073,12 @@ exports[`SearchInput simple search input 1`] = `
11211073
fill="currentColor"
11221074
height="1em"
11231075
role="img"
1076+
viewBox="0 0 32 32"
11241077
width="1em"
11251078
>
1126-
<svg
1127-
class="pf-v6-icon-default"
1128-
viewBox="0 0 448 512"
1129-
>
1130-
<path
1131-
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"
1132-
/>
1133-
</svg>
1134-
<svg
1135-
class="pf-v6-icon-rh-ui"
1136-
viewBox="0 0 32 32"
1137-
>
1138-
<path
1139-
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"
1140-
/>
1141-
</svg>
1079+
<path
1080+
d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
1081+
/>
11421082
</svg>
11431083
</span>
11441084
</span>

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ import {
2020
MenuToggleElement
2121
} from '@patternfly/react-core';
2222
import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon';
23-
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
23+
import RhUiCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
2424
import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
2525
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
2626

@@ -134,7 +134,7 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
134134
</ListItem>
135135
</List>
136136
</Flex>
137-
<Button href="#" component="a" variant="link" isInline icon={<ArrowRightIcon />} iconPosition="right">
137+
<Button href="#" component="a" variant="link" isInline icon={<RhUiCaretRightIcon />} iconPosition="right">
138138
View all set up cluster steps
139139
</Button>
140140
</Flex>
@@ -162,7 +162,7 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
162162
</ListItem>
163163
</List>
164164
</Flex>
165-
<Button href="#" component="a" variant="link" isInline icon={<ArrowRightIcon />} iconPosition="right">
165+
<Button href="#" component="a" variant="link" isInline icon={<RhUiCaretRightIcon />} iconPosition="right">
166166
View all guided tours
167167
</Button>
168168
</Flex>
@@ -193,7 +193,7 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
193193
</ListItem>
194194
</List>
195195
</Flex>
196-
<Button href="#" component="a" variant="link" isInline icon={<ArrowRightIcon />} iconPosition="right">
196+
<Button href="#" component="a" variant="link" isInline icon={<RhUiCaretRightIcon />} iconPosition="right">
197197
View all quick starts
198198
</Button>
199199
</Flex>
@@ -227,7 +227,7 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
227227
</ListItem>
228228
</List>
229229
</Flex>
230-
<Button href="#" component="a" variant="link" isInline icon={<ArrowRightIcon />} iconPosition="right">
230+
<Button href="#" component="a" variant="link" isInline icon={<RhUiCaretRightIcon />} iconPosition="right">
231231
View all learning resources
232232
</Button>
233233
</Flex>

0 commit comments

Comments
 (0)