From a67ad0754d51680dfa1b2736fa196d27d4968bbf Mon Sep 17 00:00:00 2001 From: Titani Date: Wed, 8 Apr 2026 15:48:21 -0400 Subject: [PATCH 1/2] chore(docs): Updateed remaining TimesIcon to RhMicronsCloseIcon --- .../components/DualListSelector/DualListHeader.figma.tsx | 4 ++-- .../src/components/HelperText/examples/HelperText.md | 2 +- .../HelperText/examples/HelperTextWithCustomIcon.tsx | 4 ++-- packages/react-core/src/demos/CustomMenus/CustomMenus.md | 2 +- packages/react-core/src/demos/HelperText.md | 2 +- packages/react-core/src/demos/Toolbar.md | 2 +- packages/react-icons/README.md | 6 +++--- 7 files changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx b/packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx index bfca4eb4ce8..1aa046ed7dd 100644 --- a/packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx +++ b/packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx @@ -1,6 +1,6 @@ import figma from '@figma/code-connect'; import { Button, ButtonVariant, DualListSelectorPane, SearchInput } from '@patternfly/react-core'; -import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; +import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; // Documentation for DualListHeader can be found at https://www.patternfly.org/components/dual-list-selector @@ -9,7 +9,7 @@ figma.connect( 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=21279-116172', { props: { - icon: , // placeholder icon + icon: , // placeholder icon // string itemInformation: figma.string('Item information'), diff --git a/packages/react-core/src/components/HelperText/examples/HelperText.md b/packages/react-core/src/components/HelperText/examples/HelperText.md index d7fb3bb2f1c..3a5262969ac 100644 --- a/packages/react-core/src/components/HelperText/examples/HelperText.md +++ b/packages/react-core/src/components/HelperText/examples/HelperText.md @@ -9,7 +9,7 @@ import { Fragment } from 'react'; import InfoIcon from '@patternfly/react-icons/dist/esm/icons/info-icon'; import QuestionIcon from '@patternfly/react-icons/dist/esm/icons/question-icon'; import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon'; -import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; +import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-icon'; ## Examples diff --git a/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx b/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx index 04dbb3c0a67..d3af90c5940 100644 --- a/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx +++ b/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx @@ -4,7 +4,7 @@ import InfoIcon from '@patternfly/react-icons/dist/esm/icons/info-icon'; import QuestionIcon from '@patternfly/react-icons/dist/esm/icons/question-icon'; import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-icon'; import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon'; -import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; +import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; export const HelperTextWithCustomIcon: React.FunctionComponent = () => ( @@ -27,7 +27,7 @@ export const HelperTextWithCustomIcon: React.FunctionComponent = () => ( - }> + }> This is error helper text diff --git a/packages/react-core/src/demos/CustomMenus/CustomMenus.md b/packages/react-core/src/demos/CustomMenus/CustomMenus.md index 82f4483b69d..4b0fd960dee 100644 --- a/packages/react-core/src/demos/CustomMenus/CustomMenus.md +++ b/packages/react-core/src/demos/CustomMenus/CustomMenus.md @@ -20,7 +20,7 @@ import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; import brandImg from '../assets/PF-IconLogo.svg'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon'; -import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; +import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; import avatarImg from '../assets/avatarImg.svg'; import { css } from '@patternfly/react-styles'; import styles from '@patternfly/react-styles/css/components/Menu/menu'; diff --git a/packages/react-core/src/demos/HelperText.md b/packages/react-core/src/demos/HelperText.md index e490cd067a3..53073bcf22d 100644 --- a/packages/react-core/src/demos/HelperText.md +++ b/packages/react-core/src/demos/HelperText.md @@ -9,7 +9,7 @@ import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-wa 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 CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon'; -import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; +import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; ## Demos diff --git a/packages/react-core/src/demos/Toolbar.md b/packages/react-core/src/demos/Toolbar.md index 19560201610..f7d03fa9d0a 100644 --- a/packages/react-core/src/demos/Toolbar.md +++ b/packages/react-core/src/demos/Toolbar.md @@ -11,7 +11,7 @@ import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon'; import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; +import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; ## Demos diff --git a/packages/react-icons/README.md b/packages/react-icons/README.md index 7c5ce9820ca..2682169a708 100644 --- a/packages/react-icons/README.md +++ b/packages/react-icons/README.md @@ -5,7 +5,7 @@ PatternFly Icons as React Components. ## Usage ```tsx -import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; +import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; const closeIcon = ; ``` @@ -47,7 +47,7 @@ optimization: { Use ESM module imports to enable tree shaking with no additional setup required. ```JS -import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; +import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; ``` To enable tree shaking with named imports for CJS modules, utilize [babel-plugin-transform-imports](https://www.npmjs.com/package/babel-plugin-transform-imports) and update a babel.config.js file to utilize the plugin: @@ -91,5 +91,5 @@ You can import or reference static SVG files directly: } // Direct file path -import timesIcon from '@patternfly/react-icons/dist/static/times-icon.svg'; +import RhMicronsCloseIcon from '@patternfly/react-icons/dist/static/times-icon.svg'; ``` From d5990fc04835ad9eba5628dc55c40cb78ee057f2 Mon Sep 17 00:00:00 2001 From: Titani Date: Thu, 9 Apr 2026 10:10:04 -0400 Subject: [PATCH 2/2] additional fixes --- packages/react-icons/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-icons/README.md b/packages/react-icons/README.md index 2682169a708..d08eafc7ef3 100644 --- a/packages/react-icons/README.md +++ b/packages/react-icons/README.md @@ -7,7 +7,7 @@ PatternFly Icons as React Components. ```tsx import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; -const closeIcon = ; +const closeIcon = ; ``` For a list of the available icons please refer to the [PatternFly react docs](https://pf-react-staging.patternfly.org/icons)