From cdab88e4b7a9202467f7d536aa0296eece5aba8b Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Tue, 16 Jun 2026 15:38:54 -0400 Subject: [PATCH 1/2] fix(ThIcon): Replace ThIcon with RhUiGripHorizontalFillIcon Co-authored-by: Cursor --- .../react-core/src/demos/Compass/Compass.md | 2 +- .../demos/Compass/examples/CompassDockDemo.tsx | 18 +++++++++++++++--- .../demos/CustomMenus/ApplicationLauncher.md | 2 +- .../src/demos/CustomMenus/CustomMenus.md | 2 +- .../examples/ApplicationLauncherDemo.tsx | 4 ++-- packages/react-core/src/demos/Masthead.md | 2 +- packages/react-core/src/demos/Nav.md | 2 +- ...astheadWithUtilitiesAndUserDropdownMenu.tsx | 4 ++-- .../src/demos/examples/Nav/NavDockedNav.tsx | 18 +++++++++++++++--- 9 files changed, 39 insertions(+), 15 deletions(-) diff --git a/packages/react-core/src/demos/Compass/Compass.md b/packages/react-core/src/demos/Compass/Compass.md index eb8c63a531d..4e4ac882de7 100644 --- a/packages/react-core/src/demos/Compass/Compass.md +++ b/packages/react-core/src/demos/Compass/Compass.md @@ -15,7 +15,7 @@ import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import imgAvatar from '../assets/avatarImg.svg'; -import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; +import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; import pfLogo from '../assets/PF-IconLogo-color.svg'; import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_lg'; diff --git a/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx b/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx index d36fee0c37f..e25f9e326e5 100644 --- a/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx +++ b/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx @@ -35,7 +35,7 @@ import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import pfLogo from '../../assets/PF-IconLogo-color.svg'; -import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; +import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_lg'; interface NavOnSelectProps { @@ -318,12 +318,24 @@ export const CompassDockDemo: React.FunctionComponent = () => { > {isDockTextExpanded || isDockExpanded ? ( - } isDocked aria-label="Applications"> + } + isDocked + aria-label="Applications" + > Applications ) : ( - } isDocked aria-label="Applications"> + } + isDocked + aria-label="Applications" + > Applications diff --git a/packages/react-core/src/demos/CustomMenus/ApplicationLauncher.md b/packages/react-core/src/demos/CustomMenus/ApplicationLauncher.md index cd9c28db99f..e728eccfa54 100644 --- a/packages/react-core/src/demos/CustomMenus/ApplicationLauncher.md +++ b/packages/react-core/src/demos/CustomMenus/ApplicationLauncher.md @@ -20,7 +20,7 @@ propComponents: import { cloneElement, Fragment, useRef, useState } from 'react'; -import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; +import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; import brandImg from '../assets/PF-IconLogo.svg'; As the application launcher component is now deprecated, an application launcher may now be built using the new suite of menu components. This is showcased in the following demo, which uses the new [dropdown](/components/menus/dropdown) component that is built off of menu. diff --git a/packages/react-core/src/demos/CustomMenus/CustomMenus.md b/packages/react-core/src/demos/CustomMenus/CustomMenus.md index 06c8caeac19..b3af64b06b6 100644 --- a/packages/react-core/src/demos/CustomMenus/CustomMenus.md +++ b/packages/react-core/src/demos/CustomMenus/CustomMenus.md @@ -14,7 +14,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import RhUiClipboardFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-fill-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; -import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; +import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; import brandImg from '../assets/PF-IconLogo.svg'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; diff --git a/packages/react-core/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx b/packages/react-core/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx index b5e998d4d10..26c4140bff1 100644 --- a/packages/react-core/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx +++ b/packages/react-core/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx @@ -11,7 +11,7 @@ import { DropdownList, DropdownItem } from '@patternfly/react-core'; -import ThIcon from '@patternfly/react-icons/dist/js/icons/th-icon'; +import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/js/icons/rh-ui-grip-horizontal-fill-icon'; import brandImg from '@patternfly/react-core/src/demos/assets/PF-IconLogo.svg'; const MockLink: React.FunctionComponent = ({ to, ...props }: any) => ; @@ -215,7 +215,7 @@ export const ApplicationLauncherDemo: React.FunctionComponent = () => { onClick={onToggleClick} isExpanded={isOpen} style={{ width: 'auto' }} - icon={} + icon={} /> )} ref={menuRef} diff --git a/packages/react-core/src/demos/Masthead.md b/packages/react-core/src/demos/Masthead.md index 097fc89806d..b5bc33be9f7 100644 --- a/packages/react-core/src/demos/Masthead.md +++ b/packages/react-core/src/demos/Masthead.md @@ -10,7 +10,7 @@ import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh- import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; +import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfIcon from './assets/pf-logo-small.svg'; import pfLogo from './assets/PF-HorizontalLogo-Color.svg'; diff --git a/packages/react-core/src/demos/Nav.md b/packages/react-core/src/demos/Nav.md index f51f988571b..827ab367bc3 100644 --- a/packages/react-core/src/demos/Nav.md +++ b/packages/react-core/src/demos/Nav.md @@ -16,7 +16,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; +import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg'; import { DashboardBreadcrumb } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; diff --git a/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx b/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx index 5e01e56e54b..72ed9a63e54 100644 --- a/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +++ b/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx @@ -52,7 +52,7 @@ import { import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; -import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; +import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfIcon from '@patternfly/react-core/src/demos/assets/pf-logo-small.svg'; @@ -156,7 +156,7 @@ export const MastheadWithUtilitiesAndUserDropdownMenu: React.FunctionComponent = onClick={onToggleClick} isExpanded={isOpen} style={{ width: 'auto' }} - icon={} + icon={} /> ); diff --git a/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx b/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx index d8f54091b55..542962514e8 100644 --- a/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx @@ -35,7 +35,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; +import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg'; import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_xl'; @@ -337,12 +337,24 @@ export const NavDockedNav: React.FunctionComponent = () => { > {isDockTextExpanded || isDockExpanded ? ( - } isDocked aria-label="Applications"> + } + isDocked + aria-label="Applications" + > Applications ) : ( - } isDocked aria-label="Applications"> + } + isDocked + aria-label="Applications" + > Applications From b9496152c3b7d64c9fb1c3fc4dc2ac1deabf6dd7 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Thu, 18 Jun 2026 10:49:30 -0400 Subject: [PATCH 2/2] fix(ThIcon): Use RhUiThumbnailViewSmallFillIcon instead of RhUiGripHorizontalFillIcon Co-authored-by: Cursor --- packages/react-core/src/demos/Compass/Compass.md | 2 +- .../src/demos/Compass/examples/CompassDockDemo.tsx | 6 +++--- .../react-core/src/demos/CustomMenus/ApplicationLauncher.md | 2 +- packages/react-core/src/demos/CustomMenus/CustomMenus.md | 2 +- .../demos/CustomMenus/examples/ApplicationLauncherDemo.tsx | 4 ++-- packages/react-core/src/demos/Masthead.md | 2 +- packages/react-core/src/demos/Nav.md | 2 +- .../Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx | 4 ++-- packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx | 6 +++--- 9 files changed, 15 insertions(+), 15 deletions(-) diff --git a/packages/react-core/src/demos/Compass/Compass.md b/packages/react-core/src/demos/Compass/Compass.md index 4e4ac882de7..ef9d6d1b7fe 100644 --- a/packages/react-core/src/demos/Compass/Compass.md +++ b/packages/react-core/src/demos/Compass/Compass.md @@ -15,7 +15,7 @@ import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import imgAvatar from '../assets/avatarImg.svg'; -import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; +import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-thumbnail-view-small-fill-icon'; import pfLogo from '../assets/PF-IconLogo-color.svg'; import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_lg'; diff --git a/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx b/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx index e25f9e326e5..63fd097de2c 100644 --- a/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx +++ b/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx @@ -35,7 +35,7 @@ import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import pfLogo from '../../assets/PF-IconLogo-color.svg'; -import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; +import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-thumbnail-view-small-fill-icon'; import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_lg'; interface NavOnSelectProps { @@ -321,7 +321,7 @@ export const CompassDockDemo: React.FunctionComponent = () => { } + icon={} isDocked aria-label="Applications" > @@ -332,7 +332,7 @@ export const CompassDockDemo: React.FunctionComponent = () => { } + icon={} isDocked aria-label="Applications" > diff --git a/packages/react-core/src/demos/CustomMenus/ApplicationLauncher.md b/packages/react-core/src/demos/CustomMenus/ApplicationLauncher.md index e728eccfa54..743a3649c6e 100644 --- a/packages/react-core/src/demos/CustomMenus/ApplicationLauncher.md +++ b/packages/react-core/src/demos/CustomMenus/ApplicationLauncher.md @@ -20,7 +20,7 @@ propComponents: import { cloneElement, Fragment, useRef, useState } from 'react'; -import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; +import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-thumbnail-view-small-fill-icon'; import brandImg from '../assets/PF-IconLogo.svg'; As the application launcher component is now deprecated, an application launcher may now be built using the new suite of menu components. This is showcased in the following demo, which uses the new [dropdown](/components/menus/dropdown) component that is built off of menu. diff --git a/packages/react-core/src/demos/CustomMenus/CustomMenus.md b/packages/react-core/src/demos/CustomMenus/CustomMenus.md index b3af64b06b6..aa4edcf7b68 100644 --- a/packages/react-core/src/demos/CustomMenus/CustomMenus.md +++ b/packages/react-core/src/demos/CustomMenus/CustomMenus.md @@ -14,7 +14,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import RhUiClipboardFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-fill-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; -import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; +import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-thumbnail-view-small-fill-icon'; import brandImg from '../assets/PF-IconLogo.svg'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; diff --git a/packages/react-core/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx b/packages/react-core/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx index 26c4140bff1..0aeda53fbbd 100644 --- a/packages/react-core/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx +++ b/packages/react-core/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx @@ -11,7 +11,7 @@ import { DropdownList, DropdownItem } from '@patternfly/react-core'; -import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/js/icons/rh-ui-grip-horizontal-fill-icon'; +import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/js/icons/rh-ui-thumbnail-view-small-fill-icon'; import brandImg from '@patternfly/react-core/src/demos/assets/PF-IconLogo.svg'; const MockLink: React.FunctionComponent = ({ to, ...props }: any) => ; @@ -215,7 +215,7 @@ export const ApplicationLauncherDemo: React.FunctionComponent = () => { onClick={onToggleClick} isExpanded={isOpen} style={{ width: 'auto' }} - icon={} + icon={} /> )} ref={menuRef} diff --git a/packages/react-core/src/demos/Masthead.md b/packages/react-core/src/demos/Masthead.md index b5bc33be9f7..0c88a7f30ac 100644 --- a/packages/react-core/src/demos/Masthead.md +++ b/packages/react-core/src/demos/Masthead.md @@ -10,7 +10,7 @@ import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh- import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; +import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-thumbnail-view-small-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfIcon from './assets/pf-logo-small.svg'; import pfLogo from './assets/PF-HorizontalLogo-Color.svg'; diff --git a/packages/react-core/src/demos/Nav.md b/packages/react-core/src/demos/Nav.md index 827ab367bc3..cc70e56296c 100644 --- a/packages/react-core/src/demos/Nav.md +++ b/packages/react-core/src/demos/Nav.md @@ -16,7 +16,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; +import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-thumbnail-view-small-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg'; import { DashboardBreadcrumb } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; diff --git a/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx b/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx index 72ed9a63e54..36be96d1360 100644 --- a/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +++ b/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx @@ -52,7 +52,7 @@ import { import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; -import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; +import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-thumbnail-view-small-fill-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfIcon from '@patternfly/react-core/src/demos/assets/pf-logo-small.svg'; @@ -156,7 +156,7 @@ export const MastheadWithUtilitiesAndUserDropdownMenu: React.FunctionComponent = onClick={onToggleClick} isExpanded={isOpen} style={{ width: 'auto' }} - icon={} + icon={} /> ); diff --git a/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx b/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx index 542962514e8..ad9718501fa 100644 --- a/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx @@ -35,7 +35,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiGripHorizontalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-horizontal-fill-icon'; +import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-thumbnail-view-small-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg'; import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_xl'; @@ -340,7 +340,7 @@ export const NavDockedNav: React.FunctionComponent = () => { } + icon={} isDocked aria-label="Applications" > @@ -351,7 +351,7 @@ export const NavDockedNav: React.FunctionComponent = () => { } + icon={} isDocked aria-label="Applications" >