From 344396b09b59c16dcba093f60d9dce5a0a1bd9aa Mon Sep 17 00:00:00 2001 From: Titani Date: Fri, 24 Apr 2026 14:37:56 -0400 Subject: [PATCH 1/2] chore(BarsIcon): Updat all uses of Bars icons to use RhUiMenuBarsIcon instead --- .../react-core/src/components/Masthead/examples/Masthead.md | 2 +- packages/react-core/src/components/Menu/examples/Menu.md | 2 +- .../src/components/Menu/examples/MenuWithActions.tsx | 4 ++-- .../src/components/Menu/examples/MenuWithFavorites.tsx | 4 ++-- packages/react-core/src/components/Page/examples/Page.md | 2 +- packages/react-core/src/demos/CustomMenus/CustomMenus.md | 2 +- .../src/demos/CustomMenus/examples/ActionsMenuDemo.tsx | 4 ++-- packages/react-core/src/demos/Masthead.md | 2 +- packages/react-core/src/demos/Nav.md | 2 +- .../src/demos/NotificationDrawer/NotificationDrawer.md | 2 +- packages/react-core/src/demos/Page.md | 2 +- packages/react-core/src/demos/RTL/RTL.md | 2 +- packages/react-core/src/demos/Wizard/WizardDemo.md | 2 +- .../demo-app-ts/src/components/demos/MenuDemo/MenuDemo.tsx | 6 +++--- packages/react-table/src/demos/Table.md | 5 +++++ 15 files changed, 24 insertions(+), 19 deletions(-) diff --git a/packages/react-core/src/components/Masthead/examples/Masthead.md b/packages/react-core/src/components/Masthead/examples/Masthead.md index 8425f84dec2..66d650b75aa 100644 --- a/packages/react-core/src/components/Masthead/examples/Masthead.md +++ b/packages/react-core/src/components/Masthead/examples/Masthead.md @@ -5,7 +5,7 @@ cssPrefix: pf-v6-c-masthead propComponents: ['Masthead', 'MastheadToggle', 'MastheadMain', 'MastheadBrand', MastheadLogo, 'MastheadContent'] --- -import BarsIcon from '@patternfly/react-icons/dist/js/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/js/icons/rh-ui-menu-bars-icon'; import pfIcon from '../../assets/PF-HorizontalLogo-Color.svg'; To maintain proper layout and formatting, a `` should contain both a `` and `` component. diff --git a/packages/react-core/src/components/Menu/examples/Menu.md b/packages/react-core/src/components/Menu/examples/Menu.md index b527ec086eb..12942111b75 100644 --- a/packages/react-core/src/components/Menu/examples/Menu.md +++ b/packages/react-core/src/components/Menu/examples/Menu.md @@ -21,7 +21,7 @@ ouia: true --- import { Fragment, createRef, useEffect, useRef, useState } from 'react'; -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import ClipboardIcon from '@patternfly/react-icons/dist/esm/icons/clipboard-icon'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; diff --git a/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx b/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx index 2ac34d5fe2a..9a5cfdb1d1e 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuGroup, MenuList, MenuItem, MenuItemAction } from '@patternfly/react-core'; -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import ClipboardIcon from '@patternfly/react-icons/dist/esm/icons/clipboard-icon'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; @@ -61,7 +61,7 @@ export const MenuWithActions: React.FunctionComponent = () => { } actionId="expand" aria-label="Expand" />} + actions={} actionId="expand" aria-label="Expand" />} description="This is a description" itemId={3} > diff --git a/packages/react-core/src/components/Menu/examples/MenuWithFavorites.tsx b/packages/react-core/src/components/Menu/examples/MenuWithFavorites.tsx index 611a1db6dcb..f210d620308 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithFavorites.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithFavorites.tsx @@ -1,6 +1,6 @@ import { Fragment, useState } from 'react'; import { Menu, MenuContent, MenuItem, MenuItemAction, MenuGroup, MenuList, Divider } from '@patternfly/react-core'; -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import ClipboardIcon from '@patternfly/react-icons/dist/esm/icons/clipboard-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; @@ -32,7 +32,7 @@ export const MenuWithFavorites: React.FunctionComponent = () => { text: 'Item 1', description: 'Description 1', itemId: 'item-1', - action: , + action: , actionId: 'bars' }, { diff --git a/packages/react-core/src/components/Page/examples/Page.md b/packages/react-core/src/components/Page/examples/Page.md index 67c8fae40a2..6e90c7109cd 100644 --- a/packages/react-core/src/components/Page/examples/Page.md +++ b/packages/react-core/src/components/Page/examples/Page.md @@ -7,7 +7,7 @@ propComponents: --- import { useState } from 'react'; -import BarsIcon from '@patternfly/react-icons/dist/js/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/js/icons/rh-ui-menu-bars-icon'; import pageSectionWidthLimitMaxWidth from '@patternfly/react-tokens/dist/esm/c_page_section_m_limit_width_MaxWidth'; ## Examples diff --git a/packages/react-core/src/demos/CustomMenus/CustomMenus.md b/packages/react-core/src/demos/CustomMenus/CustomMenus.md index 62646170c72..df61e55a067 100644 --- a/packages/react-core/src/demos/CustomMenus/CustomMenus.md +++ b/packages/react-core/src/demos/CustomMenus/CustomMenus.md @@ -13,7 +13,7 @@ import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-do import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import ClipboardIcon from '@patternfly/react-icons/dist/esm/icons/clipboard-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'; diff --git a/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx b/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx index d5c270da767..a3ecf7a50b2 100644 --- a/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx +++ b/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx @@ -1,6 +1,6 @@ import { useRef, useState } from 'react'; import { MenuToggle, MenuItemAction, Select, SelectGroup, SelectList, SelectOption } from '@patternfly/react-core'; -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import ClipboardIcon from '@patternfly/react-icons/dist/esm/icons/clipboard-icon'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; @@ -76,7 +76,7 @@ export const ActionsMenuDemo: React.FunctionComponent = () => { } actionId="expand" aria-label="Expand" />} + actions={} actionId="expand" aria-label="Expand" />} description="This is a description" value={3} > diff --git a/packages/react-core/src/demos/Masthead.md b/packages/react-core/src/demos/Masthead.md index c8bd51d1ca4..8ded03c9aae 100644 --- a/packages/react-core/src/demos/Masthead.md +++ b/packages/react-core/src/demos/Masthead.md @@ -5,7 +5,7 @@ section: components import { cloneElement, Fragment, useEffect, useRef, useState } from 'react'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-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'; diff --git a/packages/react-core/src/demos/Nav.md b/packages/react-core/src/demos/Nav.md index d3b5c8cf13c..ee86b23d389 100644 --- a/packages/react-core/src/demos/Nav.md +++ b/packages/react-core/src/demos/Nav.md @@ -9,7 +9,7 @@ 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 EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; diff --git a/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md b/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md index a08b8a93f64..9a81c00feba 100644 --- a/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md +++ b/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md @@ -7,7 +7,7 @@ import { Fragment, useRef, useState } from 'react'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; -import BarsIcon from '@patternfly/react-icons/dist/js/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/js/icons/rh-ui-menu-bars-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 SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; diff --git a/packages/react-core/src/demos/Page.md b/packages/react-core/src/demos/Page.md index ff4e6bb9626..ba157a29cad 100644 --- a/packages/react-core/src/demos/Page.md +++ b/packages/react-core/src/demos/Page.md @@ -9,7 +9,7 @@ import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-s 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 imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import LightbulbIcon from '@patternfly/react-icons/dist/esm/icons/lightbulb-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; diff --git a/packages/react-core/src/demos/RTL/RTL.md b/packages/react-core/src/demos/RTL/RTL.md index 50d405086e7..bcbebbcd945 100644 --- a/packages/react-core/src/demos/RTL/RTL.md +++ b/packages/react-core/src/demos/RTL/RTL.md @@ -11,7 +11,7 @@ import ToolsIcon from '@patternfly/react-icons/dist/esm/icons/tools-icon'; import ClockIcon from '@patternfly/react-icons/dist/esm/icons/clock-icon'; import WalkingIcon from '@patternfly/react-icons/dist/esm/icons/walking-icon'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; diff --git a/packages/react-core/src/demos/Wizard/WizardDemo.md b/packages/react-core/src/demos/Wizard/WizardDemo.md index 35addbcc0f8..d2c137a2c5a 100644 --- a/packages/react-core/src/demos/Wizard/WizardDemo.md +++ b/packages/react-core/src/demos/Wizard/WizardDemo.md @@ -7,7 +7,7 @@ source: react-demos import { Fragment, useRef, useState } from 'react'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; -import BarsIcon from '@patternfly/react-icons/dist/js/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/js/icons/rh-ui-menu-bars-icon'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; ## Demos diff --git a/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDemo.tsx index a9b84c0f984..5b7f6680244 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDemo.tsx @@ -22,7 +22,7 @@ import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-i import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import ClipboardIcon from '@patternfly/react-icons/dist/esm/icons/clipboard-icon'; import TableIcon from '@patternfly/react-icons/dist/esm/icons/table-icon'; import styles from '@patternfly/react-styles/css/components/Menu/menu'; @@ -477,7 +477,7 @@ export class MenuDemo extends Component { } actionId="expand" aria-label="Expand" />} + actions={} actionId="expand" aria-label="Expand" />} description="This is a description" itemId={3} > @@ -498,7 +498,7 @@ export class MenuDemo extends Component { text: 'Item 1', description: 'Description 1', itemId: 'item-1', - action: , + action: , actionId: 'bars' }, { diff --git a/packages/react-table/src/demos/Table.md b/packages/react-table/src/demos/Table.md index b7117045855..736ec8b0452 100644 --- a/packages/react-table/src/demos/Table.md +++ b/packages/react-table/src/demos/Table.md @@ -64,8 +64,13 @@ 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 RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; +<<<<<<< HEAD import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; import RhUiBlueprintIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-blueprint-icon'; +======= +import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; +import BlueprintIcon from '@patternfly/react-icons/dist/esm/icons/blueprint-icon'; +>>>>>>> 0252229b3f (chore(BarsIcon): Updat all uses of Bars icons to use RhUiMenuBarsIcon instead) import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper'; import { rows, columns } from '@patternfly/react-table/dist/esm/demos/sampleData'; From ac6b113fc7f25ab6adc2ece213d2b16dd162680f Mon Sep 17 00:00:00 2001 From: Titani Date: Tue, 5 May 2026 15:30:21 -0400 Subject: [PATCH 2/2] fix rebase issue --- packages/react-table/src/demos/Table.md | 5 ----- 1 file changed, 5 deletions(-) diff --git a/packages/react-table/src/demos/Table.md b/packages/react-table/src/demos/Table.md index 736ec8b0452..20347bccc15 100644 --- a/packages/react-table/src/demos/Table.md +++ b/packages/react-table/src/demos/Table.md @@ -64,13 +64,8 @@ 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 RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -<<<<<<< HEAD -import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon'; import RhUiBlueprintIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-blueprint-icon'; -======= import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; -import BlueprintIcon from '@patternfly/react-icons/dist/esm/icons/blueprint-icon'; ->>>>>>> 0252229b3f (chore(BarsIcon): Updat all uses of Bars icons to use RhUiMenuBarsIcon instead) import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper'; import { rows, columns } from '@patternfly/react-table/dist/esm/demos/sampleData';