Skip to content

fix(icons): Replace icons in sources card, menu, attachments, links #871

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
rebeccaalpert wants to merge 2 commits into
base: main
Choose a base branch
from
Open

fix(icons): Replace icons in sources card, menu, attachments, links #871

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d6a4b33
fix(icons): Replace icons in sources card, menu, attachments, links
rebeccaalpert Jul 15, 2026
84d8220
fix carets
rebeccaalpert Jul 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
149 changes: 0 additions & 149 deletions packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/AttachMenu.tsx
View file
Open in desktop

This file was deleted.

6 changes: 3 additions & 3 deletions ...odule/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithSources.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { FunctionComponent, MouseEvent as ReactMouseEvent, KeyboardEvent as ReactKeyboardEvent } from 'react';
import Message from '@patternfly/chatbot/dist/dynamic/Message';
import { Button, Flex, FlexItem, Label, Popover } from '@patternfly/react-core';
import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
import { RhUiQuestionMarkCircleIcon } from '@patternfly/react-icons';

export const MessageWithSourcesExample: FunctionComponent = () => {
const onSetPage = (_event: ReactMouseEvent | ReactKeyboardEvent | MouseEvent, newPage: number) => {
Expand Down Expand Up @@ -51,7 +51,7 @@ export const MessageWithSourcesExample: FunctionComponent = () => {
headerContent={
<Flex gap={{ default: 'gapXs' }}>
<FlexItem>
<OutlinedQuestionCircleIcon />
<RhUiQuestionMarkCircleIcon />
</FlexItem>
<FlexItem>Why this confidence score?</FlexItem>
</Flex>
Expand All @@ -64,7 +64,7 @@ export const MessageWithSourcesExample: FunctionComponent = () => {
</>
}
>
<Button variant="link" icon={<OutlinedQuestionCircleIcon />}>
<Button variant="link" icon={<RhUiQuestionMarkCircleIcon />}>
Learn about this score
</Button>
</Popover>
Expand Down
2 changes: 1 addition & 1 deletion ...module/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 { ArrowCircleDownIcon, ArrowRightIcon, CheckCircleIcon, CopyIcon, CubeIcon, CubesIcon, DownloadIcon, InfoCircleIcon, RhUiQuestionMarkCircleIcon, RedoIcon, RobotIcon, WrenchIcon } 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';
Expand Down
10 changes: 0 additions & 10 deletions .../patternfly-docs/content/extensions/chatbot/examples/Messages/PaperclipIcon.svg
View file
Open in desktop

This file was deleted.

2 changes: 1 addition & 1 deletion ...le/patternfly-docs/content/extensions/chatbot/examples/demos/AttachmentDemos.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ import FileDetailsLabel from '@patternfly/chatbot/dist/dynamic/FileDetailsLabel'
import SourceDetailsMenuItem from '@patternfly/chatbot/dist/dynamic/SourceDetailsMenuItem';
import PreviewAttachment from '@patternfly/chatbot/dist/dynamic/PreviewAttachment';
import AttachmentEdit from '@patternfly/chatbot/dist/dynamic/AttachmentEdit';
import { BellIcon, CalendarAltIcon, ClipboardIcon, CodeIcon, UploadIcon } from '@patternfly/react-icons';
import { RhUiAttentionBellIcon, RhUiCalendarIcon, RhUiClipboardIcon, RhUiCodeIcon, RhUiUploadIcon } from '@patternfly/react-icons';
import { useDropzone } from 'react-dropzone';
import PFHorizontalLogoColor from '../UI/PF-HorizontalLogo-Color.svg';
import PFHorizontalLogoReverse from '../UI/PF-HorizontalLogo-Reverse.svg';
Expand Down
2 changes: 1 addition & 1 deletion ...ges/module/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ ChatbotHeaderCloseButton,
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 { RhUiMenuBarsIcon } from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-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 {
Expand Down
20 changes: 13 additions & 7 deletions ...odule/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,13 @@ import SourceDetailsMenuItem from '@patternfly/chatbot/dist/dynamic/SourceDetail
import ChatbotAlert from '@patternfly/chatbot/dist/dynamic/ChatbotAlert';
import { Divider, DropdownGroup, DropdownItem, DropdownList, DropEvent } from '@patternfly/react-core';
import FileDetailsLabel from '@patternfly/chatbot/dist/dynamic/FileDetailsLabel';
import { BellIcon, CalendarAltIcon, ClipboardIcon, CodeIcon, UploadIcon } from '@patternfly/react-icons';
import {
RhUiAttentionBellIcon,
RhUiCalendarIcon,
RhUiClipboardIcon,
RhUiCodeIcon,
RhUiUploadIcon
} from '@patternfly/react-icons';
import { useDropzone } from 'react-dropzone';
import userAvatar from '../Messages/user_avatar.svg';
import '@patternfly/react-core/dist/styles/base.css';
Expand Down Expand Up @@ -48,19 +54,19 @@ const initialMenuItems = [
</DropdownList>,
<DropdownGroup key="attachment-menu-example-initial-group">
<DropdownList>
<DropdownItem value="Alerts" id="1" icon={<BellIcon />}>
<DropdownItem value="Alerts" id="1" icon={<RhUiAttentionBellIcon />}>
Alerts
</DropdownItem>
<DropdownItem value="Events" id="2" icon={<CalendarAltIcon />}>
<DropdownItem value="Events" id="2" icon={<RhUiCalendarIcon />}>
Events
</DropdownItem>
<DropdownItem value="Logs" id="3" icon={<ClipboardIcon />}>
<DropdownItem value="Logs" id="3" icon={<RhUiClipboardIcon />}>
Logs
</DropdownItem>
<DropdownItem value="YAML - Status" id="4" icon={<CodeIcon />}>
<DropdownItem value="YAML - Status" id="4" icon={<RhUiCodeIcon />}>
YAML - Status
</DropdownItem>
<DropdownItem value="YAML - All contents" id="5" icon={<CodeIcon />}>
<DropdownItem value="YAML - All contents" id="5" icon={<RhUiCodeIcon />}>
YAML - All contents
</DropdownItem>
</DropdownList>
Expand Down Expand Up @@ -150,7 +156,7 @@ export const AttachmentMenuDemo: FunctionComponent = () => {
key="upload"
value="upload"
id="upload"
icon={<UploadIcon />}
icon={<RhUiUploadIcon />}
>
Upload from computer
</DropdownItem>
Expand Down
4 changes: 2 additions & 2 deletions ...s/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotDisplayMode.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ import ChatbotHeader, {
} from '@patternfly/chatbot/dist/dynamic/ChatbotHeader';
import PFIconLogoColor from '../UI/PF-IconLogo-Color.svg';
import PFIconLogoReverse from '../UI/PF-IconLogo-Reverse.svg';
import { BarsIcon } from '@patternfly/react-icons';
import { RhUiMenuBarsIcon } from '@patternfly/react-icons';
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';
Expand Down Expand Up @@ -263,7 +263,7 @@ export const ChatbotDisplayModeDemo: FunctionComponent = () => {
onSidebarToggle={() => setIsSidebarOpen(!isSidebarOpen)}
id="fill-nav-toggle"
>
<BarsIcon />
<RhUiMenuBarsIcon />
</PageToggleButton>
</MastheadToggle>
<MastheadBrand>
Expand Down
4 changes: 2 additions & 2 deletions ...ages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotInDrawer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ import ChatbotHeader, {
} from '@patternfly/chatbot/dist/dynamic/ChatbotHeader';
import PFIconLogoColor from '../UI/PF-IconLogo-Color.svg';
import PFIconLogoReverse from '../UI/PF-IconLogo-Reverse.svg';
import { BarsIcon } from '@patternfly/react-icons';
import { RhUiMenuBarsIcon } from '@patternfly/react-icons';
import userAvatar from '../Messages/user_avatar.svg';
import '@patternfly/react-core/dist/styles/base.css';
import '@patternfly/chatbot/dist/css/main.css';
Expand Down Expand Up @@ -290,7 +290,7 @@ export const EmbeddedChatbotDemo: FunctionComponent = () => {
onSidebarToggle={() => setIsSidebarOpen(!isSidebarOpen)}
id="fill-nav-toggle"
>
<BarsIcon />
<RhUiMenuBarsIcon />
</PageToggleButton>
</MastheadToggle>
<MastheadBrand>
Expand Down
4 changes: 2 additions & 2 deletions ...ages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedChatbot.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ import ChatbotHeader, {

import PFHorizontalLogoColor from '../UI/PF-HorizontalLogo-Color.svg';
import PFHorizontalLogoReverse from '../UI/PF-HorizontalLogo-Reverse.svg';
import { BarsIcon } from '@patternfly/react-icons';
import { RhUiMenuBarsIcon } from '@patternfly/react-icons';
import userAvatar from '../Messages/user_avatar.svg';
import '@patternfly/react-core/dist/styles/base.css';
import '@patternfly/chatbot/dist/css/main.css';
Expand Down Expand Up @@ -282,7 +282,7 @@ export const EmbeddedChatbotDemo: FunctionComponent = () => {
onSidebarToggle={() => setIsSidebarOpen(!isSidebarOpen)}
id="fill-nav-toggle"
>
<BarsIcon />
<RhUiMenuBarsIcon />
</PageToggleButton>
</MastheadToggle>
<MastheadBrand>
Expand Down
4 changes: 2 additions & 2 deletions ...e/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ import MessageBox from '@patternfly/chatbot/dist/dynamic/MessageBox';
import Message, { MessageProps } from '@patternfly/chatbot/dist/dynamic/Message';
import ChatbotHeader, { ChatbotHeaderMain, ChatbotHeaderTitle } from '@patternfly/chatbot/dist/dynamic/ChatbotHeader';
import Compare from '@patternfly/chatbot/dist/dynamic/Compare';
import { BarsIcon } from '@patternfly/react-icons';
import { RhUiMenuBarsIcon } from '@patternfly/react-icons';
import userAvatar from '../Messages/user_avatar.svg';
import '@patternfly/react-core/dist/styles/base.css';
import '@patternfly/chatbot/dist/css/main.css';
Expand Down Expand Up @@ -155,7 +155,7 @@ export const EmbeddedComparisonChatbotDemo: FunctionComponent = () => {
onSidebarToggle={() => setIsSidebarOpen(!isSidebarOpen)}
id="fill-nav-toggle"
>
<BarsIcon />
<RhUiMenuBarsIcon />
</PageToggleButton>
</MastheadToggle>
<MastheadBrand>
Expand Down
4 changes: 2 additions & 2 deletions ...module/patternfly-docs/content/extensions/chatbot/examples/demos/WhiteEmbeddedChatbot.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ import ChatbotHeader, {

import PFHorizontalLogoColor from '../UI/PF-HorizontalLogo-Color.svg';
import PFHorizontalLogoReverse from '../UI/PF-HorizontalLogo-Reverse.svg';
import { BarsIcon } from '@patternfly/react-icons';
import { RhUiMenuBarsIcon } from '@patternfly/react-icons';
import userAvatar from '../Messages/user_avatar.svg';
import '@patternfly/react-core/dist/styles/base.css';
import '@patternfly/chatbot/dist/css/main.css';
Expand Down Expand Up @@ -296,7 +296,7 @@ export const EmbeddedChatbotDemo: FunctionComponent = () => {
onSidebarToggle={() => setIsSidebarOpen(!isSidebarOpen)}
id="fill-nav-toggle"
>
<BarsIcon />
<RhUiMenuBarsIcon />
</PageToggleButton>
</MastheadToggle>
<MastheadBrand>
Expand Down
4 changes: 2 additions & 2 deletions packages/module/src/ChatbotHeader/ChatbotHeaderMenu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import type { Ref, FunctionComponent } from 'react';
import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';

import { Button, ButtonProps, Icon, Tooltip, TooltipProps } from '@patternfly/react-core';
import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
import { RhUiMenuBarsIcon } from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon';

export interface ChatbotHeaderMenuProps extends ButtonProps {
/** Callback function to attach to menu toggle on top right of chatbot header. */
Expand Down Expand Up @@ -69,7 +69,7 @@ const ChatbotHeaderMenuBase: FunctionComponent<ChatbotHeaderMenuProps> = ({
ref={innerRef ?? buttonRef}
icon={
<Icon size={isCompact ? 'lg' : 'xl'} isInline>
<BarsIcon />
<RhUiMenuBarsIcon />
</Icon>
}
size={isCompact ? 'sm' : undefined}
Expand Down
4 changes: 2 additions & 2 deletions packages/module/src/FileDropZone/FileDropZone.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { MultipleFileUpload, MultipleFileUploadMain } from '@patternfly/react-co
import type { FunctionComponent } from 'react';
import { useState } from 'react';
import { ChatbotDisplayMode } from '../Chatbot';
import { UploadIcon } from '@patternfly/react-icons';
import { RhUiUploadIcon } from '@patternfly/react-icons';
import { Accept, DropEvent, FileError, FileRejection } from 'react-dropzone';

export interface FileDropZoneProps {
Expand Down Expand Up @@ -59,7 +59,7 @@ const FileDropZone: FunctionComponent<FileDropZoneProps> = ({
const renderDropZone = () => (
<>
<MultipleFileUploadMain
titleIcon={<UploadIcon />}
titleIcon={<RhUiUploadIcon />}
titleText="Drag and drop your file here"
infoText={infoText}
isUploadButtonHidden
Expand Down
Loading
Loading