feat(misc): update status icons to rh icons

Author: kmcfaul

packages/code-connect/components/PopOver/Popover.figma.tsx

@@ -1,9 +1,9 @@
 import figma from '@figma/code-connect';
 import { Popover } from '@patternfly/react-core';
-import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
-import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
-import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
-import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
+import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
+import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon';
+import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon';
+import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon';
 import BullhornIcon from '@patternfly/react-icons/dist/esm/icons/bullhorn-icon';
 
 // TODO: DESIGN: Add buttons boolean to footerContent
@@ -46,19 +46,19 @@ figma.connect(
         },
         Success: {
           state: 'success',
-          icon: <CheckCircleIcon />
+          icon: <RhUiCheckCircleFillIcon />
         },
         Info: {
           state: 'info',
-          icon: <InfoCircleIcon />
+          icon: <RhUiInformationFillIcon />
         },
         Warning: {
           state: 'warning',
-          icon: <ExclamationTriangleIcon />
+          icon: <RhUiWarningFillIcon />
         },
         Danger: {
           state: 'danger',
-          icon: <ExclamationCircleIcon />
+          icon: <RhUiErrorFillIcon />
         }
       }),
 

packages/react-core/src/components/Alert/AlertIcon.tsx

@@ -1,17 +1,17 @@
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Alert/alert';
-import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
-import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
-import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
-import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
-import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-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 RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon';
+import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
 
 export const variantIcons = {
-  success: CheckCircleIcon,
-  danger: ExclamationCircleIcon,
-  warning: ExclamationTriangleIcon,
-  info: InfoCircleIcon,
-  custom: BellIcon
+  success: RhUiCheckCircleFillIcon,
+  danger: RhUiErrorFillIcon,
+  warning: RhUiWarningFillIcon,
+  info: RhUiInformationFillIcon,
+  custom: RhUiNotificationFillIcon
 };
 
 export interface AlertIconProps extends React.HTMLProps<HTMLDivElement> {

packages/react-core/src/components/Alert/__tests__/AlertIcon.test.tsx

@@ -3,14 +3,14 @@ import { render, screen } from '@testing-library/react';
 import { AlertIcon } from '../AlertIcon';
 import styles from '@patternfly/react-styles/css/components/Alert/alert';
 
-jest.mock('@patternfly/react-icons/dist/esm/icons/check-circle-icon', () => () => 'Check circle icon mock');
-jest.mock('@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon', () => () => 'Exclamation circle icon mock');
+jest.mock('@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon', () => () => 'Check circle icon mock');
+jest.mock('@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon', () => () => 'Exclamation circle icon mock');
 jest.mock(
-  '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon',
+  '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon',
   () => () => 'Exclamation triangle icon mock'
 );
-jest.mock('@patternfly/react-icons/dist/esm/icons/info-circle-icon', () => () => 'Info circle icon mock');
-jest.mock('@patternfly/react-icons/dist/esm/icons/bell-icon', () => () => 'Bell icon mock');
+jest.mock('@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon', () => () => 'Info circle icon mock');
+jest.mock('@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon', () => () => 'Bell icon mock');
 
 test('Renders without children', () => {
   render(

packages/react-core/src/components/Banner/examples/Banner.md

@@ -5,11 +5,11 @@ cssPrefix: pf-v6-c-banner
 propComponents: ['Banner']
 ---
 
-import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
-import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
-import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
-import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
-import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-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 RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon';
+import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
 
 ## Examples
 

packages/react-core/src/components/Banner/examples/BannerStatus.tsx

@@ -1,16 +1,16 @@
 import { Banner, Flex, FlexItem } from '@patternfly/react-core';
-import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
-import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
-import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
-import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
-import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-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 RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon';
+import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
 
 export const BannerStatus: React.FunctionComponent = () => (
   <>
     <Banner screenReaderText="Success banner" status="success">
       <Flex spaceItems={{ default: 'spaceItemsSm' }}>
         <FlexItem>
-          <CheckCircleIcon />
+          <RhUiCheckCircleFillIcon />
         </FlexItem>
         <FlexItem>Success banner</FlexItem>
       </Flex>
@@ -19,7 +19,7 @@ export const BannerStatus: React.FunctionComponent = () => (
     <Banner screenReaderText="Warning banner" status="warning">
       <Flex spaceItems={{ default: 'spaceItemsSm' }}>
         <FlexItem>
-          <ExclamationTriangleIcon />
+          <RhUiWarningFillIcon />
         </FlexItem>
         <FlexItem>Warning banner</FlexItem>
       </Flex>
@@ -28,7 +28,7 @@ export const BannerStatus: React.FunctionComponent = () => (
     <Banner screenReaderText="Danger banner" status="danger">
       <Flex spaceItems={{ default: 'spaceItemsSm' }}>
         <FlexItem>
-          <ExclamationCircleIcon />
+          <RhUiErrorFillIcon />
         </FlexItem>
         <FlexItem>Danger banner</FlexItem>
       </Flex>
@@ -37,7 +37,7 @@ export const BannerStatus: React.FunctionComponent = () => (
     <Banner screenReaderText="Info banner" status="info">
       <Flex spaceItems={{ default: 'spaceItemsSm' }}>
         <FlexItem>
-          <InfoCircleIcon />
+          <RhUiInformationFillIcon />
         </FlexItem>
         <FlexItem>Info banner</FlexItem>
       </Flex>
@@ -46,7 +46,7 @@ export const BannerStatus: React.FunctionComponent = () => (
     <Banner screenReaderText="Custom banner" status="custom">
       <Flex spaceItems={{ default: 'spaceItemsSm' }}>
         <FlexItem>
-          <BellIcon />
+          <RhUiNotificationFillIcon />
         </FlexItem>
         <FlexItem>Custom banner</FlexItem>
       </Flex>

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

@@ -13,7 +13,7 @@ import ExternalLinkSquareAltIcon from '@patternfly/react-icons/dist/esm/icons/ex
 import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
 import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
 import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
-import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
 import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
 
 ## Examples

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

@@ -2,7 +2,7 @@ import { Button, Flex } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
 import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
 import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
-import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
 import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
 
 interface LoadingPropsType {
@@ -35,19 +35,24 @@ export const ButtonCircle: React.FunctionComponent = () => {
       <Button variant="link" isCircle icon={<PlusCircleIcon />} aria-label="Add link circle variant example" />
       <Button variant="control" isCircle icon={<CopyIcon />} aria-label="Copy control circle variant example" />
       <Button variant="plain" isCircle icon={<TimesIcon />} aria-label="Remove plain circle variant example" />
-      <Button variant="stateful" isCircle icon={<BellIcon />} aria-label="Stateful unread circle variant example" />
+      <Button
+        variant="stateful"
+        isCircle
+        icon={<RhUiNotificationFillIcon />}
+        aria-label="Stateful unread circle variant example"
+      />
       <Button
         variant="stateful"
         state="read"
         isCircle
-        icon={<BellIcon />}
+        icon={<RhUiNotificationFillIcon />}
         aria-label="Stateful read circle variant example"
       />
       <Button
         variant="stateful"
         state="attention"
         isCircle
-        icon={<BellIcon />}
+        icon={<RhUiNotificationFillIcon />}
         aria-label="Stateful attention circle variant example"
       />
       <Button

packages/react-core/src/components/Button/examples/ButtonStateful.tsx

@@ -1,29 +1,29 @@
 import { Button, Flex } from '@patternfly/react-core';
-import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
 
 export const ButtonStateful: React.FunctionComponent = () => (
   <Flex>
     <div>
       <div>
         <strong>Read</strong>
       </div>
-      <Button variant="stateful" state="read" icon={<BellIcon />}>
+      <Button variant="stateful" state="read" icon={<RhUiNotificationFillIcon />}>
         10 <span className="pf-v6-screen-reader">items</span>
       </Button>
     </div>
     <div>
       <div>
         <strong>Unread</strong>
       </div>
-      <Button variant="stateful" state="unread" icon={<BellIcon />}>
+      <Button variant="stateful" state="unread" icon={<RhUiNotificationFillIcon />}>
         10 <span className="pf-v6-screen-reader">unread items</span>
       </Button>
     </div>
     <div>
       <div>
         <strong>Attention</strong>
       </div>
-      <Button variant="stateful" state="attention" icon={<BellIcon />}>
+      <Button variant="stateful" state="attention" icon={<RhUiNotificationFillIcon />}>
         10 <span className="pf-v6-screen-reader">unread items, needs attention</span>
       </Button>
     </div>

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

@@ -3,7 +3,7 @@ import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
 import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-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 BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
 
 export const ButtonVariations: React.FunctionComponent = () => (
   <>
@@ -50,13 +50,13 @@ export const ButtonVariations: React.FunctionComponent = () => (
     </Flex>
     <br />
     <Flex columnGap={{ default: 'columnGapSm' }}>
-      <Button variant="stateful" icon={<BellIcon />} state="read">
+      <Button variant="stateful" icon={<RhUiNotificationFillIcon />} state="read">
         Stateful read
       </Button>
-      <Button variant="stateful" icon={<BellIcon />} state="unread">
+      <Button variant="stateful" icon={<RhUiNotificationFillIcon />} state="unread">
         Stateful unread
       </Button>
-      <Button variant="stateful" icon={<BellIcon />} state="attention">
+      <Button variant="stateful" icon={<RhUiNotificationFillIcon />} state="attention">
         Stateful attention
       </Button>
     </Flex>

packages/react-core/src/components/EmptyState/examples/EmptyState.md

@@ -8,7 +8,6 @@ propComponents: ['EmptyState', 'EmptyStateBody', 'EmptyStateFooter', 'EmptyState
 import { useState } from 'react';
 import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
-import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
 
 ## Examples
 ### Basic