fix(Messages): Update icons

packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithCustomResponseActions.tsx

@@ -1,8 +1,7 @@
 import { FunctionComponent } from 'react';
 
 import Message from '@patternfly/chatbot/dist/dynamic/Message';
-import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
-import RedoIcon from '@patternfly/react-icons/dist/esm/icons/redo-icon';
+import { RhMicronsInformationFillIcon, RhUiRedoIcon } from '@patternfly/react-icons';
 
 export const CustomActionExample: FunctionComponent = () => (
   <Message
@@ -18,14 +17,14 @@ export const CustomActionExample: FunctionComponent = () => (
         onClick: () => console.log('Clicked regenerate'),
         tooltipContent: 'Regenerate',
         clickedTooltipContent: 'Regenerated',
-        icon: <RedoIcon />
+        icon: <RhUiRedoIcon />
       },
       info: {
         ariaLabel: 'Info',
         // eslint-disable-next-line no-console
         onClick: () => console.log('Clicked info'),
         tooltipContent: 'Info',
-        icon: <InfoCircleIcon />
+        icon: <RhMicronsInformationFillIcon />
       }
     }}
   />

packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithMarkdownToolResponse.tsx

@@ -1,6 +1,6 @@
 import { useState, FunctionComponent, MouseEvent as ReactMouseEvent } from 'react';
 import Message from '@patternfly/chatbot/dist/dynamic/Message';
-import { CopyIcon, WrenchIcon } from '@patternfly/react-icons';
+import { RhUiBuildFillIcon, RhUiCopyFillIcon } from '@patternfly/react-icons';
 import {
   Button,
   DescriptionList,
@@ -72,7 +72,7 @@ export const MessageWithToolResponseExample: FunctionComponent = () => {
                     }}
                   >
                     <FlexItem>
-                      <WrenchIcon
+                      <RhUiBuildFillIcon
                         style={{
                           color: 'var(--pf-t--global--icon--color--brand--default'
                         }}
@@ -102,7 +102,7 @@ export const MessageWithToolResponseExample: FunctionComponent = () => {
                 variant="plain"
                 aria-label="Copy tool response to clipboard"
                 icon={
-                  <CopyIcon
+                  <RhUiCopyFillIcon
                     style={{
                       color: 'var(--pf-t--global--icon--color--subtle)'
                     }}

packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickResponses.tsx

@@ -1,6 +1,6 @@
 import { FunctionComponent } from 'react';
 import Message from '@patternfly/chatbot/dist/dynamic/Message';
-import { CopyIcon, WrenchIcon } from '@patternfly/react-icons';
+import { RhUiBuildFillIcon, RhUiCopyFillIcon } from '@patternfly/react-icons';
 
 export const MessageWithQuickResponsesExample: FunctionComponent = () => (
   <>
@@ -73,8 +73,8 @@ export const MessageWithQuickResponsesExample: FunctionComponent = () => (
       role="bot"
       content="Example with icons"
       quickResponses={[
-        { id: '1', content: 'Update your settings', onClick: () => alert('Clicked yes'), icon: <WrenchIcon /> },
-        { id: '2', content: 'Copy', onClick: () => alert('Clicked no'), icon: <CopyIcon /> }
+        { id: '1', content: 'Update your settings', onClick: () => alert('Clicked yes'), icon: <RhUiBuildFillIcon /> },
+        { id: '2', content: 'Copy', onClick: () => alert('Clicked no'), icon: <RhUiCopyFillIcon /> }
       ]}
     />
   </>

packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithToolResponse.tsx

@@ -1,6 +1,6 @@
 import { useState, FunctionComponent, MouseEvent as ReactMouseEvent } from 'react';
 import Message from '@patternfly/chatbot/dist/dynamic/Message';
-import { CopyIcon, WrenchIcon } from '@patternfly/react-icons';
+import { RhUiBuildFillIcon, RhUiCopyFillIcon } from '@patternfly/react-icons';
 import {
   Button,
   DescriptionList,
@@ -41,7 +41,7 @@
                   <FlexItem grow={{ default: 'grow' }}>
                     <Flex gap={{ default: 'gapXs' }}>
                       <FlexItem>
-                        <WrenchIcon style={{ color: 'var(--pf-t--global--icon--color--brand--default' }} />
+                        <RhUiBuildFillIcon style={{ color: 'var(--pf-t--global--icon--color--brand--default' }} />
                       </FlexItem>
                       <FlexItem>toolName</FlexItem>
                     </Flex>
@@ -58,7 +58,7 @@
                 <Button
                   variant="plain"
                   aria-label="Copy tool response to clipboard"
-                  icon={<CopyIcon style={{ color: 'var(--pf-t--global--icon--color--subtle)' }} />}
+                  icon={<RhUiCopyFillIcon style={{ color: 'var(--pf-t--global--icon--color--subtle)' }} />}
                 ></Button>
               </FlexItem>
             </Flex>
@@ -66,11 +66,11 @@
           cardBody: (
             <>
               <DescriptionList
                 style={{ '--pf-v6-c-description-list--RowGap': 'var(--pf-t--global--spacer--md)' } as any}
                 aria-label="Tool response"
               >
                 <DescriptionListGroup
                   style={{ '--pf-v6-c-description-list__group--RowGap': 'var(--pf-t--global--spacer--xs)' } as any}
                 >
                   <DescriptionListTerm>Parameters</DescriptionListTerm>
                   <DescriptionListDescription>
@@ -104,7 +104,7 @@
                   </DescriptionListDescription>
                 </DescriptionListGroup>
                 <DescriptionListGroup
                   style={{ '--pf-v6-c-description-list__group--RowGap': 'var(--pf-t--global--spacer--xs)' } as any}
                 >
                   <DescriptionListTerm>Response</DescriptionListTerm>
                   <DescriptionListDescription>
@@ -120,7 +120,7 @@
                           '--pf-v6-c-expandable-section__content--PaddingInlineStart': 0,
                           '--pf-v6-c-expandable-section__content--TranslateY': 0,
                           '--pf-v6-c-expandable-section--m-expand-top__content--TranslateY': 0
                         } as any
                       }
                     >
                       Descriptive text about the tool response, including completion status, details on the data that
@@ -152,7 +152,7 @@
                   <FlexItem grow={{ default: 'grow' }}>
                     <Flex gap={{ default: 'gapXs' }}>
                       <FlexItem>
-                        <WrenchIcon style={{ color: 'var(--pf-t--global--icon--color--brand--default' }} />
+                        <RhUiBuildFillIcon style={{ color: 'var(--pf-t--global--icon--color--brand--default' }} />
                       </FlexItem>
                       <FlexItem>toolName</FlexItem>
                     </Flex>
@@ -169,7 +169,7 @@
                 <Button
                   variant="plain"
                   aria-label="Copy tool response to clipboard"
-                  icon={<CopyIcon style={{ color: 'var(--pf-t--global--icon--color--subtle)' }} />}
+                  icon={<RhUiCopyFillIcon style={{ color: 'var(--pf-t--global--icon--color--subtle)' }} />}
                 ></Button>
               </FlexItem>
             </Flex>
@@ -177,11 +177,11 @@
           cardBody: (
             <>
               <DescriptionList
                 style={{ '--pf-v6-c-description-list--RowGap': 'var(--pf-t--global--spacer--md)' } as any}
                 aria-label="Tool response"
               >
                 <DescriptionListGroup
                   style={{ '--pf-v6-c-description-list__group--RowGap': 'var(--pf-t--global--spacer--xs)' } as any}
                 >
                   <DescriptionListTerm>Parameters</DescriptionListTerm>
                   <DescriptionListDescription>
@@ -215,7 +215,7 @@
                   </DescriptionListDescription>
                 </DescriptionListGroup>
                 <DescriptionListGroup
                   style={{ '--pf-v6-c-description-list__group--RowGap': 'var(--pf-t--global--spacer--xs)' } as any}
                 >
                   <DescriptionListTerm>Response</DescriptionListTerm>
                   <DescriptionListDescription>
@@ -231,7 +231,7 @@
                           '--pf-v6-c-expandable-section__content--PaddingInlineStart': 0,
                           '--pf-v6-c-expandable-section__content--TranslateY': 0,
                           '--pf-v6-c-expandable-section--m-expand-top__content--TranslateY': 0
                         } as any
                       }
                     >
                       Descriptive text about the tool response, including completion status, details on the data that

packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md

@@ -50,7 +50,7 @@ import ResponseActions, { ResponseActionsGroups } from '@patternfly/chatbot/dist
 import ToolResponse from '@patternfly/chatbot/dist/dynamic/ToolResponse';
 import { rehypeCodeBlockToggle } from '@patternfly/chatbot/dist/esm/Message/Plugins/rehypeCodeBlockToggle';
 import SourcesCard from '@patternfly/chatbot/dist/dynamic/SourcesCard';
-import { ArrowCircleDownIcon, ArrowRightIcon, CheckCircleIcon, CopyIcon, CubeIcon, CubesIcon, DownloadIcon, InfoCircleIcon, OutlinedQuestionCircleIcon, RedoIcon, RobotIcon, WrenchIcon } from '@patternfly/react-icons';
+import { RhUiArrowCircleDownFillIcon, RhUiArrowRightIcon, RhUiCheckCircleFillIcon, RhUiCopyFillIcon, RhUiExportIcon, RhMicronsInformationFillIcon, OutlinedQuestionCircleIcon, RhUiRedoIcon, RhUiBuildFillIcon } from '@patternfly/react-icons';
 import patternflyAvatar from './patternfly_avatar.jpg';
 import AttachmentEdit from '@patternfly/chatbot/dist/dynamic/AttachmentEdit';
 import FileDetails from '@patternfly/chatbot/dist/dynamic/FileDetails';

packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessageWithExtraContent.tsx

@@ -39,7 +39,7 @@
   TabTitleText,
   Spinner
 } from '@patternfly/react-core';
-import { ArrowCircleDownIcon, ArrowRightIcon, CheckCircleIcon, CubeIcon, CubesIcon } from '@patternfly/react-icons';
+import { RhUiArrowCircleDownFillIcon, RhUiArrowRightIcon, RhUiCheckCircleFillIcon } from '@patternfly/react-icons';
 
 const UserActionEndContent = () => {
   // eslint-disable-next-line no-console
@@ -143,7 +143,7 @@
     const status = getStageStatus(stage);
 
     if (status === 'completed') {
-      return <CheckCircleIcon color="green" aria-label="Complete" />;
+      return <RhUiCheckCircleFillIcon color="green" aria-label="Complete" />;
     } else if (status === 'in-progress') {
       return <Spinner size="sm" aria-valuetext="In progress" />;
     } else {
@@ -184,7 +184,7 @@
     if (isSimulationRunning && !userManuallyExpandedAccordion) {
       setIsAccordionExpanded(getCurrentStage().id);
     }
   }, [progress, isSimulationRunning, userManuallyExpandedAccordion]);
 
   const onExpandCard = (_event: React.MouseEvent) => {
     setIsCardExpanded(!isCardExpanded);
@@ -374,7 +374,7 @@
           </CardBody>
         </CardExpandableContent>
         <CardFooter>
-          <Button isBlock variant="tertiary" icon={<ArrowRightIcon />} iconPosition="end">
+          <Button isBlock variant="tertiary" icon={<RhUiArrowRightIcon />} iconPosition="end">
             Open in console
           </Button>
         </CardFooter>
@@ -400,7 +400,7 @@
     setIsExpanded(isExpanded);
   };
 
   const handleTabClick = (_event: any, tabIndex: string | number) => {
     setActiveTabKey(tabIndex);
   };
 
@@ -536,34 +536,10 @@
         style={{ '--pf-v6-c-card--child--PaddingBlockEnd': 'var(--pf-t--global--spacer--md)' } as React.CSSProperties}
       >
         <Tabs activeKey={activeTabKey} onSelect={handleTabClick} aria-label="Architecture" role="region" isFilled>
-          <Tab
-            eventKey={0}
-            title={
-              <TabTitleText>
-                <Flex spaceItems={{ default: 'spaceItemsXs' }}>
-                  <FlexItem>
-                    <CubeIcon />
-                  </FlexItem>
-                  <FlexItem>Single arch</FlexItem>
-                </Flex>
-              </TabTitleText>
-            }
-          >
+          <Tab eventKey={0} title={<TabTitleText>Single arch</TabTitleText>}>
             {generateTabContent('x86_64 Intel/AMD only', 'Standard deployments • Most common choice')}
           </Tab>
-          <Tab
-            eventKey={1}
-            title={
-              <TabTitleText>
-                <Flex spaceItems={{ default: 'spaceItemsXs' }}>
-                  <FlexItem>
-                    <CubesIcon />
-                  </FlexItem>
-                  <FlexItem>Multi arch</FlexItem>
-                </Flex>
-              </TabTitleText>
-            }
-          >
+          <Tab eventKey={1} title={<TabTitleText>Multi arch</TabTitleText>}>
             {generateTabContent('Multi arch', 'Standard deployments')}
           </Tab>
         </Tabs>
@@ -584,7 +560,7 @@
         <Flex spaceItems={{ default: 'spaceItemsSm' }}>
           <FlexItem>
             <Icon size="lg" status="success">
-              <CheckCircleIcon />
+              <RhUiCheckCircleFillIcon />
             </Icon>
           </FlexItem>
           <FlexItem>Your discovery ISO is ready</FlexItem>
@@ -602,7 +578,7 @@
 
         <Flex direction={{ default: 'column' }} spaceItems={{ default: 'spaceItemsSm' }}>
           <FlexItem>
-            <Button variant={ButtonVariant.primary} icon={<ArrowCircleDownIcon />} isBlock>
+            <Button variant={ButtonVariant.primary} icon={<RhUiArrowCircleDownFillIcon />} isBlock>
               Download Discovery ISO
             </Button>
           </FlexItem>

packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md

@@ -52,8 +52,7 @@ import ExpandIcon from '@patternfly/react-icons/dist/esm/icons/expand-icon';
 import OpenDrawerRightIcon from '@patternfly/react-icons/dist/esm/icons/open-drawer-right-icon';
 import OutlinedWindowRestoreIcon from '@patternfly/react-icons/dist/esm/icons/outlined-window-restore-icon';
 import { BarsIcon } from '@patternfly/react-icons/dist/esm/icons/bars-icon';
-import { CopyIcon } from '@patternfly/react-icons/dist/esm/icons/copy-icon';
-import { WrenchIcon } from '@patternfly/react-icons/dist/esm/icons/wrench-icon';
+import { RhUiBuildFillIcon, RhUiCopyFillIcon } from '@patternfly/react-icons';
 import {
 Button,
 DescriptionList,

packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.tsx

@@ -18,8 +18,8 @@ import {
 } from '@patternfly/react-core';
 
 import { CheckIcon } from '@patternfly/react-icons/dist/esm/icons/check-icon';
-import { CopyIcon } from '@patternfly/react-icons/dist/esm/icons/copy-icon';
 import { css } from '@patternfly/react-styles';
+import { RhUiCopyFillIcon } from '@patternfly/react-icons';
 
 export interface CodeBlockMessageProps {
   /** Content rendered in code block */
@@ -142,7 +142,7 @@ const CodeBlockMessage = ({
           className="pf-chatbot__button--copy"
           onClick={(event) => handleCopy(event, children)}
         >
-          {copied ? <CheckIcon /> : <CopyIcon />}
+          {copied ? <CheckIcon /> : <RhUiCopyFillIcon />}
         </Button>
         <Tooltip id={tooltipID} content="Copy" position="top" triggerRef={buttonRef} />
       </CodeBlockAction>

packages/module/src/Message/Message.test.tsx

@@ -23,6 +23,7 @@ jest.mock('@patternfly/react-icons', () => ({
   RhUiVolumeUpFillIcon: () => <div>RhUiVolumeUpFillIcon</div>,
   RhUiExportIcon: () => <div>RhUiExportIcon</div>,
   RhUiExportFillIcon: () => <div>RhUiExportFillIcon</div>,
+  RhMicronsInformationFillIcon: () => <div>RhMicronsInformationFillIcon</div>,
   CheckIcon: () => <div>CheckIcon</div>,
   CloseIcon: () => <div>CloseIcon</div>,
   ExternalLinkSquareAltIcon: () => <div>ExternalLinkSquareAltIcon</div>,

packages/module/src/Message/QuickStarts/QuickStartTileDescription.tsx

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import { useRef } from 'react';
 import { Button, Flex, pluralize, Popover } from '@patternfly/react-core';
-import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import { RhMicronsInformationFillIcon } from '@patternfly/react-icons';
 
 interface QuickStartTileDescriptionProps {
   /** QuickStart description */
@@ -57,7 +57,7 @@ const QuickStartTileDescription: FC<QuickStartTileDescriptionProps> = ({
             }}
             aria-label={quickStartButtonAriaLabel}
           >
-            <InfoCircleIcon />
+            <RhMicronsInformationFillIcon />
           </Button>
           <Popover
             aria-label={pluralizedPrereq}