From d3beb56a6c568857d3b92eebf9c6fa03915d9274 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Tue, 16 Jun 2026 15:40:25 -0400 Subject: [PATCH 1/2] fix(ExternalLinkAltIcon): Replace ExternalLinkAltIcon with RhUiExternalLinkIcon Co-authored-by: Cursor --- packages/react-core/src/components/Menu/MenuItem.tsx | 4 ++-- .../react-core/src/components/Wizard/examples/Wizard.md | 2 +- .../src/components/Wizard/examples/WizardWithNavAnchors.tsx | 6 +++--- packages/react-core/src/demos/CardDemos.md | 6 +----- packages/react-core/src/demos/Toolbar.md | 2 +- .../src/demos/examples/Card/CardHorizontalGrid.tsx | 4 ++-- .../src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx | 4 ++-- .../src/deprecated/components/Wizard/examples/Wizard.md | 2 +- .../components/Wizard/examples/WizardAnchorsForNavItems.tsx | 6 +++--- .../src/components/demos/ButtonDemo/ButtonDemo.tsx | 4 ++-- .../src/components/demos/WizardDemo/WizardDemo.tsx | 6 +++--- 11 files changed, 21 insertions(+), 25 deletions(-) diff --git a/packages/react-core/src/components/Menu/MenuItem.tsx b/packages/react-core/src/components/Menu/MenuItem.tsx index f71ed8353d1..facd3dc37d5 100644 --- a/packages/react-core/src/components/Menu/MenuItem.tsx +++ b/packages/react-core/src/components/Menu/MenuItem.tsx @@ -4,7 +4,7 @@ import { css } from '@patternfly/react-styles'; import topOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_top_offset'; import rightOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_m_left_right_offset'; import leftOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_left_offset'; -import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; +import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon'; @@ -389,7 +389,7 @@ const MenuItemBase: React.FunctionComponent = ({ {children} {isExternalLink && ( - + )} {(flyoutMenu || direction === 'down') && ( diff --git a/packages/react-core/src/components/Wizard/examples/Wizard.md b/packages/react-core/src/components/Wizard/examples/Wizard.md index 19d77d777d9..ecf1f10c095 100644 --- a/packages/react-core/src/components/Wizard/examples/Wizard.md +++ b/packages/react-core/src/components/Wizard/examples/Wizard.md @@ -49,7 +49,7 @@ WizardNavItem, WizardNav, WizardHeader } from '@patternfly/react-core'; -import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; +import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon'; import CogsIcon from '@patternfly/react-icons/dist/esm/icons/cogs-icon'; import styles from '@patternfly/react-styles/css/components/Wizard/wizard'; diff --git a/packages/react-core/src/components/Wizard/examples/WizardWithNavAnchors.tsx b/packages/react-core/src/components/Wizard/examples/WizardWithNavAnchors.tsx index 1d3fc890624..369b54bf682 100644 --- a/packages/react-core/src/components/Wizard/examples/WizardWithNavAnchors.tsx +++ b/packages/react-core/src/components/Wizard/examples/WizardWithNavAnchors.tsx @@ -1,5 +1,5 @@ import { Button, Wizard, WizardStep } from '@patternfly/react-core'; -import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; +import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon'; export const WizardWithNavAnchors: React.FunctionComponent = () => ( @@ -7,7 +7,7 @@ export const WizardWithNavAnchors: React.FunctionComponent = () => ( - PF3 + PF3 } id="navanchors-pf3-step" @@ -18,7 +18,7 @@ export const WizardWithNavAnchors: React.FunctionComponent = () => ( - PF4 + PF4 } id="navanchors-pf4-step" diff --git a/packages/react-core/src/demos/CardDemos.md b/packages/react-core/src/demos/CardDemos.md index cf908e90842..ece7136b403 100644 --- a/packages/react-core/src/demos/CardDemos.md +++ b/packages/react-core/src/demos/CardDemos.md @@ -4,11 +4,7 @@ section: components --- import { Fragment, useState } from 'react'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; -import RhUiInformationFillIcon from '@patternfly/react-icons/dist/js/icons/rh-ui-information-fill-icon'; -import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/js/icons/rh-microns-caret-right-icon'; -import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon'; -import { RhUiCheckCircleFillIcon, RhUiErrorFillIcon, RhUiWarningFillIcon, RhUiNotificationFillIcon } from '@patternfly/react-icons'; +import { EllipsisVIcon, RhMicronsCaretRightIcon, RhUiCheckCircleFillIcon, RhUiErrorFillIcon, RhUiExternalLinkIcon, RhUiInformationFillIcon, RhUiWarningFillIcon, RhUiNotificationFillIcon } from '@patternfly/react-icons'; import { Table, Thead, Tbody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table'; import { Chart, ChartAxis, ChartGroup, ChartVoronoiContainer, ChartStack, ChartBar, ChartTooltip, ChartDonutThreshold, ChartDonutUtilization, ChartArea, ChartContainer, ChartLabel } from '@patternfly/react-charts/victory'; import chart_color_yellow_100 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_100'; diff --git a/packages/react-core/src/demos/Toolbar.md b/packages/react-core/src/demos/Toolbar.md index 51a6cadc5a6..5fcec65fd00 100644 --- a/packages/react-core/src/demos/Toolbar.md +++ b/packages/react-core/src/demos/Toolbar.md @@ -7,7 +7,7 @@ import { Fragment, useState } from 'react'; import PauseIcon from '@patternfly/react-icons/dist/esm/icons/pause-icon'; import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon'; import ExpandIcon from '@patternfly/react-icons/dist/esm/icons/expand-icon'; -import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; +import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; diff --git a/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx b/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx index 97ef889d544..4a4d34ff39d 100644 --- a/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx +++ b/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx @@ -22,7 +22,7 @@ import { } from '@patternfly/react-core'; import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; +import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; export const CardHorizontalGrid: React.FunctionComponent = () => { @@ -241,7 +241,7 @@ export const CardHorizontalGrid: React.FunctionComponent = () => { OpenShift 4.5: Top Tasks - + diff --git a/packages/react-core/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx b/packages/react-core/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx index 9bf80b24d21..ee547d9ebb5 100644 --- a/packages/react-core/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx +++ b/packages/react-core/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx @@ -23,7 +23,7 @@ import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/Dashboard import PauseIcon from '@patternfly/react-icons/dist/esm/icons/pause-icon'; import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon'; import ExpandIcon from '@patternfly/react-icons/dist/esm/icons/expand-icon'; -import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; +import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; @@ -430,7 +430,7 @@ export const ConsoleLogViewerToolbar: React.FC = () => { ref={toggleRef} isExpanded={externalExpandedMobile} onClick={onExternalToggleMobile} - icon={} + icon={} aria-label="External logs" /> )} diff --git a/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md b/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md index ef6c7000cb6..195b3982f78 100644 --- a/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md +++ b/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md @@ -13,7 +13,7 @@ import { Fragment, useEffect, useRef, useState } from 'react'; import { Button, Drawer, DrawerActions, DrawerCloseButton, DrawerColorVariant, DrawerContent, DrawerContentBody, DrawerHead, DrawerPanelContent, DrawerSection, ModalVariant, Alert, EmptyState, EmptyStateFooter, EmptyStateBody, EmptyStateActions, Title, Progress, Form, FormGroup, TextInput } from '@patternfly/react-core'; import { Wizard as WizardDeprecated, WizardFooter as WizardFooterDeprecated, WizardContextConsumer as WizardContextConsumerDeprecated } from '@patternfly/react-core/deprecated'; -import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; +import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon'; import CogsIcon from '@patternfly/react-icons/dist/esm/icons/cogs-icon'; diff --git a/packages/react-core/src/deprecated/components/Wizard/examples/WizardAnchorsForNavItems.tsx b/packages/react-core/src/deprecated/components/Wizard/examples/WizardAnchorsForNavItems.tsx index 5e35bc6c591..08777d820c9 100644 --- a/packages/react-core/src/deprecated/components/Wizard/examples/WizardAnchorsForNavItems.tsx +++ b/packages/react-core/src/deprecated/components/Wizard/examples/WizardAnchorsForNavItems.tsx @@ -1,6 +1,6 @@ import { Button } from '@patternfly/react-core'; import { Wizard as WizardDeprecated } from '@patternfly/react-core/deprecated'; -import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; +import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon'; export const WizardWithNavAnchors: React.FunctionComponent = () => { @@ -8,7 +8,7 @@ export const WizardWithNavAnchors: React.FunctionComponent = () => { { name: (
- PF3 + PF3
), component:

Step 1: Read about PF3

, @@ -17,7 +17,7 @@ export const WizardWithNavAnchors: React.FunctionComponent = () => { { name: (
- PF4 + PF4
), component:

Step 2: Read about PF4

, diff --git a/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx index 351c0e6deda..7d918e5b6ca 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx @@ -1,7 +1,7 @@ import { Component } from 'react'; import { Button, ButtonProps, ButtonSize, Tooltip } from '@patternfly/react-core'; import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; -import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; +import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; import '@patternfly/react-styles/css/utilities/Spacing/spacing.css'; import { Link } from 'react-router-dom'; import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; @@ -42,7 +42,7 @@ export class ButtonDemo extends Component { className: spacing.mSm, component: 'a', href: 'https://github.com/patternfly/patternfly-react', - icon: , + icon: , target: '_blank' }; diff --git a/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx index a5b109c8369..bc10e88ce27 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx @@ -1,7 +1,7 @@ import { Component } from 'react'; import { Button, Wizard, WizardHeader, WizardStep, Modal } from '@patternfly/react-core'; -import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; +import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon'; interface WizardDemoState { @@ -104,7 +104,7 @@ class WizardDemo extends Component, WizardDemoSt - Read about PF3 + Read about PF3 } id="wizard-anchor-pf3" @@ -115,7 +115,7 @@ class WizardDemo extends Component, WizardDemoSt - Read about PF4 + Read about PF4 } id="wizard-anchor-pf4" From 1181c528f77b8e479dcb731cda3056594dd386a7 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Tue, 16 Jun 2026 16:58:54 -0400 Subject: [PATCH 2/2] fix(ExternalLinkAltIcon): Use RhMicronsExternalLinkIcon instead of RhUiExternalLinkIcon Co-authored-by: Cursor --- packages/react-core/src/components/Menu/MenuItem.tsx | 4 ++-- .../react-core/src/components/Wizard/examples/Wizard.md | 2 +- .../src/components/Wizard/examples/WizardWithNavAnchors.tsx | 6 +++--- packages/react-core/src/demos/CardDemos.md | 2 +- packages/react-core/src/demos/Toolbar.md | 2 +- .../src/demos/examples/Card/CardHorizontalGrid.tsx | 4 ++-- .../src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx | 4 ++-- .../src/deprecated/components/Wizard/examples/Wizard.md | 2 +- .../components/Wizard/examples/WizardAnchorsForNavItems.tsx | 6 +++--- .../src/components/demos/ButtonDemo/ButtonDemo.tsx | 4 ++-- .../src/components/demos/WizardDemo/WizardDemo.tsx | 6 +++--- 11 files changed, 21 insertions(+), 21 deletions(-) diff --git a/packages/react-core/src/components/Menu/MenuItem.tsx b/packages/react-core/src/components/Menu/MenuItem.tsx index facd3dc37d5..9521c617cc6 100644 --- a/packages/react-core/src/components/Menu/MenuItem.tsx +++ b/packages/react-core/src/components/Menu/MenuItem.tsx @@ -4,7 +4,7 @@ import { css } from '@patternfly/react-styles'; import topOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_top_offset'; import rightOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_m_left_right_offset'; import leftOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_left_offset'; -import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; +import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon'; import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon'; @@ -389,7 +389,7 @@ const MenuItemBase: React.FunctionComponent = ({ {children} {isExternalLink && ( - + )} {(flyoutMenu || direction === 'down') && ( diff --git a/packages/react-core/src/components/Wizard/examples/Wizard.md b/packages/react-core/src/components/Wizard/examples/Wizard.md index ecf1f10c095..10e5369c739 100644 --- a/packages/react-core/src/components/Wizard/examples/Wizard.md +++ b/packages/react-core/src/components/Wizard/examples/Wizard.md @@ -49,7 +49,7 @@ WizardNavItem, WizardNav, WizardHeader } from '@patternfly/react-core'; -import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; +import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon'; import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon'; import CogsIcon from '@patternfly/react-icons/dist/esm/icons/cogs-icon'; import styles from '@patternfly/react-styles/css/components/Wizard/wizard'; diff --git a/packages/react-core/src/components/Wizard/examples/WizardWithNavAnchors.tsx b/packages/react-core/src/components/Wizard/examples/WizardWithNavAnchors.tsx index 369b54bf682..7e7debcf8d9 100644 --- a/packages/react-core/src/components/Wizard/examples/WizardWithNavAnchors.tsx +++ b/packages/react-core/src/components/Wizard/examples/WizardWithNavAnchors.tsx @@ -1,5 +1,5 @@ import { Button, Wizard, WizardStep } from '@patternfly/react-core'; -import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; +import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon'; import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon'; export const WizardWithNavAnchors: React.FunctionComponent = () => ( @@ -7,7 +7,7 @@ export const WizardWithNavAnchors: React.FunctionComponent = () => ( - PF3 + PF3 } id="navanchors-pf3-step" @@ -18,7 +18,7 @@ export const WizardWithNavAnchors: React.FunctionComponent = () => ( - PF4 + PF4 } id="navanchors-pf4-step" diff --git a/packages/react-core/src/demos/CardDemos.md b/packages/react-core/src/demos/CardDemos.md index ece7136b403..3105924eed9 100644 --- a/packages/react-core/src/demos/CardDemos.md +++ b/packages/react-core/src/demos/CardDemos.md @@ -4,7 +4,7 @@ section: components --- import { Fragment, useState } from 'react'; -import { EllipsisVIcon, RhMicronsCaretRightIcon, RhUiCheckCircleFillIcon, RhUiErrorFillIcon, RhUiExternalLinkIcon, RhUiInformationFillIcon, RhUiWarningFillIcon, RhUiNotificationFillIcon } from '@patternfly/react-icons'; +import { EllipsisVIcon, RhMicronsCaretRightIcon, RhUiCheckCircleFillIcon, RhUiErrorFillIcon, RhMicronsExternalLinkIcon, RhUiInformationFillIcon, RhUiWarningFillIcon, RhUiNotificationFillIcon } from '@patternfly/react-icons'; import { Table, Thead, Tbody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table'; import { Chart, ChartAxis, ChartGroup, ChartVoronoiContainer, ChartStack, ChartBar, ChartTooltip, ChartDonutThreshold, ChartDonutUtilization, ChartArea, ChartContainer, ChartLabel } from '@patternfly/react-charts/victory'; import chart_color_yellow_100 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_100'; diff --git a/packages/react-core/src/demos/Toolbar.md b/packages/react-core/src/demos/Toolbar.md index 5fcec65fd00..95e7d9735a2 100644 --- a/packages/react-core/src/demos/Toolbar.md +++ b/packages/react-core/src/demos/Toolbar.md @@ -7,7 +7,7 @@ import { Fragment, useState } from 'react'; import PauseIcon from '@patternfly/react-icons/dist/esm/icons/pause-icon'; import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon'; import ExpandIcon from '@patternfly/react-icons/dist/esm/icons/expand-icon'; -import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; +import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon'; import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; diff --git a/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx b/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx index 4a4d34ff39d..215a679062a 100644 --- a/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx +++ b/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx @@ -22,7 +22,7 @@ import { } from '@patternfly/react-core'; import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; +import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; export const CardHorizontalGrid: React.FunctionComponent = () => { @@ -241,7 +241,7 @@ export const CardHorizontalGrid: React.FunctionComponent = () => { OpenShift 4.5: Top Tasks - + diff --git a/packages/react-core/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx b/packages/react-core/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx index ee547d9ebb5..ff89cf7d154 100644 --- a/packages/react-core/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx +++ b/packages/react-core/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx @@ -23,7 +23,7 @@ import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/Dashboard import PauseIcon from '@patternfly/react-icons/dist/esm/icons/pause-icon'; import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon'; import ExpandIcon from '@patternfly/react-icons/dist/esm/icons/expand-icon'; -import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; +import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon'; import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; @@ -430,7 +430,7 @@ export const ConsoleLogViewerToolbar: React.FC = () => { ref={toggleRef} isExpanded={externalExpandedMobile} onClick={onExternalToggleMobile} - icon={} + icon={} aria-label="External logs" /> )} diff --git a/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md b/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md index 195b3982f78..32097506cba 100644 --- a/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md +++ b/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md @@ -13,7 +13,7 @@ import { Fragment, useEffect, useRef, useState } from 'react'; import { Button, Drawer, DrawerActions, DrawerCloseButton, DrawerColorVariant, DrawerContent, DrawerContentBody, DrawerHead, DrawerPanelContent, DrawerSection, ModalVariant, Alert, EmptyState, EmptyStateFooter, EmptyStateBody, EmptyStateActions, Title, Progress, Form, FormGroup, TextInput } from '@patternfly/react-core'; import { Wizard as WizardDeprecated, WizardFooter as WizardFooterDeprecated, WizardContextConsumer as WizardContextConsumerDeprecated } from '@patternfly/react-core/deprecated'; -import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; +import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon'; import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon'; import CogsIcon from '@patternfly/react-icons/dist/esm/icons/cogs-icon'; diff --git a/packages/react-core/src/deprecated/components/Wizard/examples/WizardAnchorsForNavItems.tsx b/packages/react-core/src/deprecated/components/Wizard/examples/WizardAnchorsForNavItems.tsx index 08777d820c9..7324001316f 100644 --- a/packages/react-core/src/deprecated/components/Wizard/examples/WizardAnchorsForNavItems.tsx +++ b/packages/react-core/src/deprecated/components/Wizard/examples/WizardAnchorsForNavItems.tsx @@ -1,6 +1,6 @@ import { Button } from '@patternfly/react-core'; import { Wizard as WizardDeprecated } from '@patternfly/react-core/deprecated'; -import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; +import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon'; import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon'; export const WizardWithNavAnchors: React.FunctionComponent = () => { @@ -8,7 +8,7 @@ export const WizardWithNavAnchors: React.FunctionComponent = () => { { name: (
- PF3 + PF3
), component:

Step 1: Read about PF3

, @@ -17,7 +17,7 @@ export const WizardWithNavAnchors: React.FunctionComponent = () => { { name: (
- PF4 + PF4
), component:

Step 2: Read about PF4

, diff --git a/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx index 7d918e5b6ca..db20a602ff3 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/ButtonDemo/ButtonDemo.tsx @@ -1,7 +1,7 @@ import { Component } from 'react'; import { Button, ButtonProps, ButtonSize, Tooltip } from '@patternfly/react-core'; import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; -import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; +import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon'; import '@patternfly/react-styles/css/utilities/Spacing/spacing.css'; import { Link } from 'react-router-dom'; import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; @@ -42,7 +42,7 @@ export class ButtonDemo extends Component { className: spacing.mSm, component: 'a', href: 'https://github.com/patternfly/patternfly-react', - icon: , + icon: , target: '_blank' }; diff --git a/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx index bc10e88ce27..52ea0897c4c 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/WizardDemo/WizardDemo.tsx @@ -1,7 +1,7 @@ import { Component } from 'react'; import { Button, Wizard, WizardHeader, WizardStep, Modal } from '@patternfly/react-core'; -import RhUiExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-icon'; +import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon'; import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon'; interface WizardDemoState { @@ -104,7 +104,7 @@ class WizardDemo extends Component, WizardDemoSt - Read about PF3 + Read about PF3 } id="wizard-anchor-pf3" @@ -115,7 +115,7 @@ class WizardDemo extends Component, WizardDemoSt - Read about PF4 + Read about PF4 } id="wizard-anchor-pf4"