From 2d90a29ffaac0658d36d65f71f72619efb08809e Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Tue, 16 Jun 2026 15:40:17 -0400 Subject: [PATCH 1/2] fix(CodeBranchIcon): Replace CodeBranchIcon with RhUiBranchIcon Co-authored-by: Cursor --- .../src/components/DataList/examples/DataList.md | 2 +- .../DataList/examples/DataListExpandable.tsx | 8 ++++---- .../DataList/examples/DataListMixedExpandable.tsx | 8 ++++---- .../react-core/src/components/Menu/examples/Menu.md | 2 +- .../src/components/Menu/examples/MenuWithActions.tsx | 4 ++-- .../components/Menu/examples/MenuWithDescription.tsx | 8 ++++---- .../components/Menu/examples/MenuWithDrilldown.tsx | 4 ++-- .../Menu/examples/MenuWithDrilldownBreadcrumbs.tsx | 4 ++-- .../Menu/examples/MenuWithDrilldownInitialState.tsx | 4 ++-- .../examples/MenuWithDrilldownSubmenuFunctions.tsx | 4 ++-- .../src/components/Menu/examples/MenuWithIcons.tsx | 4 ++-- .../react-core/src/demos/CustomMenus/CustomMenus.md | 2 +- .../demos/CustomMenus/examples/ActionsMenuDemo.tsx | 4 ++-- .../demos/CustomMenus/examples/DrilldownMenuDemo.tsx | 4 ++-- .../src/demos/DataList/examples/DataListBasic.tsx | 10 +++++----- .../examples/DataListExpandableControlInToolbar.tsx | 8 ++++---- .../examples/DataListStaticBottomPagination.tsx | 4 ++-- packages/react-core/src/demos/DataListDemo.md | 2 +- packages/react-core/src/demos/PrimaryDetail.md | 2 +- packages/react-core/src/demos/Tabs.md | 2 +- .../PrimaryDetail/PrimaryDetailContentPadding.tsx | 10 +++++----- .../examples/PrimaryDetail/PrimaryDetailFullPage.tsx | 10 +++++----- .../PrimaryDetail/PrimaryDetailInlineModifier.tsx | 10 +++++----- .../src/demos/examples/Tabs/TabsAndTable.tsx | 4 ++-- .../src/components/demos/MenuDemo/MenuDemo.tsx | 12 ++++++------ .../components/demos/MenuDemo/MenuDrilldownDemo.tsx | 4 ++-- .../demos/TableDemo/TableComposableDemo.tsx | 4 ++-- .../demos/TableDemo/TableCompoundExpandableDemo.tsx | 6 +++--- .../TableEditableCompoundExpandableDemo.tsx | 6 +++--- .../src/components/Table/examples/Table.md | 2 +- .../Table/examples/TableCompoundExpandable.tsx | 4 ++-- packages/react-table/src/demos/Table.md | 2 +- .../src/demos/examples/TableCompoundExpansion.tsx | 4 ++-- .../src/demos/examples/TableSortableResponsive.tsx | 4 ++-- .../Table/examples/LegacyTableCompoundExpandable.tsx | 4 ++-- .../deprecated/components/Table/examples/Table.md | 2 +- 36 files changed, 89 insertions(+), 89 deletions(-) diff --git a/packages/react-core/src/components/DataList/examples/DataList.md b/packages/react-core/src/components/DataList/examples/DataList.md index 8245ef35f16..7fe509df66d 100644 --- a/packages/react-core/src/components/DataList/examples/DataList.md +++ b/packages/react-core/src/components/DataList/examples/DataList.md @@ -19,7 +19,7 @@ propComponents: --- import { Fragment, useState } from 'react'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-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'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; diff --git a/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx b/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx index 1cfe8ff18a0..1355a82b5e2 100644 --- a/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx @@ -15,7 +15,7 @@ import { MenuToggleElement } from '@patternfly/react-core'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; export const DataListExpandable: React.FunctionComponent = () => { const [isOpen1, setIsOpen1] = useState(false); @@ -66,7 +66,7 @@ export const DataListExpandable: React.FunctionComponent = () => { - + ,
Primary content
@@ -137,7 +137,7 @@ export const DataListExpandable: React.FunctionComponent = () => { - + ,
Secondary content
@@ -207,7 +207,7 @@ export const DataListExpandable: React.FunctionComponent = () => { - + ,
Tertiary content
diff --git a/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx b/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx index 143a2d46400..3fc4256ba7f 100644 --- a/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx @@ -15,7 +15,7 @@ import { MenuToggleElement } from '@patternfly/react-core'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; export const DataListMixedExpandable: React.FunctionComponent = () => { const [isOpen1, setIsOpen1] = useState(false); @@ -68,7 +68,7 @@ export const DataListMixedExpandable: React.FunctionComponent = () => { - + ,
Primary content
@@ -141,7 +141,7 @@ export const DataListMixedExpandable: React.FunctionComponent = () => { - + ,
Secondary content
@@ -201,7 +201,7 @@ export const DataListMixedExpandable: React.FunctionComponent = () => { - + ,
Tertiary content
diff --git a/packages/react-core/src/components/Menu/examples/Menu.md b/packages/react-core/src/components/Menu/examples/Menu.md index 693ec12e3c5..235cd483fe8 100644 --- a/packages/react-core/src/components/Menu/examples/Menu.md +++ b/packages/react-core/src/components/Menu/examples/Menu.md @@ -23,7 +23,7 @@ ouia: true import { Fragment, createRef, useEffect, useRef, useState } from 'react'; 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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-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 RhUiTableIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-table-icon'; diff --git a/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx b/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx index 7e9914f89b5..a6c2f3ab112 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx @@ -2,7 +2,7 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuGroup, MenuList, MenuItem, MenuItemAction } from '@patternfly/react-core'; 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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; export const MenuWithActions: React.FunctionComponent = () => { @@ -31,7 +31,7 @@ export const MenuWithActions: React.FunctionComponent = () => { isSelected={selectedItems.indexOf(0) !== -1} actions={ } + icon={} actionId="code" // eslint-disable-next-line no-console onClick={() => console.log('clicked on code icon')} diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDescription.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDescription.tsx index c260665fec2..0c5f5c90d32 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithDescription.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithDescription.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuList, MenuItem } from '@patternfly/react-core'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; export const MenuWithDescription: React.FunctionComponent = () => { const [activeItem, setActiveItem] = useState(0); @@ -15,14 +15,14 @@ export const MenuWithDescription: React.FunctionComponent = () => { - } description="Description" itemId={0}> + } description="Description" itemId={0}> Action 1 - } description="Description" itemId={1}> + } description="Description" itemId={1}> Action 2 disabled } + icon={} description="Nunc non ornare ex, et pretium dui. Duis nec augue at urna elementum blandit tincidunt eget metus. Aenean sed metus id urna dignissim interdum. Aenean vel nisl vitae arcu vehicula pulvinar eget nec turpis. Cras sit amet est est." itemId={2} > diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx index 5dd3e848c7a..04b4a5e3868 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-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'; @@ -161,7 +161,7 @@ export const MenuWithDrilldown: React.FunctionComponent = () => { Add storage - } itemId="git"> + } itemId="git"> From git } itemId="container"> diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx index 422a2e5eb26..62f2b2645f1 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx @@ -20,7 +20,7 @@ import { MenuToggleElement } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; @@ -440,7 +440,7 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => { onClick={() => setBreadcrumb(addStorageBreadcrumb)} drilldownMenu={ - } itemId="git"> + } itemId="git"> From git } itemId="container"> diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownInitialState.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownInitialState.tsx index e4ad36e7037..40f0cd668b0 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownInitialState.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownInitialState.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-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'; @@ -164,7 +164,7 @@ export const MenuDrilldownInitialState: React.FunctionComponent = () => { Add storage - } itemId="git"> + } itemId="git"> From git } itemId="container"> diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx index 013ad5039bb..4dacb717fcd 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-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'; @@ -161,7 +161,7 @@ export const MenuWithDrilldownSubmenuFunctions: React.FunctionComponent = () => Add storage - } itemId="git"> + } itemId="git"> From git } itemId="container"> diff --git a/packages/react-core/src/components/Menu/examples/MenuWithIcons.tsx b/packages/react-core/src/components/Menu/examples/MenuWithIcons.tsx index 32f91f9f7d8..9b5840d58e6 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithIcons.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithIcons.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuList, MenuItem } from '@patternfly/react-core'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-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'; @@ -17,7 +17,7 @@ export const MenuWithIcons: React.FunctionComponent = () => { - } itemId={0}> + } itemId={0}> From git } itemId={1}> diff --git a/packages/react-core/src/demos/CustomMenus/CustomMenus.md b/packages/react-core/src/demos/CustomMenus/CustomMenus.md index 06c8caeac19..640442c2fc3 100644 --- a/packages/react-core/src/demos/CustomMenus/CustomMenus.md +++ b/packages/react-core/src/demos/CustomMenus/CustomMenus.md @@ -8,7 +8,7 @@ import { cloneElement, Fragment, useEffect, useRef, useState } from 'react'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-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 RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; diff --git a/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx b/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx index b124304522a..2ad4ebdd7e7 100644 --- a/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx +++ b/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx @@ -2,7 +2,7 @@ import { useRef, useState } from 'react'; import { MenuToggle, MenuItemAction, Select, SelectGroup, SelectList, SelectOption } from '@patternfly/react-core'; 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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; export const ActionsMenuDemo: React.FunctionComponent = () => { @@ -46,7 +46,7 @@ export const ActionsMenuDemo: React.FunctionComponent = () => { isSelected={selectedItems.includes(0)} actions={ } + icon={} actionId="code" // eslint-disable-next-line no-console onClick={() => console.log('clicked on code icon')} diff --git a/packages/react-core/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx b/packages/react-core/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx index c747176f886..79e093f9ccc 100644 --- a/packages/react-core/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx +++ b/packages/react-core/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx @@ -10,7 +10,7 @@ import { MenuContainer } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-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'; @@ -191,7 +191,7 @@ export const DrilldownMenuDemo: React.FunctionComponent = () => { Add storage - } itemId="git"> + } itemId="git"> From Git } itemId="container"> diff --git a/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx b/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx index 50c4ee631c3..43cbc3c24c3 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx @@ -24,8 +24,8 @@ import { import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; @@ -104,7 +104,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 10 Branches @@ -155,7 +155,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 5 Branches @@ -253,7 +253,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 10 Branches @@ -305,7 +305,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 5 Branches diff --git a/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx b/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx index b30e30f48fa..ed61d238696 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx @@ -28,7 +28,7 @@ import { import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; @@ -160,7 +160,7 @@ export const DataListExpandableControlInToolbar: React.FunctionComponent = () => - + ,
Primary content
@@ -237,7 +237,7 @@ export const DataListExpandableControlInToolbar: React.FunctionComponent = () => - + ,
Secondary content
@@ -313,7 +313,7 @@ export const DataListExpandableControlInToolbar: React.FunctionComponent = () => - + ,
Tertiary content
diff --git a/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx b/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx index 7502e4a7719..a8be7aa670a 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx @@ -26,8 +26,8 @@ import { import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { rows } from '@patternfly/react-core/dist/esm/demos/sampleData'; @@ -153,7 +153,7 @@ export const DataListStaticBottomPagination: React.FunctionComponent = () => { - + {' '} {threads} Branches diff --git a/packages/react-core/src/demos/DataListDemo.md b/packages/react-core/src/demos/DataListDemo.md index 7d54dd76138..977b15e0809 100644 --- a/packages/react-core/src/demos/DataListDemo.md +++ b/packages/react-core/src/demos/DataListDemo.md @@ -5,7 +5,7 @@ section: components import { Fragment, useState } from 'react'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-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'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; diff --git a/packages/react-core/src/demos/PrimaryDetail.md b/packages/react-core/src/demos/PrimaryDetail.md index d28904400f8..cc4957983b9 100644 --- a/packages/react-core/src/demos/PrimaryDetail.md +++ b/packages/react-core/src/demos/PrimaryDetail.md @@ -4,7 +4,7 @@ section: patterns --- import { Fragment, useState } from 'react'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; diff --git a/packages/react-core/src/demos/Tabs.md b/packages/react-core/src/demos/Tabs.md index 4731219369b..a72a9fa7c27 100644 --- a/packages/react-core/src/demos/Tabs.md +++ b/packages/react-core/src/demos/Tabs.md @@ -7,7 +7,7 @@ import { Fragment, useCallback, useRef, useState } from 'react'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx index 3e7142f7f6e..04a94fc6e08 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx @@ -39,8 +39,8 @@ import { MenuToggle } from '@patternfly/react-core'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; @@ -231,7 +231,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { - 10 + 10 4 @@ -274,7 +274,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { - 10 + 10 4 @@ -328,7 +328,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { - 10 + 10 4 @@ -371,7 +371,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { - 10 + 10 4 diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx index c94d189ba58..88cfa9f6156 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx @@ -39,8 +39,8 @@ import { MenuToggle } from '@patternfly/react-core'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; @@ -231,7 +231,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { - 10 + 10 4 @@ -274,7 +274,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { - 10 + 10 4 @@ -328,7 +328,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { - 10 + 10 4 @@ -371,7 +371,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { - 10 + 10 4 diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx index ee59fae3be0..877f5ff5608 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx @@ -39,8 +39,8 @@ import { MenuToggle } from '@patternfly/react-core'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; @@ -231,7 +231,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { - 10 + 10 4 @@ -274,7 +274,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { - 10 + 10 4 @@ -328,7 +328,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { - 10 + 10 4 @@ -371,7 +371,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { - 10 + 10 4 diff --git a/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx b/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx index 537953bf812..3c3231641d8 100644 --- a/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx +++ b/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx @@ -50,7 +50,7 @@ import { } from '@patternfly/react-table'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; @@ -257,7 +257,7 @@ export const TablesAndTabs = () => { {repo.branches} - + 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 39ee4e08a74..072599b3add 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 @@ -18,7 +18,7 @@ import { Spinner, SearchInput } from '@patternfly/react-core'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; 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'; @@ -193,7 +193,7 @@ export class MenuDemo extends Component { - } itemId={0}> + } itemId={0}> From Git } itemId={1}> @@ -405,15 +405,15 @@ export class MenuDemo extends Component { - } description="Description" itemId={0}> + } description="Description" itemId={0}> Action 1 - } description="Description" itemId={1}> + } description="Description" itemId={1}> Action 2 disabled } + icon={} description="Nunc non ornare ex, et pretium dui. Duis nec augue at urna elementum blandit tincidunt eget metus. Aenean sed metus id urna dignissim interdum. Aenean vel nisl vitae arcu vehicula pulvinar eget nec turpis. Cras sit amet est est." itemId={2} > @@ -446,7 +446,7 @@ export class MenuDemo extends Component { isSelected={selectedItems.indexOf(0) !== -1} actions={ } + icon={} actionId="code" // eslint-disable-next-line no-console onClick={() => console.log('clicked on code icon')} diff --git a/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx index 3dfcf454c73..423b04da271 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx @@ -1,7 +1,7 @@ import { Component } from 'react'; import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-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'; @@ -189,7 +189,7 @@ export class MenuDrilldownDemo extends Component { Add storage - } itemId="git"> + } itemId="git"> From Git } itemId="container"> diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx index d71849d905b..84ce71bc431 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx @@ -26,8 +26,8 @@ import { StackItem, Checkbox } from '@patternfly/react-core'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import t_global_color_brand_default from '@patternfly/react-tokens/dist/esm/t_global_color_brand_default'; @@ -801,7 +801,7 @@ export const TableComposableDemo = () => { } else if (index === 1) { return ( <> - {cell} + {cell} ); } else if (index === 2) { diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx index 96ac645c1f0..32b79d4298e 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx @@ -2,8 +2,8 @@ import { Component } from 'react'; import { compoundExpand, IRow, ICell, IRowCell } from '@patternfly/react-table'; import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { DemoSortableTable } from './TableSortableForCompoundExpandableDemo'; @@ -43,7 +43,7 @@ export class TableCompoundExpandableDemo extends Component - 10 + 10 ), props: { isOpen: true, ariaControls: 'compoound-expansion-table-1' } @@ -120,7 +120,7 @@ export class TableCompoundExpandableDemo extends Component - 3 + 3 ), props: { isOpen: false, ariaControls: 'compoound-expansion-table-4' } diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx index a202b1db6f1..1023664e316 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx @@ -2,8 +2,8 @@ import { Component } from 'react'; import { compoundExpand, IRow, ICell, IRowCell } from '@patternfly/react-table'; import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { DemoSortableTable } from './TableSortableForCompoundExpandableDemo'; @@ -43,7 +43,7 @@ export class TableEditableCompoundExpandableDemo extends Component - 10 + 10 ), props: { isOpen: true, ariaControls: 'compoound-expansion-table-1' } @@ -120,7 +120,7 @@ export class TableEditableCompoundExpandableDemo extends Component - 3 + 3 ), props: { isOpen: false, ariaControls: 'compoound-expansion-table-4' } diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md index dce07679411..f3b8702dd43 100644 --- a/packages/react-table/src/components/Table/examples/Table.md +++ b/packages/react-table/src/components/Table/examples/Table.md @@ -43,8 +43,8 @@ The documentation for the deprecated table implementation can be found under the import { Fragment, isValidElement, useCallback, useEffect, useRef, useState, useLayoutEffect } from 'react'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import LeafIcon from '@patternfly/react-icons/dist/esm/icons/leaf-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; diff --git a/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx b/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx index 21d604c2156..1874604db8c 100644 --- a/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx +++ b/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx @@ -1,8 +1,8 @@ import { useState } from 'react'; import { Table, Thead, Tr, Th, Tbody, Td, TdProps, ExpandableRowContent } from '@patternfly/react-table'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; interface Repository { @@ -83,7 +83,7 @@ export const TableCompoundExpandable: React.FunctionComponent = () => { dataLabel={columnNames.branches} compoundExpand={compoundExpandParams(repo, 'branches', rowIndex, 1)} > - {repo.branches} + {repo.branches} { > - + {repo.branches} diff --git a/packages/react-table/src/demos/examples/TableSortableResponsive.tsx b/packages/react-table/src/demos/examples/TableSortableResponsive.tsx index 244860ac473..8d3d87b8138 100644 --- a/packages/react-table/src/demos/examples/TableSortableResponsive.tsx +++ b/packages/react-table/src/demos/examples/TableSortableResponsive.tsx @@ -33,8 +33,8 @@ import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon'; import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon'; import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; @@ -277,7 +277,7 @@ export const TableSortableResponsive: React.FunctionComponent = () => { - + {row.threads} diff --git a/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx b/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx index f4961f303b1..956901a3d7c 100644 --- a/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx +++ b/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx @@ -2,8 +2,8 @@ import { Fragment, useState } from 'react'; import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated'; import { compoundExpand } from '@patternfly/react-table'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; @@ -76,7 +76,7 @@ export const LegacyTableCompoundExpandable: React.FunctionComponent = () => { { title: ( - {repo.branches} + {repo.branches} ), props: { diff --git a/packages/react-table/src/deprecated/components/Table/examples/Table.md b/packages/react-table/src/deprecated/components/Table/examples/Table.md index 161874a0212..4c583862f51 100644 --- a/packages/react-table/src/deprecated/components/Table/examples/Table.md +++ b/packages/react-table/src/deprecated/components/Table/examples/Table.md @@ -15,8 +15,8 @@ This deprecated `Table` component is configuration-based and takes a less declar import { Fragment, isValidElement, useCallback, useEffect, useRef, useState } from 'react'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import LeafIcon from '@patternfly/react-icons/dist/esm/icons/leaf-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; From b017cc59a1891652d07bce760e5b72c5bae7f445 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Wed, 17 Jun 2026 14:27:12 -0400 Subject: [PATCH 2/2] fix(CodeBranchIcon): Use RhUiBranchFillIcon instead of RhUiBranchIcon Co-authored-by: Cursor --- .../components/DataList/examples/DataList.md | 2 +- .../DataList/examples/DataListExpandable.tsx | 8 ++++---- .../examples/DataListMixedExpandable.tsx | 8 ++++---- .../src/components/Menu/examples/Menu.md | 2 +- .../Menu/examples/MenuWithActions.tsx | 4 ++-- .../Menu/examples/MenuWithDescription.tsx | 8 ++++---- .../Menu/examples/MenuWithDrilldown.tsx | 4 ++-- .../examples/MenuWithDrilldownBreadcrumbs.tsx | 4 ++-- .../examples/MenuWithDrilldownInitialState.tsx | 4 ++-- .../MenuWithDrilldownSubmenuFunctions.tsx | 4 ++-- .../components/Menu/examples/MenuWithIcons.tsx | 4 ++-- .../src/demos/CustomMenus/CustomMenus.md | 2 +- .../CustomMenus/examples/ActionsMenuDemo.tsx | 4 ++-- .../CustomMenus/examples/DrilldownMenuDemo.tsx | 4 ++-- .../demos/DataList/examples/DataListBasic.tsx | 10 +++++----- .../DataListExpandableControlInToolbar.tsx | 8 ++++---- .../DataListStaticBottomPagination.tsx | 4 ++-- packages/react-core/src/demos/DataListDemo.md | 2 +- packages/react-core/src/demos/PrimaryDetail.md | 2 +- packages/react-core/src/demos/Tabs.md | 2 +- .../PrimaryDetailContentPadding.tsx | 10 +++++----- .../PrimaryDetail/PrimaryDetailFullPage.tsx | 10 +++++----- .../PrimaryDetailInlineModifier.tsx | 10 +++++----- .../src/demos/examples/Tabs/TabsAndTable.tsx | 4 ++-- .../src/components/demos/MenuDemo/MenuDemo.tsx | 18 ++++++++++++------ .../demos/MenuDemo/MenuDrilldownDemo.tsx | 4 ++-- .../demos/TableDemo/TableComposableDemo.tsx | 4 ++-- .../TableDemo/TableCompoundExpandableDemo.tsx | 6 +++--- .../TableEditableCompoundExpandableDemo.tsx | 6 +++--- .../src/components/Table/examples/Table.md | 2 +- .../Table/examples/TableCompoundExpandable.tsx | 4 ++-- packages/react-table/src/demos/Table.md | 2 +- .../demos/examples/TableCompoundExpansion.tsx | 4 ++-- .../demos/examples/TableSortableResponsive.tsx | 4 ++-- .../examples/LegacyTableCompoundExpandable.tsx | 4 ++-- .../components/Table/examples/Table.md | 3 ++- 36 files changed, 96 insertions(+), 89 deletions(-) diff --git a/packages/react-core/src/components/DataList/examples/DataList.md b/packages/react-core/src/components/DataList/examples/DataList.md index 7fe509df66d..b052086122c 100644 --- a/packages/react-core/src/components/DataList/examples/DataList.md +++ b/packages/react-core/src/components/DataList/examples/DataList.md @@ -19,7 +19,7 @@ propComponents: --- import { Fragment, useState } from 'react'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-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'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; diff --git a/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx b/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx index 1355a82b5e2..677e1e7b9a8 100644 --- a/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx @@ -15,7 +15,7 @@ import { MenuToggleElement } from '@patternfly/react-core'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; export const DataListExpandable: React.FunctionComponent = () => { const [isOpen1, setIsOpen1] = useState(false); @@ -66,7 +66,7 @@ export const DataListExpandable: React.FunctionComponent = () => { - + ,
Primary content
@@ -137,7 +137,7 @@ export const DataListExpandable: React.FunctionComponent = () => { - + ,
Secondary content
@@ -207,7 +207,7 @@ export const DataListExpandable: React.FunctionComponent = () => { - + ,
Tertiary content
diff --git a/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx b/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx index 3fc4256ba7f..b7cfc5f0d18 100644 --- a/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx @@ -15,7 +15,7 @@ import { MenuToggleElement } from '@patternfly/react-core'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; export const DataListMixedExpandable: React.FunctionComponent = () => { const [isOpen1, setIsOpen1] = useState(false); @@ -68,7 +68,7 @@ export const DataListMixedExpandable: React.FunctionComponent = () => { - + ,
Primary content
@@ -141,7 +141,7 @@ export const DataListMixedExpandable: React.FunctionComponent = () => { - + ,
Secondary content
@@ -201,7 +201,7 @@ export const DataListMixedExpandable: React.FunctionComponent = () => { - + ,
Tertiary content
diff --git a/packages/react-core/src/components/Menu/examples/Menu.md b/packages/react-core/src/components/Menu/examples/Menu.md index 235cd483fe8..0d550c4cfae 100644 --- a/packages/react-core/src/components/Menu/examples/Menu.md +++ b/packages/react-core/src/components/Menu/examples/Menu.md @@ -23,7 +23,7 @@ ouia: true import { Fragment, createRef, useEffect, useRef, useState } from 'react'; 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 RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-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 RhUiTableIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-table-icon'; diff --git a/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx b/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx index a6c2f3ab112..f66f2b5efd8 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithActions.tsx @@ -2,7 +2,7 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuGroup, MenuList, MenuItem, MenuItemAction } from '@patternfly/react-core'; 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 RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; export const MenuWithActions: React.FunctionComponent = () => { @@ -31,7 +31,7 @@ export const MenuWithActions: React.FunctionComponent = () => { isSelected={selectedItems.indexOf(0) !== -1} actions={ } + icon={} actionId="code" // eslint-disable-next-line no-console onClick={() => console.log('clicked on code icon')} diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDescription.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDescription.tsx index 0c5f5c90d32..2b4754149fe 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithDescription.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithDescription.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuList, MenuItem } from '@patternfly/react-core'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; export const MenuWithDescription: React.FunctionComponent = () => { const [activeItem, setActiveItem] = useState(0); @@ -15,14 +15,14 @@ export const MenuWithDescription: React.FunctionComponent = () => { - } description="Description" itemId={0}> + } description="Description" itemId={0}> Action 1 - } description="Description" itemId={1}> + } description="Description" itemId={1}> Action 2 disabled } + icon={} description="Nunc non ornare ex, et pretium dui. Duis nec augue at urna elementum blandit tincidunt eget metus. Aenean sed metus id urna dignissim interdum. Aenean vel nisl vitae arcu vehicula pulvinar eget nec turpis. Cras sit amet est est." itemId={2} > diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx index 04b4a5e3868..2f9961c46f7 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldown.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; @@ -161,7 +161,7 @@ export const MenuWithDrilldown: React.FunctionComponent = () => { Add storage - } itemId="git"> + } itemId="git"> From git } itemId="container"> diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx index 62f2b2645f1..9fa56cb775e 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx @@ -20,7 +20,7 @@ import { MenuToggleElement } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; @@ -440,7 +440,7 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => { onClick={() => setBreadcrumb(addStorageBreadcrumb)} drilldownMenu={ - } itemId="git"> + } itemId="git"> From git } itemId="container"> diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownInitialState.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownInitialState.tsx index 40f0cd668b0..6ae3bd26e86 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownInitialState.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownInitialState.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; @@ -164,7 +164,7 @@ export const MenuDrilldownInitialState: React.FunctionComponent = () => { Add storage - } itemId="git"> + } itemId="git"> From git } itemId="container"> diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx index 4dacb717fcd..c089ec9c3d1 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; @@ -161,7 +161,7 @@ export const MenuWithDrilldownSubmenuFunctions: React.FunctionComponent = () => Add storage - } itemId="git"> + } itemId="git"> From git } itemId="container"> diff --git a/packages/react-core/src/components/Menu/examples/MenuWithIcons.tsx b/packages/react-core/src/components/Menu/examples/MenuWithIcons.tsx index 9b5840d58e6..ca616c6bbbe 100644 --- a/packages/react-core/src/components/Menu/examples/MenuWithIcons.tsx +++ b/packages/react-core/src/components/Menu/examples/MenuWithIcons.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; import { Menu, MenuContent, MenuList, MenuItem } from '@patternfly/react-core'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; @@ -17,7 +17,7 @@ export const MenuWithIcons: React.FunctionComponent = () => { - } itemId={0}> + } itemId={0}> From git } itemId={1}> diff --git a/packages/react-core/src/demos/CustomMenus/CustomMenus.md b/packages/react-core/src/demos/CustomMenus/CustomMenus.md index 640442c2fc3..104cdf4be8e 100644 --- a/packages/react-core/src/demos/CustomMenus/CustomMenus.md +++ b/packages/react-core/src/demos/CustomMenus/CustomMenus.md @@ -8,7 +8,7 @@ import { cloneElement, Fragment, useEffect, useRef, useState } from 'react'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-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 RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; diff --git a/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx b/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx index 2ad4ebdd7e7..6a0922cec5e 100644 --- a/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx +++ b/packages/react-core/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx @@ -2,7 +2,7 @@ import { useRef, useState } from 'react'; import { MenuToggle, MenuItemAction, Select, SelectGroup, SelectList, SelectOption } from '@patternfly/react-core'; 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 RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; export const ActionsMenuDemo: React.FunctionComponent = () => { @@ -46,7 +46,7 @@ export const ActionsMenuDemo: React.FunctionComponent = () => { isSelected={selectedItems.includes(0)} actions={ } + icon={} actionId="code" // eslint-disable-next-line no-console onClick={() => console.log('clicked on code icon')} diff --git a/packages/react-core/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx b/packages/react-core/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx index 79e093f9ccc..8422b4a4a7b 100644 --- a/packages/react-core/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx +++ b/packages/react-core/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx @@ -10,7 +10,7 @@ import { MenuContainer } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; @@ -191,7 +191,7 @@ export const DrilldownMenuDemo: React.FunctionComponent = () => { Add storage - } itemId="git"> + } itemId="git"> From Git } itemId="container"> diff --git a/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx b/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx index 43cbc3c24c3..90175367bb7 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx @@ -25,7 +25,7 @@ import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; @@ -104,7 +104,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 10 Branches @@ -155,7 +155,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 5 Branches @@ -253,7 +253,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 10 Branches @@ -305,7 +305,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 5 Branches diff --git a/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx b/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx index ed61d238696..7e45cb53c13 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx @@ -28,7 +28,7 @@ import { import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; @@ -160,7 +160,7 @@ export const DataListExpandableControlInToolbar: React.FunctionComponent = () => - + ,
Primary content
@@ -237,7 +237,7 @@ export const DataListExpandableControlInToolbar: React.FunctionComponent = () => - + ,
Secondary content
@@ -313,7 +313,7 @@ export const DataListExpandableControlInToolbar: React.FunctionComponent = () => - + ,
Tertiary content
diff --git a/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx b/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx index a8be7aa670a..27f1271483a 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx @@ -27,7 +27,7 @@ import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { rows } from '@patternfly/react-core/dist/esm/demos/sampleData'; @@ -153,7 +153,7 @@ export const DataListStaticBottomPagination: React.FunctionComponent = () => { - + {' '} {threads} Branches diff --git a/packages/react-core/src/demos/DataListDemo.md b/packages/react-core/src/demos/DataListDemo.md index 977b15e0809..18ab7532c67 100644 --- a/packages/react-core/src/demos/DataListDemo.md +++ b/packages/react-core/src/demos/DataListDemo.md @@ -5,7 +5,7 @@ section: components import { Fragment, useState } from 'react'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-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'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; diff --git a/packages/react-core/src/demos/PrimaryDetail.md b/packages/react-core/src/demos/PrimaryDetail.md index cc4957983b9..c0822af4a6a 100644 --- a/packages/react-core/src/demos/PrimaryDetail.md +++ b/packages/react-core/src/demos/PrimaryDetail.md @@ -4,7 +4,7 @@ section: patterns --- import { Fragment, useState } from 'react'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; diff --git a/packages/react-core/src/demos/Tabs.md b/packages/react-core/src/demos/Tabs.md index a72a9fa7c27..416c476ac5b 100644 --- a/packages/react-core/src/demos/Tabs.md +++ b/packages/react-core/src/demos/Tabs.md @@ -7,7 +7,7 @@ import { Fragment, useCallback, useRef, useState } from 'react'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx index 04a94fc6e08..d9e9e55b466 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx @@ -40,7 +40,7 @@ import { } from '@patternfly/react-core'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; @@ -231,7 +231,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { - 10 + 10 4 @@ -274,7 +274,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { - 10 + 10 4 @@ -328,7 +328,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { - 10 + 10 4 @@ -371,7 +371,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { - 10 + 10 4 diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx index 88cfa9f6156..71264eb3931 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx @@ -40,7 +40,7 @@ import { } from '@patternfly/react-core'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; @@ -231,7 +231,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { - 10 + 10 4 @@ -274,7 +274,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { - 10 + 10 4 @@ -328,7 +328,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { - 10 + 10 4 @@ -371,7 +371,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { - 10 + 10 4 diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx index 877f5ff5608..8e88df36a42 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx @@ -40,7 +40,7 @@ import { } from '@patternfly/react-core'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; @@ -231,7 +231,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { - 10 + 10 4 @@ -274,7 +274,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { - 10 + 10 4 @@ -328,7 +328,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { - 10 + 10 4 @@ -371,7 +371,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { - 10 + 10 4 diff --git a/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx b/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx index 3c3231641d8..2a7f8e85bd3 100644 --- a/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx +++ b/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx @@ -50,7 +50,7 @@ import { } from '@patternfly/react-table'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; @@ -257,7 +257,7 @@ export const TablesAndTabs = () => { {repo.branches} - + 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 072599b3add..019a5c6ffb0 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 @@ -18,7 +18,7 @@ import { Spinner, SearchInput } from '@patternfly/react-core'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; 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'; @@ -193,7 +193,7 @@ export class MenuDemo extends Component { - } itemId={0}> + } itemId={0}> From Git } itemId={1}> @@ -405,15 +405,21 @@ export class MenuDemo extends Component { - } description="Description" itemId={0}> + } description="Description" itemId={0}> Action 1 - } description="Description" itemId={1}> + } + description="Description" + itemId={1} + > Action 2 disabled } + icon={} description="Nunc non ornare ex, et pretium dui. Duis nec augue at urna elementum blandit tincidunt eget metus. Aenean sed metus id urna dignissim interdum. Aenean vel nisl vitae arcu vehicula pulvinar eget nec turpis. Cras sit amet est est." itemId={2} > @@ -446,7 +452,7 @@ export class MenuDemo extends Component { isSelected={selectedItems.indexOf(0) !== -1} actions={ } + icon={} actionId="code" // eslint-disable-next-line no-console onClick={() => console.log('clicked on code icon')} diff --git a/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx index 423b04da271..9e0dc709dc8 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx @@ -1,7 +1,7 @@ import { Component } from 'react'; import { Menu, MenuContent, MenuList, MenuItem, Divider, DrilldownMenu } from '@patternfly/react-core'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; @@ -189,7 +189,7 @@ export class MenuDrilldownDemo extends Component { Add storage - } itemId="git"> + } itemId="git"> From Git } itemId="container"> diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx index 84ce71bc431..3b823020f57 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx @@ -27,7 +27,7 @@ import { Checkbox } from '@patternfly/react-core'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import t_global_color_brand_default from '@patternfly/react-tokens/dist/esm/t_global_color_brand_default'; @@ -801,7 +801,7 @@ export const TableComposableDemo = () => { } else if (index === 1) { return ( <> - {cell} + {cell} ); } else if (index === 2) { diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx index 32b79d4298e..33178b87689 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx @@ -3,7 +3,7 @@ import { compoundExpand, IRow, ICell, IRowCell } from '@patternfly/react-table'; import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { DemoSortableTable } from './TableSortableForCompoundExpandableDemo'; @@ -43,7 +43,7 @@ export class TableCompoundExpandableDemo extends Component - 10 + 10 ), props: { isOpen: true, ariaControls: 'compoound-expansion-table-1' } @@ -120,7 +120,7 @@ export class TableCompoundExpandableDemo extends Component - 3 + 3 ), props: { isOpen: false, ariaControls: 'compoound-expansion-table-4' } diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx index 1023664e316..4ef81db5ae5 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx @@ -3,7 +3,7 @@ import { compoundExpand, IRow, ICell, IRowCell } from '@patternfly/react-table'; import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { DemoSortableTable } from './TableSortableForCompoundExpandableDemo'; @@ -43,7 +43,7 @@ export class TableEditableCompoundExpandableDemo extends Component - 10 + 10 ), props: { isOpen: true, ariaControls: 'compoound-expansion-table-1' } @@ -120,7 +120,7 @@ export class TableEditableCompoundExpandableDemo extends Component - 3 + 3 ), props: { isOpen: false, ariaControls: 'compoound-expansion-table-4' } diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md index f3b8702dd43..ab72bbd0c19 100644 --- a/packages/react-table/src/components/Table/examples/Table.md +++ b/packages/react-table/src/components/Table/examples/Table.md @@ -44,7 +44,7 @@ The documentation for the deprecated table implementation can be found under the import { Fragment, isValidElement, useCallback, useEffect, useRef, useState, useLayoutEffect } from 'react'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import LeafIcon from '@patternfly/react-icons/dist/esm/icons/leaf-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; diff --git a/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx b/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx index 1874604db8c..bcce8a071ff 100644 --- a/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx +++ b/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx @@ -2,7 +2,7 @@ import { useState } from 'react'; import { Table, Thead, Tr, Th, Tbody, Td, TdProps, ExpandableRowContent } from '@patternfly/react-table'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; interface Repository { @@ -83,7 +83,7 @@ export const TableCompoundExpandable: React.FunctionComponent = () => { dataLabel={columnNames.branches} compoundExpand={compoundExpandParams(repo, 'branches', rowIndex, 1)} > - {repo.branches} + {repo.branches} { > - + {repo.branches} diff --git a/packages/react-table/src/demos/examples/TableSortableResponsive.tsx b/packages/react-table/src/demos/examples/TableSortableResponsive.tsx index 8d3d87b8138..bc3374dac3d 100644 --- a/packages/react-table/src/demos/examples/TableSortableResponsive.tsx +++ b/packages/react-table/src/demos/examples/TableSortableResponsive.tsx @@ -34,7 +34,7 @@ import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon'; import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; @@ -277,7 +277,7 @@ export const TableSortableResponsive: React.FunctionComponent = () => { - + {row.threads} diff --git a/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx b/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx index 956901a3d7c..ad4e3e44b9f 100644 --- a/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx +++ b/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx @@ -3,7 +3,7 @@ import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-tab import { compoundExpand } from '@patternfly/react-table'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; @@ -76,7 +76,7 @@ export const LegacyTableCompoundExpandable: React.FunctionComponent = () => { { title: ( - {repo.branches} + {repo.branches} ), props: { diff --git a/packages/react-table/src/deprecated/components/Table/examples/Table.md b/packages/react-table/src/deprecated/components/Table/examples/Table.md index 4c583862f51..4c65304105b 100644 --- a/packages/react-table/src/deprecated/components/Table/examples/Table.md +++ b/packages/react-table/src/deprecated/components/Table/examples/Table.md @@ -16,7 +16,8 @@ This deprecated `Table` component is configuration-based and takes a less declar import { Fragment, isValidElement, useCallback, useEffect, useRef, useState } from 'react'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; -import RhUiBranchIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-icon'; +import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; +import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import LeafIcon from '@patternfly/react-icons/dist/esm/icons/leaf-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';