diff --git a/packages/react-core/src/components/DataList/examples/DataList.md b/packages/react-core/src/components/DataList/examples/DataList.md index 8245ef35f16..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 1cfe8ff18a0..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 143a2d46400..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 693ec12e3c5..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 7e9914f89b5..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 c260665fec2..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 5dd3e848c7a..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 422a2e5eb26..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 e4ad36e7037..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 013ad5039bb..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 32f91f9f7d8..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 06c8caeac19..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 b124304522a..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 c747176f886..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 50c4ee631c3..90175367bb7 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 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 b30e30f48fa..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 7502e4a7719..27f1271483a 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 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 7d54dd76138..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 d28904400f8..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 4731219369b..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 3e7142f7f6e..d9e9e55b466 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 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 c94d189ba58..71264eb3931 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 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 ee59fae3be0..8e88df36a42 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 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 537953bf812..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 39ee4e08a74..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 3dfcf454c73..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 CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-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 d71849d905b..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 @@ -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 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 96ac645c1f0..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 @@ -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 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 a202b1db6f1..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 @@ -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 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 dce07679411..ab72bbd0c19 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 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 21d604c2156..bcce8a071ff 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 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 244860ac473..bc3374dac3d 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 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 f4961f303b1..ad4e3e44b9f 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 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 161874a0212..4c65304105b 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,9 @@ 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 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';