@@ -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
- }>
+ }>
app=MyApp
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
- }>
+ }>
app=MyApp
@@ -96,7 +96,7 @@ export class DescriptionListBreakpointsDemo extends Component {
Pod selector
- }>
+ }>
app=MyApp
@@ -143,7 +143,7 @@ export class DescriptionListBreakpointsDemo extends Component {
Pod selector
- }>
+ }>
app=MyApp
@@ -196,7 +196,7 @@ export class DescriptionListBreakpointsDemo extends Component {
Pod selector
- }>
+ }>
app=MyApp
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
- }>
+ }>
app=MyApp
@@ -105,7 +105,7 @@ export class DescriptionListDemo extends Component {
- }>
+ }>
app=MyApp
@@ -152,7 +152,7 @@ export class DescriptionListDemo extends Component {
Pod selector
- }>
+ }>
app=MyApp
@@ -199,7 +199,7 @@ export class DescriptionListDemo extends Component {
Pod selector
- }>
+ }>
app=MyApp
@@ -242,7 +242,7 @@ export class DescriptionListDemo extends Component {
Pod selector
- }>
+ }>
app=MyApp
@@ -286,7 +286,7 @@ export class DescriptionListDemo extends Component {
Pod selector
- }>
+ }>
app=MyApp
@@ -329,7 +329,7 @@ export class DescriptionListDemo extends Component {
Pod selector
- }>
+ }>
app=MyApp
@@ -376,7 +376,7 @@ export class DescriptionListDemo extends Component {
Pod selector
- }>
+ }>
app=MyApp
@@ -417,7 +417,7 @@ export class DescriptionListDemo extends Component {
Pod selector
- }>
+ }>
app=MyApp
@@ -458,7 +458,7 @@ export class DescriptionListDemo extends Component {
Pod selector
- }>
+ }>
app=MyApp