From b69b6a0dd71be6fef2fda54779a554105f8909d8 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Wed, 17 Jun 2026 15:14:40 -0400 Subject: [PATCH] fix(HelpIcon): Replace HelpIcon with RhUiQuestionMarkCircleIcon Co-authored-by: Cursor --- .../src/components/CodeEditor/CodeEditor.tsx | 4 ++-- .../react-core/src/components/Form/FormGroupLabelHelp.tsx | 4 ++-- packages/react-core/src/components/Form/examples/Form.md | 2 +- packages/react-core/src/components/Modal/examples/Modal.md | 2 +- .../src/components/Modal/examples/ModalWithHelp.tsx | 4 ++-- packages/react-core/src/components/Tabs/examples/Tabs.md | 2 +- .../react-core/src/components/Tabs/examples/TabsHelp.tsx | 4 ++-- .../src/components/Tabs/examples/TabsHelpAndClose.tsx | 4 ++-- packages/react-core/src/demos/DashboardHeader.tsx | 4 ++-- packages/react-core/src/demos/Masthead.md | 2 +- packages/react-core/src/demos/Nav.md | 2 +- .../src/demos/NotificationDrawer/NotificationDrawer.md | 2 +- .../NotificationDrawer/examples/NotificationDrawerBasic.tsx | 4 ++-- .../examples/NotificationDrawerGrouped.tsx | 4 ++-- packages/react-core/src/demos/Page.md | 2 +- packages/react-core/src/demos/PasswordStrength.md | 2 +- packages/react-core/src/demos/RTL/RTL.md | 2 +- .../react-core/src/demos/RTL/examples/PaginatedTable.tsx | 6 +++--- .../demos/examples/Masthead/MastheadWithHorizontalNav.tsx | 4 ++-- .../Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx | 4 ++-- packages/react-core/src/demos/examples/Nav/NavFlyout.tsx | 4 ++-- .../react-core/src/demos/examples/Nav/NavHorizontal.tsx | 4 ++-- .../src/demos/examples/Nav/NavHorizontalWithSubnav.tsx | 4 ++-- packages/react-core/src/demos/examples/Nav/NavManual.tsx | 4 ++-- .../src/demos/examples/Page/PageContextSelector.tsx | 4 ++-- .../src/demos/examples/Page/PageStickySectionBreadcrumb.tsx | 4 ++-- .../src/demos/examples/Page/PageStickySectionGroup.tsx | 4 ++-- .../demos/examples/Page/PageStickySectionGroupAlternate.tsx | 4 ++-- .../src/deprecated/components/Modal/examples/Modal.md | 2 +- .../deprecated/components/Modal/examples/ModalWithHelp.tsx | 4 ++-- .../src/components/Table/HeaderCellInfoWrapper.tsx | 6 +++--- packages/react-table/src/demos/DashboardHeader.tsx | 4 ++-- packages/react-table/src/demos/Table.md | 2 +- 33 files changed, 57 insertions(+), 57 deletions(-) diff --git a/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx b/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx index cfadb403965..dca3c2dfad5 100644 --- a/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx @@ -20,7 +20,7 @@ import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy- import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon'; import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; +import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; import Dropzone, { FileRejection } from 'react-dropzone'; import { CodeEditorContext } from './CodeEditorUtils'; import { CodeEditorControl } from './CodeEditorControl'; @@ -564,7 +564,7 @@ export const CodeEditor = ({ {!!shortcutsPopoverProps.bodyContent && (
- diff --git a/packages/react-core/src/components/Form/FormGroupLabelHelp.tsx b/packages/react-core/src/components/Form/FormGroupLabelHelp.tsx index 0fe3089eac7..286fd5df9d9 100644 --- a/packages/react-core/src/components/Form/FormGroupLabelHelp.tsx +++ b/packages/react-core/src/components/Form/FormGroupLabelHelp.tsx @@ -1,7 +1,7 @@ import { forwardRef, useRef } from 'react'; import { Button, ButtonProps } from '../Button'; import { KeyTypes } from '../../helpers/constants'; -import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; +import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; /** A help button to be passed to the FormGroup's labelHelp property. This should be wrapped or linked * to our Popover component. @@ -45,7 +45,7 @@ const FormGroupLabelHelpBase: React.FunctionComponent = variant="plain" hasNoPadding {...props} - icon={} + icon={} /> ); }; diff --git a/packages/react-core/src/components/Form/examples/Form.md b/packages/react-core/src/components/Form/examples/Form.md index e5560cb4df3..9fab2d3000b 100644 --- a/packages/react-core/src/components/Form/examples/Form.md +++ b/packages/react-core/src/components/Form/examples/Form.md @@ -24,7 +24,7 @@ propComponents: import { useRef, useEffect, useState } from 'react'; import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; -import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; +import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon'; import styles from '@patternfly/react-styles/css/components/Form/form'; diff --git a/packages/react-core/src/components/Modal/examples/Modal.md b/packages/react-core/src/components/Modal/examples/Modal.md index 1f4c3a8fb2b..8ed3af8a48f 100644 --- a/packages/react-core/src/components/Modal/examples/Modal.md +++ b/packages/react-core/src/components/Modal/examples/Modal.md @@ -10,7 +10,7 @@ import { Fragment, useRef, useState } from 'react'; import WarningTriangleIcon from '@patternfly/react-icons/dist/esm/icons/warning-triangle-icon'; import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import RhUiAttentionBellFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-fill-icon'; -import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; +import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; import formStyles from '@patternfly/react-styles/css/components/Form/form'; ## Examples diff --git a/packages/react-core/src/components/Modal/examples/ModalWithHelp.tsx b/packages/react-core/src/components/Modal/examples/ModalWithHelp.tsx index 3e7a01ce6c0..a7cf7043bd6 100644 --- a/packages/react-core/src/components/Modal/examples/ModalWithHelp.tsx +++ b/packages/react-core/src/components/Modal/examples/ModalWithHelp.tsx @@ -1,6 +1,6 @@ import { Fragment, useState } from 'react'; import { Button, Modal, ModalBody, ModalFooter, ModalHeader, Popover } from '@patternfly/react-core'; -import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; +import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; export const ModalWithHelp: React.FunctionComponent = () => { const [isModalOpen, setIsModalOpen] = useState(false); @@ -35,7 +35,7 @@ export const ModalWithHelp: React.FunctionComponent = () => { } footerContent="Popover Footer" > -