Skip to content

Commit 15a104f

Browse files
tlabajtlabaj
committed
chore(PlusCircleIcon): Replace all usages of PlusCircleIcon with RhUiAddCircleFillIcon
1 parent d2e13b5 commit 15a104f

47 files changed

Lines changed: 143 additions & 127 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

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

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

99
import { Fragment, useState } from 'react';
1010
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
11-
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
11+
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-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';
1414
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
import { Button, Flex, Tooltip } from '@patternfly/react-core';
2-
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
2+
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
33

44
export const ButtonAriaDisabled: React.FunctionComponent = () => (
55
<>
66
<Flex columnGap={{ default: 'columnGapSm' }}>
77
<Button isAriaDisabled>Primary aria disabled</Button>
8-
<Button isAriaDisabled variant="link" icon={<PlusCircleIcon />}>
8+
<Button isAriaDisabled variant="link" icon={<RhUiAddCircleFillIcon />}>
99
Link aria disabled
1010
</Button>
1111
<Button isAriaDisabled variant="link" isInline>

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

Lines changed: 22 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { Button, Flex } from '@patternfly/react-core';
22
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
3-
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
3+
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
44
import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
55
import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
66
import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
@@ -22,17 +22,32 @@ export const ButtonCircle: React.FunctionComponent = () => {
2222

2323
return (
2424
<Flex columnGap={{ default: 'columnGapSm' }}>
25-
<Button isCircle icon={<PlusCircleIcon />} aria-label="Add primary circle variant example" />
25+
<Button isCircle icon={<RhUiAddCircleFillIcon />} aria-label="Add primary circle variant example" />
2626
<Button
2727
variant="secondary"
2828
isCircle
29-
icon={<PlusCircleIcon />}
29+
icon={<RhUiAddCircleFillIcon />}
3030
aria-label="Add secondary circle variant example"
3131
/>
32-
<Button variant="tertiary" isCircle icon={<PlusCircleIcon />} aria-label="Add tertiary circle variant example" />
33-
<Button variant="danger" isCircle icon={<PlusCircleIcon />} aria-label="Add danger circle variant example" />
34-
<Button variant="warning" isCircle icon={<PlusCircleIcon />} aria-label="Add warning circle variant example" />
35-
<Button variant="link" isCircle icon={<PlusCircleIcon />} aria-label="Add link circle variant example" />
32+
<Button
33+
variant="tertiary"
34+
isCircle
35+
icon={<RhUiAddCircleFillIcon />}
36+
aria-label="Add tertiary circle variant example"
37+
/>
38+
<Button
39+
variant="danger"
40+
isCircle
41+
icon={<RhUiAddCircleFillIcon />}
42+
aria-label="Add danger circle variant example"
43+
/>
44+
<Button
45+
variant="warning"
46+
isCircle
47+
icon={<RhUiAddCircleFillIcon />}
48+
aria-label="Add warning circle variant example"
49+
/>
50+
<Button variant="link" isCircle icon={<RhUiAddCircleFillIcon />} aria-label="Add link circle variant example" />
3651
<Button variant="control" isCircle icon={<CopyIcon />} aria-label="Copy control circle variant example" />
3752
<Button variant="plain" isCircle icon={<RhMicronsCloseIcon />} aria-label="Remove plain circle variant example" />
3853
<Button

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { Button, Flex } from '@patternfly/react-core';
22
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
3-
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
3+
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
44
import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
55

66
export const ButtonDisabled: React.FunctionComponent = () => (
@@ -25,7 +25,7 @@ export const ButtonDisabled: React.FunctionComponent = () => (
2525
</Flex>
2626
<br />
2727
<Flex columnGap={{ default: 'columnGapSm' }}>
28-
<Button isDisabled variant="link" icon={<PlusCircleIcon />}>
28+
<Button isDisabled variant="link" icon={<RhUiAddCircleFillIcon />}>
2929
Link
3030
</Button>
3131
<Button isDisabled variant="link" isInline>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { Button, Flex } from '@patternfly/react-core';
22
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
3-
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
3+
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
44
import ExternalLinkSquareAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-square-alt-icon';
55
import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
66
import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
@@ -29,7 +29,7 @@ export const ButtonVariations: React.FunctionComponent = () => (
2929
</Flex>
3030
<br />
3131
<Flex columnGap={{ default: 'columnGapSm' }}>
32-
<Button variant="link" icon={<PlusCircleIcon />}>
32+
<Button variant="link" icon={<RhUiAddCircleFillIcon />}>
3333
Link
3434
</Button>
3535
<Button variant="link" icon={<ExternalLinkSquareAltIcon />} iconPosition="end">

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ propComponents:
1717

1818
import { useState } from 'react';
1919
import { Button, DescriptionList, DescriptionListTerm, DescriptionListDescription, DescriptionListGroup, DescriptionListTermHelpText, DescriptionListTermHelpTextButton, Popover, Checkbox, Card } from '@patternfly/react-core';
20-
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
20+
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';
2323
import KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon';

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {
55
DescriptionListGroup,
66
DescriptionListDescription
77
} from '@patternfly/react-core';
8-
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
8+
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
99

1010
export const DescriptionListAutoFitBasic: React.FunctionComponent = () => (
1111
<DescriptionList isAutoFit aria-label="Basic auto-fit">
@@ -26,7 +26,7 @@ export const DescriptionListAutoFitBasic: React.FunctionComponent = () => (
2626
<DescriptionListGroup>
2727
<DescriptionListTerm>Pod selector</DescriptionListTerm>
2828
<DescriptionListDescription>
29-
<Button variant="link" isInline icon={<PlusCircleIcon />}>
29+
<Button variant="link" isInline icon={<RhUiAddCircleFillIcon />}>
3030
app=MyApp
3131
</Button>
3232
</DescriptionListDescription>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {
55
DescriptionListGroup,
66
DescriptionListDescription
77
} from '@patternfly/react-core';
8-
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
8+
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
99

1010
export const DescriptionListAutoFitMinWidthModified: React.FunctionComponent = () => (
1111
<DescriptionList
@@ -30,7 +30,7 @@ export const DescriptionListAutoFitMinWidthModified: React.FunctionComponent = (
3030
<DescriptionListGroup>
3131
<DescriptionListTerm>Pod selector</DescriptionListTerm>
3232
<DescriptionListDescription>
33-
<Button variant="link" isInline icon={<PlusCircleIcon />}>
33+
<Button variant="link" isInline icon={<RhUiAddCircleFillIcon />}>
3434
app=MyApp
3535
</Button>
3636
</DescriptionListDescription>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {
55
DescriptionListGroup,
66
DescriptionListDescription
77
} from '@patternfly/react-core';
8-
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
8+
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
99

1010
export const DescriptionListAutoFitMinWidthResponsive: React.FunctionComponent = () => (
1111
<DescriptionList
@@ -30,7 +30,7 @@ export const DescriptionListAutoFitMinWidthResponsive: React.FunctionComponent =
3030
<DescriptionListGroup>
3131
<DescriptionListTerm>Pod selector</DescriptionListTerm>
3232
<DescriptionListDescription>
33-
<Button variant="link" isInline icon={<PlusCircleIcon />}>
33+
<Button variant="link" isInline icon={<RhUiAddCircleFillIcon />}>
3434
app=MyApp
3535
</Button>
3636
</DescriptionListDescription>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {
55
DescriptionListGroup,
66
DescriptionListDescription
77
} from '@patternfly/react-core';
8-
import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
8+
import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon';
99

1010
export const DescriptionListBasic: React.FunctionComponent = () => (
1111
<DescriptionList aria-label="Basic example">
@@ -26,7 +26,7 @@ export const DescriptionListBasic: React.FunctionComponent = () => (
2626
<DescriptionListGroup>
2727
<DescriptionListTerm>Pod selector</DescriptionListTerm>
2828
<DescriptionListDescription>
29-
<Button variant="link" isInline icon={<PlusCircleIcon />}>
29+
<Button variant="link" isInline icon={<RhUiAddCircleFillIcon />}>
3030
app=MyApp
3131
</Button>
3232
</DescriptionListDescription>

0 commit comments

Comments
 (0)