From 15a104f1c6f7622294cecd0c8a61908e4e96e169 Mon Sep 17 00:00:00 2001 From: Titani Date: Tue, 21 Apr 2026 14:36:12 -0400 Subject: [PATCH] chore(PlusCircleIcon): Replace all usages of PlusCircleIcon with RhUiAddCircleFillIcon --- .../src/components/Button/examples/Button.md | 2 +- .../Button/examples/ButtonAriaDisabled.tsx | 4 +-- .../Button/examples/ButtonCircle.tsx | 29 ++++++++++++++----- .../Button/examples/ButtonDisabled.tsx | 4 +-- .../Button/examples/ButtonVariations.tsx | 4 +-- .../examples/DescriptionList.md | 2 +- .../examples/DescriptionListAutoFitBasic.tsx | 4 +-- ...DescriptionListAutoFitMinWidthModified.tsx | 4 +-- ...scriptionListAutoFitMinWidthResponsive.tsx | 4 +-- .../examples/DescriptionListBasic.tsx | 4 +-- .../examples/DescriptionListColumnFill.tsx | 4 +-- .../examples/DescriptionListCompact.tsx | 4 +-- .../DescriptionListCompactHorizontal.tsx | 4 +-- .../DescriptionListDefaultAutoColumn.tsx | 4 +-- .../DescriptionListDefaultInlineGrid.tsx | 4 +-- ...escriptionListDefaultResponsiveColumns.tsx | 4 +-- .../DescriptionListDefaultThreeColLg.tsx | 4 +-- .../examples/DescriptionListDefaultTwoCol.tsx | 4 +-- ...tDisplaySizeAndCardHorizontalTermWidth.tsx | 4 +-- ...ptionListDisplaySizeAndCardThreeColumn.tsx | 4 +-- .../DescriptionListFluidHorizontal.tsx | 4 +-- .../examples/DescriptionListHorizontal.tsx | 4 +-- .../DescriptionListHorizontalAutoColumn.tsx | 4 +-- ...scriptionListHorizontalCustomTermWidth.tsx | 4 +-- ...riptionListHorizontalResponsiveColumns.tsx | 4 +-- .../DescriptionListHorizontalThreeColLg.tsx | 4 +-- .../DescriptionListHorizontalTwoCol.tsx | 4 +-- .../examples/DescriptionListIconsOnTerms.tsx | 4 +-- ...DescriptionListResponsiveHoriVertGroup.tsx | 4 +-- .../examples/DescriptionListWithCard.tsx | 4 +-- .../DescriptionListWithLargeDisplaySize.tsx | 4 +-- ...riptionListWithLargeDisplaySizeAndCard.tsx | 4 +-- .../DescriptionListWithTermHelpText.tsx | 4 +-- .../Icon/examples/BodyIconSizes.tsx | 8 ++--- .../Icon/examples/HeadingIconSizes.tsx | 14 ++++----- .../src/components/Icon/examples/Icon.md | 2 +- .../Icon/examples/IconContentSizes.tsx | 10 +++---- .../components/Icon/examples/IconInline.tsx | 20 ++++++------- .../Icon/examples/StandaloneIconSizes.tsx | 14 ++++----- .../react-core/src/demos/CardView/CardView.md | 2 +- .../src/demos/CardView/examples/CardView.tsx | 4 +-- .../demos/DescriptionList/DescriptionList.md | 2 +- .../examples/DescriptionListInDrawer.tsx | 4 +-- .../react-icons/scripts/icons/pfToRhIcons.mjs | 1 + .../demos/ButtonDemo/ButtonDemo.tsx | 4 +-- .../DescriptionListBreakpointsDemo.tsx | 10 +++---- .../DescriptionListDemo.tsx | 22 +++++++------- 47 files changed, 143 insertions(+), 127 deletions(-) diff --git a/packages/react-core/src/components/Button/examples/Button.md b/packages/react-core/src/components/Button/examples/Button.md index 4d2e3705351..d5779bbb97a 100644 --- a/packages/react-core/src/components/Button/examples/Button.md +++ b/packages/react-core/src/components/Button/examples/Button.md @@ -8,7 +8,7 @@ ouia: true import { Fragment, useState } from 'react'; import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; import ExternalLinkSquareAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-square-alt-icon'; import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon'; diff --git a/packages/react-core/src/components/Button/examples/ButtonAriaDisabled.tsx b/packages/react-core/src/components/Button/examples/ButtonAriaDisabled.tsx index 9e9d0fa1ef5..b1be6cb6990 100644 --- a/packages/react-core/src/components/Button/examples/ButtonAriaDisabled.tsx +++ b/packages/react-core/src/components/Button/examples/ButtonAriaDisabled.tsx @@ -1,11 +1,11 @@ import { Button, Flex, Tooltip } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const ButtonAriaDisabled: React.FunctionComponent = () => ( <> - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthModified.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthModified.tsx index 31557e967da..d5d975f0594 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthModified.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthModified.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListAutoFitMinWidthModified: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthResponsive.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthResponsive.tsx index 8c69338f169..90102a75d18 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthResponsive.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthResponsive.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListAutoFitMinWidthResponsive: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListBasic.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListBasic.tsx index c70e5de493f..a23519f6478 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListBasic.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListBasic.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListBasic: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListBasic: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListColumnFill.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListColumnFill.tsx index db9338abf52..041942713d2 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListColumnFill.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListColumnFill.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListColumnFill: React.FunctionComponent = () => ( @@ -28,7 +28,7 @@ export const DescriptionListColumnFill: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompact.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompact.tsx index 8765496a3c4..dcd0a6a1d45 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompact.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompact.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListCompact: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListCompact: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompactHorizontal.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompactHorizontal.tsx index 49643088537..7d2781b1dc4 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompactHorizontal.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListCompactHorizontal.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListCompactHorizontal: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListCompactHorizontal: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultAutoColumn.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultAutoColumn.tsx index 96905bcc0e8..f9ccbdd4366 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultAutoColumn.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultAutoColumn.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDefaultAutoColumn: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListDefaultAutoColumn: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultInlineGrid.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultInlineGrid.tsx index 58056406c70..463a7abd294 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultInlineGrid.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultInlineGrid.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDefaultInlineGrid: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListDefaultInlineGrid: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultResponsiveColumns.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultResponsiveColumns.tsx index 65d5efd10d8..6c6060a734a 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultResponsiveColumns.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultResponsiveColumns.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDefaultResponsiveColumns: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListDefaultResponsiveColumns: React.FunctionComponent = Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultThreeColLg.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultThreeColLg.tsx index 1710213bb32..13cfdded80f 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultThreeColLg.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultThreeColLg.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDefaultThreeColLg: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListDefaultThreeColLg: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultTwoCol.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultTwoCol.tsx index 064287aeba7..cc57b073d37 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultTwoCol.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDefaultTwoCol.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDefaultTwoCol: React.FunctionComponent = () => ( ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardHorizontalTermWidth.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardHorizontalTermWidth.tsx index 57bd58c13ae..eedfa6ad336 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardHorizontalTermWidth.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardHorizontalTermWidth.tsx @@ -1,5 +1,5 @@ import { Button, DescriptionList, DescriptionListTerm, DescriptionListDescription, Card } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDisplaySizeAndCardHorizontalTermWidth: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardThreeColumn.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardThreeColumn.tsx index 0b8d4a524a6..da2685ff06b 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardThreeColumn.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardThreeColumn.tsx @@ -1,5 +1,5 @@ import { Button, DescriptionList, DescriptionListTerm, DescriptionListDescription, Card } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListDisplayLgAndCardThreeColumn: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListFluidHorizontal.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListFluidHorizontal.tsx index 599c7c59154..e3e6c97325c 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListFluidHorizontal.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListFluidHorizontal.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListFluidHorizontal: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListFluidHorizontal: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontal.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontal.tsx index f52258723a9..c36d0170b2b 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontal.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontal.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListHorizontal: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListHorizontal: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalAutoColumn.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalAutoColumn.tsx index 5964f6b34d4..12699d16a82 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalAutoColumn.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalAutoColumn.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListHorizontalAutoColumn: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalCustomTermWidth.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalCustomTermWidth.tsx index 7cc1da3685f..e3308dd6d59 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalCustomTermWidth.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalCustomTermWidth.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListHorizontalCustomTermWidth: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalResponsiveColumns.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalResponsiveColumns.tsx index 2a2cca30607..be578e313a3 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalResponsiveColumns.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalResponsiveColumns.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListHorizontalResponsiveColumns: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListHorizontalResponsiveColumns: React.FunctionComponent Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalThreeColLg.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalThreeColLg.tsx index 16da875f514..20a6585dcab 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalThreeColLg.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalThreeColLg.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListHorizontalThreeColLg: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListHorizontalThreeColLg: React.FunctionComponent = () = Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalTwoCol.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalTwoCol.tsx index 2316a8e2df1..9276f1002c0 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalTwoCol.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListHorizontalTwoCol.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListHorizontalTwoCol: React.FunctionComponent = () => ( @@ -26,7 +26,7 @@ export const DescriptionListHorizontalTwoCol: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListIconsOnTerms.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListIconsOnTerms.tsx index 30a41177d65..f74270cd00e 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListIconsOnTerms.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListIconsOnTerms.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import BookIcon from '@patternfly/react-icons/dist/esm/icons/book-icon'; import KeyIcon from '@patternfly/react-icons/dist/esm/icons/key-icon'; @@ -31,7 +31,7 @@ export const DescriptionListIconsOnTerms: React.FunctionComponent = () => ( }>Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListResponsiveHoriVertGroup.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListResponsiveHoriVertGroup.tsx index 3205ca78ea8..a57caab2179 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListResponsiveHoriVertGroup.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListResponsiveHoriVertGroup.tsx @@ -5,7 +5,7 @@ import { DescriptionListGroup, DescriptionListDescription } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListResponsiveHoriVertGroup: React.FunctionComponent = () => ( Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithCard.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithCard.tsx index 3f1032f50ec..57bba6e38ad 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithCard.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithCard.tsx @@ -7,7 +7,7 @@ import { Card, Checkbox } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListWithCard: React.FunctionComponent = () => { const [isChecked, setIsChecked] = useState(false); @@ -47,7 +47,7 @@ export const DescriptionListWithCard: React.FunctionComponent = () => { Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySize.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySize.tsx index 0e818e1898e..2c36dfa4adb 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySize.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySize.tsx @@ -7,7 +7,7 @@ import { DescriptionListDescription, Checkbox } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListWithLargeDisplaySize: React.FunctionComponent = () => { const [isChecked, setIsChecked] = useState(false); @@ -48,7 +48,7 @@ export const DescriptionListWithLargeDisplaySize: React.FunctionComponent = () = Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySizeAndCard.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySizeAndCard.tsx index 04f22ab5fda..2a25a652870 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySizeAndCard.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySizeAndCard.tsx @@ -7,7 +7,7 @@ import { Card, Checkbox } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListWithLargeDisplaySizeAndCard: React.FunctionComponent = () => { const [isChecked, setIsChecked] = useState(false); @@ -52,7 +52,7 @@ export const DescriptionListWithLargeDisplaySizeAndCard: React.FunctionComponent Pod selector - diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithTermHelpText.tsx b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithTermHelpText.tsx index 0ca5ef59048..a5e8c1f7f1a 100644 --- a/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithTermHelpText.tsx +++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionListWithTermHelpText.tsx @@ -7,7 +7,7 @@ import { DescriptionListTermHelpTextButton, Popover } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListWithTermHelpText: React.FunctionComponent = () => ( @@ -44,7 +44,7 @@ export const DescriptionListWithTermHelpText: React.FunctionComponent = () => ( - diff --git a/packages/react-core/src/components/Icon/examples/BodyIconSizes.tsx b/packages/react-core/src/components/Icon/examples/BodyIconSizes.tsx index e73b3a38326..55cf74be2e4 100644 --- a/packages/react-core/src/components/Icon/examples/BodyIconSizes.tsx +++ b/packages/react-core/src/components/Icon/examples/BodyIconSizes.tsx @@ -1,17 +1,17 @@ import { Fragment } from 'react'; import { Icon } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const BodyIconSizes: React.FunctionComponent = () => ( - + {' '} - + {' '} - + ); diff --git a/packages/react-core/src/components/Icon/examples/HeadingIconSizes.tsx b/packages/react-core/src/components/Icon/examples/HeadingIconSizes.tsx index ecfd754b517..8fc13727503 100644 --- a/packages/react-core/src/components/Icon/examples/HeadingIconSizes.tsx +++ b/packages/react-core/src/components/Icon/examples/HeadingIconSizes.tsx @@ -1,26 +1,26 @@ import { Fragment } from 'react'; import { Icon } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const HeadingIconSizes: React.FunctionComponent = () => ( - + {' '} - + {' '} - + {' '} - + {' '} - + {' '} - + ); diff --git a/packages/react-core/src/components/Icon/examples/Icon.md b/packages/react-core/src/components/Icon/examples/Icon.md index 2212d1535b6..4728005ecbe 100644 --- a/packages/react-core/src/components/Icon/examples/Icon.md +++ b/packages/react-core/src/components/Icon/examples/Icon.md @@ -10,7 +10,7 @@ import LongArrowAltDownIcon from '@patternfly/react-icons/dist/esm/icons/long-ar import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; diff --git a/packages/react-core/src/components/Icon/examples/IconContentSizes.tsx b/packages/react-core/src/components/Icon/examples/IconContentSizes.tsx index 26b78557a58..d6a9460cc73 100644 --- a/packages/react-core/src/components/Icon/examples/IconContentSizes.tsx +++ b/packages/react-core/src/components/Icon/examples/IconContentSizes.tsx @@ -1,20 +1,20 @@ import { Fragment } from 'react'; import { Icon } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const IconContentSizes: React.FunctionComponent = () => ( - + {' '} - + {' '} - + {' '} - + ); diff --git a/packages/react-core/src/components/Icon/examples/IconInline.tsx b/packages/react-core/src/components/Icon/examples/IconInline.tsx index db07fb69ec8..00503ce6dbf 100644 --- a/packages/react-core/src/components/Icon/examples/IconInline.tsx +++ b/packages/react-core/src/components/Icon/examples/IconInline.tsx @@ -1,6 +1,6 @@ import { Fragment } from 'react'; import { Icon, Content } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const IconInline: React.FunctionComponent = () => ( @@ -8,25 +8,25 @@ export const IconInline: React.FunctionComponent = () => (

Heading - +

Lorem ipsum dolor sit amet, consectetur adipiscing elit Sed hendrerit nisi in cursus maximus.

Second level - +

- + Curabitur accumsan turpis pharetra augue tincidunt - + blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus @@ -35,24 +35,24 @@ export const IconInline: React.FunctionComponent = () => ( Sometimes you need small text - + Inline with size specified: - + small, - + medium, - + large, - + extra large diff --git a/packages/react-core/src/components/Icon/examples/StandaloneIconSizes.tsx b/packages/react-core/src/components/Icon/examples/StandaloneIconSizes.tsx index 874c3490bf0..686a8c8d0f9 100644 --- a/packages/react-core/src/components/Icon/examples/StandaloneIconSizes.tsx +++ b/packages/react-core/src/components/Icon/examples/StandaloneIconSizes.tsx @@ -1,26 +1,26 @@ import { Fragment } from 'react'; import { Icon } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const StandaloneIconSizes: React.FunctionComponent = () => ( - + {' '} - + {' '} - + {' '} - + {' '} - + {' '} - + ); diff --git a/packages/react-core/src/demos/CardView/CardView.md b/packages/react-core/src/demos/CardView/CardView.md index eb07d11f1c5..cc4859c20c1 100644 --- a/packages/react-core/src/demos/CardView/CardView.md +++ b/packages/react-core/src/demos/CardView/CardView.md @@ -5,7 +5,7 @@ section: patterns import { Fragment, useState } from 'react'; import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; import pfIcon from '../assets/pf-logo-small.svg'; import activeMQIcon from '../assets/activemq-core_200x150.png'; import avroIcon from '../assets/camel-avro_200x150.png'; diff --git a/packages/react-core/src/demos/CardView/examples/CardView.tsx b/packages/react-core/src/demos/CardView/examples/CardView.tsx index 2ebb1370775..256f22aa8e7 100644 --- a/packages/react-core/src/demos/CardView/examples/CardView.tsx +++ b/packages/react-core/src/demos/CardView/examples/CardView.tsx @@ -35,7 +35,7 @@ import { MenuToggleElement } from '@patternfly/react-core'; import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; import pfIcon from './assets/pf-logo-small.svg'; import activeMQIcon from './assets/activemq-core_200x150.png'; import avroIcon from './assets/camel-avro_200x150.png'; @@ -481,7 +481,7 @@ export const CardViewBasic: React.FunctionComponent = () => { diff --git a/packages/react-core/src/demos/DescriptionList/DescriptionList.md b/packages/react-core/src/demos/DescriptionList/DescriptionList.md index 811d54c0fb6..2d6dd22034d 100644 --- a/packages/react-core/src/demos/DescriptionList/DescriptionList.md +++ b/packages/react-core/src/demos/DescriptionList/DescriptionList.md @@ -5,7 +5,7 @@ section: components import { useRef, useState } from 'react'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; ## Demos diff --git a/packages/react-core/src/demos/DescriptionList/examples/DescriptionListInDrawer.tsx b/packages/react-core/src/demos/DescriptionList/examples/DescriptionListInDrawer.tsx index 186468edcd2..5dc7c2a7a1c 100644 --- a/packages/react-core/src/demos/DescriptionList/examples/DescriptionListInDrawer.tsx +++ b/packages/react-core/src/demos/DescriptionList/examples/DescriptionListInDrawer.tsx @@ -18,7 +18,7 @@ import { Title } from '@patternfly/react-core'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; export const DescriptionListInDrawer: React.FunctionComponent = () => { const drawerRef = useRef(null); @@ -89,7 +89,7 @@ export const DescriptionListInDrawer: React.FunctionComponent = () => { Pod selector - diff --git a/packages/react-icons/scripts/icons/pfToRhIcons.mjs b/packages/react-icons/scripts/icons/pfToRhIcons.mjs index fcc85253194..59e456ea5d7 100644 --- a/packages/react-icons/scripts/icons/pfToRhIcons.mjs +++ b/packages/react-icons/scripts/icons/pfToRhIcons.mjs @@ -114,6 +114,7 @@ export const pfToRhIcons = { PficonTemplateIcon: { name: 'rh-ui-template', icon: getIconData('rh-ui-template') }, PficonVcenterIcon: { name: 'rh-ui-virtual-machine-center', icon: getIconData('rh-ui-virtual-machine-center') }, PlayIcon: { name: 'rh-ui-play', icon: getIconData('rh-ui-play') }, + PlusCircleIcon: { name: 'rh-ui-add-circle-fill', icon: getIconData('rh-ui-add-circle-fill') }, PlusIcon: { name: 'rh-ui-add', icon: getIconData('rh-ui-add') }, PortIcon: { name: 'rh-ui-port', icon: getIconData('rh-ui-port') }, PowerOffIcon: { name: 'rh-ui-power', icon: getIconData('rh-ui-power') }, diff --git a/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx index 99a966cde00..351c0e6deda 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx @@ -1,6 +1,6 @@ import { Component } from 'react'; import { Button, ButtonProps, ButtonSize, Tooltip } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; import '@patternfly/react-styles/css/utilities/Spacing/spacing.css'; import { Link } from 'react-router-dom'; @@ -31,7 +31,7 @@ export class ButtonDemo extends Component { linkButton: ButtonProps = { className: spacing.mSm, component: 'button', - icon: , + icon: , onKeyPress: () => { window.location.href = 'https://github.com/patternfly/patternfly-react'; }, diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DescriptionListDemo/DescriptionListBreakpointsDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DescriptionListDemo/DescriptionListBreakpointsDemo.tsx index 3a020582ef8..ece5003e0d8 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DescriptionListDemo/DescriptionListBreakpointsDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DescriptionListDemo/DescriptionListBreakpointsDemo.tsx @@ -9,7 +9,7 @@ import { Title, Divider } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; import { Component } from 'react'; export class DescriptionListBreakpointsDemo extends Component { @@ -49,7 +49,7 @@ export class DescriptionListBreakpointsDemo extends Component { Pod selector - @@ -96,7 +96,7 @@ export class DescriptionListBreakpointsDemo extends Component { Pod selector - @@ -143,7 +143,7 @@ export class DescriptionListBreakpointsDemo extends Component { Pod selector - @@ -196,7 +196,7 @@ export class DescriptionListBreakpointsDemo extends Component { Pod selector - diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DescriptionListDemo/DescriptionListDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DescriptionListDemo/DescriptionListDemo.tsx index 08765d31208..3f428f5cb9e 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DescriptionListDemo/DescriptionListDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DescriptionListDemo/DescriptionListDemo.tsx @@ -12,7 +12,7 @@ import { Divider, Popover } from '@patternfly/react-core'; -import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon'; +import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; import { Component } from 'react'; export class DescriptionListDemo extends Component { @@ -47,7 +47,7 @@ export class DescriptionListDemo extends Component { Pod selector - @@ -105,7 +105,7 @@ export class DescriptionListDemo extends Component { - @@ -152,7 +152,7 @@ export class DescriptionListDemo extends Component { Pod selector - @@ -199,7 +199,7 @@ export class DescriptionListDemo extends Component { Pod selector - @@ -242,7 +242,7 @@ export class DescriptionListDemo extends Component { Pod selector - @@ -286,7 +286,7 @@ export class DescriptionListDemo extends Component { Pod selector - @@ -329,7 +329,7 @@ export class DescriptionListDemo extends Component { Pod selector - @@ -376,7 +376,7 @@ export class DescriptionListDemo extends Component { Pod selector - @@ -417,7 +417,7 @@ export class DescriptionListDemo extends Component { Pod selector - @@ -458,7 +458,7 @@ export class DescriptionListDemo extends Component { Pod selector -