@patternfly/react-core 6.6.0-prerelease.6 → 6.6.0-prerelease.8

package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx

@@ -49,10 +49,10 @@ import {
   SearchInput,
   Tooltip
 } from '@patternfly/react-core';
-import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
 import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
-import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
+import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-thumbnail-view-small-fill-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
 import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
 import pfIcon from '@patternfly/react-core/src/demos/assets/pf-logo-small.svg';
@@ -156,7 +156,7 @@ export const MastheadWithUtilitiesAndUserDropdownMenu: React.FunctionComponent =
       onClick={onToggleClick}
       isExpanded={isOpen}
       style={{ width: 'auto' }}
-      icon={<ThIcon />}
+      icon={<RhUiThumbnailViewSmallFillIcon />}
     />
   );
 
@@ -422,7 +422,7 @@ export const MastheadWithUtilitiesAndUserDropdownMenu: React.FunctionComponent =
                   isExpanded={isKebabDropdownOpen}
                   variant="plain"
                   aria-label="Settings and help"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >
@@ -442,7 +442,7 @@ export const MastheadWithUtilitiesAndUserDropdownMenu: React.FunctionComponent =
                   isExpanded={isFullKebabDropdownOpen}
                   variant="plain"
                   aria-label="Toolbar menu"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >

package/src/demos/examples/Nav/NavDockedNav.tsx

@@ -34,8 +34,8 @@ import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/ico
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
 import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
-import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
+import RhUiThumbnailViewSmallFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-thumbnail-view-small-fill-icon';
 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg';
 import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_xl';
@@ -313,7 +313,7 @@ export const NavDockedNav: React.FunctionComponent = () => {
                     to="#nav-link4"
                     itemId={3}
                     isActive={activeItem === 3}
-                    icon={<CodeIcon />}
+                    icon={<RhUiCodeIcon />}
                     anchorRef={navItem4Ref}
                     aria-label="Network services"
                   >
@@ -337,12 +337,24 @@ export const NavDockedNav: React.FunctionComponent = () => {
             >
               <ToolbarItem>
                 {isDockTextExpanded || isDockExpanded ? (
-                  <MenuToggle ref={appsRef} variant="plain" icon={<ThIcon />} isDocked aria-label="Applications">
+                  <MenuToggle
+                    ref={appsRef}
+                    variant="plain"
+                    icon={<RhUiThumbnailViewSmallFillIcon />}
+                    isDocked
+                    aria-label="Applications"
+                  >
                     Applications
                   </MenuToggle>
                 ) : (
                   <Tooltip aria="none" aria-live="off" triggerRef={appsRef} content="Applications">
-                    <MenuToggle ref={appsRef} variant="plain" icon={<ThIcon />} isDocked aria-label="Applications">
+                    <MenuToggle
+                      ref={appsRef}
+                      variant="plain"
+                      icon={<RhUiThumbnailViewSmallFillIcon />}
+                      isDocked
+                      aria-label="Applications"
+                    >
                       Applications
                     </MenuToggle>
                   </Tooltip>

package/src/demos/examples/Nav/NavFlyout.tsx

@@ -37,7 +37,7 @@ import {
   ToolbarItem
 } from '@patternfly/react-core';
 import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
-import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
 import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
@@ -157,7 +157,7 @@ export const NavFlyout: React.FunctionComponent = () => {
                   onClick={onKebabDropdownToggle}
                   variant="plain"
                   aria-label="Settings and help"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >
@@ -177,7 +177,7 @@ export const NavFlyout: React.FunctionComponent = () => {
                   onClick={onFullKebabToggle}
                   variant="plain"
                   aria-label="Toolbar menu"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >

package/src/demos/examples/Nav/NavHorizontal.tsx

@@ -36,7 +36,7 @@ import {
 import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
-import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
 import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
 import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
 import { DashboardBreadcrumb } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
@@ -136,7 +136,7 @@ export const NavHorizontal: React.FunctionComponent = () => {
                   onClick={onKebabDropdownToggle}
                   variant="plain"
                   aria-label="Settings and help"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >
@@ -156,7 +156,7 @@ export const NavHorizontal: React.FunctionComponent = () => {
                   onClick={onFullKebabToggle}
                   variant="plain"
                   aria-label="Toolbar menu"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >

package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx

@@ -39,7 +39,7 @@ import {
 import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
-import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
 import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
 import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
 import { DashboardBreadcrumb } from '@patternfly/react-core/src/demos/DashboardWrapper';
@@ -184,7 +184,7 @@ export const NavHorizontalWithSubnav: React.FunctionComponent = () => {
                   onClick={onKebabDropdownToggle}
                   variant="plain"
                   aria-label="Settings and help"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >
@@ -204,7 +204,7 @@ export const NavHorizontalWithSubnav: React.FunctionComponent = () => {
                   onClick={onFullKebabToggle}
                   variant="plain"
                   aria-label="Toolbar menu"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >

package/src/demos/examples/Nav/NavManual.tsx

@@ -40,7 +40,7 @@ import {
 import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
-import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
 import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
 import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
 
@@ -151,7 +151,7 @@ export const NavManual: React.FunctionComponent = () => {
                   onClick={onKebabDropdownToggle}
                   variant="plain"
                   aria-label="Settings and help"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >
@@ -171,7 +171,7 @@ export const NavManual: React.FunctionComponent = () => {
                   onClick={onFullKebabToggle}
                   variant="plain"
                   aria-label="Toolbar menu"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >

package/src/demos/examples/Page/PageContextSelector.tsx

@@ -43,7 +43,7 @@ import {
 import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
-import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
 import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
 import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
 interface NavOnSelectProps {
@@ -169,7 +169,7 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => {
                   isExpanded={isKebabDropdownOpen}
                   variant="plain"
                   aria-label="Settings and help"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >
@@ -189,7 +189,7 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => {
                   isExpanded={isFullKebabDropdownOpen}
                   variant="plain"
                   aria-label="Toolbar menu"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >

package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx

@@ -43,7 +43,7 @@ import {
 import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
-import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
 import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
 import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
 interface NavOnSelectProps {
@@ -147,7 +147,7 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => {
                   isExpanded={isKebabDropdownOpen}
                   variant="plain"
                   aria-label="Settings and help"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >
@@ -167,7 +167,7 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => {
                   isExpanded={isFullKebabDropdownOpen}
                   variant="plain"
                   aria-label="Toolbar menu"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >

package/src/demos/examples/Page/PageStickySectionGroup.tsx

@@ -43,7 +43,7 @@ import {
 import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
-import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
 import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
 import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
 interface NavOnSelectProps {
@@ -147,7 +147,7 @@ export const PageStickySectionGroup: React.FunctionComponent = () => {
                   isExpanded={isKebabDropdownOpen}
                   variant="plain"
                   aria-label="Settings and help"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >
@@ -167,7 +167,7 @@ export const PageStickySectionGroup: React.FunctionComponent = () => {
                   isExpanded={isFullKebabDropdownOpen}
                   variant="plain"
                   aria-label="Toolbar menu"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >

package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx

@@ -45,7 +45,7 @@ import {
 import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
-import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
 import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
 import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
 
@@ -139,7 +139,7 @@ export const PageStickySectionGroupAlternate: React.FunctionComponent = () => {
                   isExpanded={isKebabDropdownOpen}
                   variant="plain"
                   aria-label="Settings and help"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >
@@ -159,7 +159,7 @@ export const PageStickySectionGroupAlternate: React.FunctionComponent = () => {
                   isExpanded={isFullKebabDropdownOpen}
                   variant="plain"
                   aria-label="Toolbar menu"
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
             >

package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx

@@ -48,7 +48,7 @@ import sparkIcon from './assets/camel-spark_200x150.png';
 import swaggerIcon from './assets/camel-swagger-java_200x150.png';
 import azureIcon from './assets/FuseConnector_Icons_AzureServices.png';
 import restIcon from './assets/FuseConnector_Icons_REST.png';
-import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
 import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper';
 import { data } from '@patternfly/react-core/src/demos/CardView/examples/CardViewData.jsx';
 
@@ -467,7 +467,7 @@ export const PrimaryDetailCardView: React.FunctionComponent = () => {
               variant="plain"
               onClick={onToolbarKebabDropdownToggle}
               aria-label="Toolbar actions"
-              icon={<EllipsisVIcon />}
+              icon={<RhUiEllipsisVerticalFillIcon />}
             />
           )}
         >
@@ -525,7 +525,7 @@ export const PrimaryDetailCardView: React.FunctionComponent = () => {
                           onCardKebabDropdownToggle(e, key.toString());
                         }}
                         isExpanded={!!state[key]}
-                        icon={<EllipsisVIcon />}
+                        icon={<RhUiEllipsisVerticalFillIcon />}
                       />
                     )}
                   >

package/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 CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-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,10 +231,10 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -274,10 +274,10 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -328,10 +328,10 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -371,10 +371,10 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5

package/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 CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-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,10 +231,10 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -274,10 +274,10 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -328,10 +328,10 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -371,10 +371,10 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5

package/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 CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-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,10 +231,10 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -274,10 +274,10 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -328,10 +328,10 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -371,10 +371,10 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => {
                     </FlexItem>
                     <Flex spaceItems={{ default: 'spaceItemsMd' }}>
                       <FlexItem>
-                        <CodeBranchIcon /> 10
+                        <RhUiBranchFillIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5

package/src/demos/examples/Tabs/TabsAndTable.tsx

@@ -48,12 +48,12 @@ import {
   ActionsColumn,
   CustomActionsToggleProps
 } from '@patternfly/react-table';
-import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-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 RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-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 SortAmountDownIcon from '@patternfly/react-icons/dist/esm/icons/sort-amount-down-icon';
+import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon';
 import { KeyTypes } from '../../../helpers';
 import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper';
 
@@ -171,7 +171,7 @@ export const TablesAndTabs = () => {
       aria-haspopup="menu"
       isExpanded={props.isOpen}
       ref={props.toggleRef}
-      icon={<EllipsisVIcon />}
+      icon={<RhUiEllipsisVerticalFillIcon />}
     />
   );
 
@@ -184,7 +184,7 @@ export const TablesAndTabs = () => {
           </ToolbarItem>
         </ToolbarToggleGroup>
         <ToolbarItem>
-          <MenuToggle variant="plain" aria-label="Sort columns" icon={<SortAmountDownIcon />} />
+          <MenuToggle variant="plain" aria-label="Sort columns" icon={<RhMicronsSortDownLargeToSmallIcon />} />
         </ToolbarItem>
         <OverflowMenu breakpoint="md">
           <OverflowMenuContent>
@@ -207,7 +207,7 @@ export const TablesAndTabs = () => {
                   variant="plain"
                   onClick={() => {}}
                   isExpanded={false}
-                  icon={<EllipsisVIcon />}
+                  icon={<RhUiEllipsisVerticalFillIcon />}
                 />
               )}
               isOpen={false}
@@ -257,7 +257,7 @@ export const TablesAndTabs = () => {
               <Flex>
                 <FlexItem>{repo.branches}</FlexItem>
                 <FlexItem>
-                  <CodeBranchIcon key="icon" />
+                  <RhUiBranchFillIcon key="icon" />
                 </FlexItem>
               </Flex>
             </Td>
@@ -265,7 +265,7 @@ export const TablesAndTabs = () => {
               <Flex>
                 <FlexItem>{repo.prs}</FlexItem>
                 <FlexItem>
-                  <CodeIcon key="icon" />
+                  <RhUiCodeIcon key="icon" />
                 </FlexItem>
               </Flex>
             </Td>

package/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx

@@ -23,7 +23,7 @@ import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/Dashboard
 import PauseIcon from '@patternfly/react-icons/dist/esm/icons/pause-icon';
 import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon';
 import ExpandIcon from '@patternfly/react-icons/dist/esm/icons/expand-icon';
-import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
+import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon';
 import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon';
 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 
@@ -430,7 +430,7 @@ export const ConsoleLogViewerToolbar: React.FC = () => {
                 ref={toggleRef}
                 isExpanded={externalExpandedMobile}
                 onClick={onExternalToggleMobile}
-                icon={<ExternalLinkAltIcon />}
+                icon={<RhMicronsExternalLinkIcon />}
                 aria-label="External logs"
               />
             )}

package/src/deprecated/components/DualListSelector/DualListSelectorListItem.tsx

@@ -2,7 +2,7 @@ import { forwardRef, useContext, useRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector';
 import { css } from '@patternfly/react-styles';
 import { useSSRSafeId } from '../../../helpers';
-import GripVerticalIcon from '@patternfly/react-icons/dist/esm/icons/grip-vertical-icon';
+import RhUiGripVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-vertical-fill-icon';
 import { Button, ButtonVariant } from '../../../components/Button';
 import { DualListSelectorListContext } from './DualListSelectorContext';
 
@@ -86,7 +86,7 @@ export const DualListSelectorListItemBase: React.FunctionComponent<DualListSelec
             <Button
               variant={ButtonVariant.plain}
               component="span"
-              icon={<GripVerticalIcon style={{ verticalAlign: '-0.3em' }} />}
+              icon={<RhUiGripVerticalFillIcon style={{ verticalAlign: '-0.3em' }} />}
             />
           </div>
         )}