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..d08eafc7ef3 100644 --- a/packages/react-icons/README.md +++ b/packages/react-icons/README.md @@ -5,9 +5,9 @@ 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 = ; +const closeIcon = ; ``` For a list of the available icons please refer to the [PatternFly react docs](https://pf-react-staging.patternfly.org/icons) @@ -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'; ```