diff --git a/.gitignore b/.gitignore
index ba24b08e..61cca10e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,6 +9,7 @@ coverage
 .cache
 .tmp
 .eslintcache
+.cache_*
 
 # package managers
 yarn-error.log
diff --git a/packages/demo-app-ts/package.json b/packages/demo-app-ts/package.json
index 3f6aee24..cb542306 100644
--- a/packages/demo-app-ts/package.json
+++ b/packages/demo-app-ts/package.json
@@ -9,9 +9,9 @@
     "serve:demo-app": "node scripts/serve"
   },
   "dependencies": {
-    "@patternfly/react-core": "5.0.0-alpha.51",
-    "@patternfly/react-icons": "5.0.0-alpha.7",
-    "@patternfly/react-styles": "5.0.0-alpha.5",
+    "@patternfly/react-core": "5.0.0-prerelease.7",
+    "@patternfly/react-icons": "5.0.0-prerelease.3",
+    "@patternfly/react-styles": "5.0.0-prerelease.2",
     "react": "^18",
     "react-dom": "^18",
     "react-router": "^5.3.3",
diff --git a/packages/demo-app-ts/src/App.tsx b/packages/demo-app-ts/src/App.tsx
index c7b53358..2782a24d 100755
--- a/packages/demo-app-ts/src/App.tsx
+++ b/packages/demo-app-ts/src/App.tsx
@@ -1,20 +1,24 @@
 import React from 'react';
 import { BrowserRouter as Router, Route, Link, Switch } from 'react-router-dom';
 import {
-  Page,
-  Nav,
-  NavList,
-  NavItem,
-  PageSection,
-  PageSidebar,
-  Avatar,
-  Brand,
-  PageHeader,
-  PageHeaderTools,
-  PageHeaderToolsItem,
-  PageHeaderToolsGroup,
-  Radio, NavExpandable
+	Page,
+	Nav,
+	NavList,
+	NavItem,
+	PageSection,
+	PageSidebar,
+	Avatar,
+	Brand,
+	Radio,
+	NavExpandable,
+  PageSidebarBody
 } from '@patternfly/react-core';
+import {
+	PageHeader,
+	PageHeaderTools,
+	PageHeaderToolsItem,
+	PageHeaderToolsGroup
+} from '@patternfly/react-core/deprecated';
 import imgBrand from './assets/images/imgBrand.svg';
 import imgAvatar from './assets/images/imgAvatar.svg';
 import Demos from './Demos';
@@ -39,7 +43,7 @@ class App extends React.Component<{}, AppState> {
     isDarkTheme: false
   };
 
-  private onNavSelect = (selectedItem: { itemId: number | string; groupId: number | string }) => {
+  private onNavSelect = (_event:any, selectedItem: { itemId: number | string; groupId: number | string }) => {
     this.setState({ activeItem: selectedItem.itemId });
   };
 
@@ -125,7 +129,7 @@ class App extends React.Component<{}, AppState> {
               label={`Light theme`}
               name="light-theme"
               isChecked={!isDarkTheme}
-              onChange={checked => checked && this.onThemeSelect(false)}
+              onChange={(_event: any, checked: boolean) => checked && this.onThemeSelect(false)}
             />
           </PageHeaderToolsItem>
           <PageHeaderToolsItem>
@@ -135,7 +139,7 @@ class App extends React.Component<{}, AppState> {
               aria-label="Dark theme"
               name="dark-theme"
               isChecked={isDarkTheme}
-              onChange={checked => checked && this.onThemeSelect(true)}
+              onChange={(_event: any, checked: boolean) => checked && this.onThemeSelect(true)}
             />
           </PageHeaderToolsItem>
         </PageHeaderToolsGroup>
@@ -182,7 +186,11 @@ class App extends React.Component<{}, AppState> {
       </Nav>
     );
 
-    const AppSidebar = <PageSidebar isNavOpen={isNavOpen} nav={nav} />;
+    const AppSidebar = (
+      <PageSidebar isSidebarOpen={isNavOpen}>
+        <PageSidebarBody>{nav}</PageSidebarBody>
+      </PageSidebar>
+    );
 
     return (
       <Router>
diff --git a/packages/demo-app-ts/src/Demo.css b/packages/demo-app-ts/src/Demo.css
index 06c5e025..a89db665 100644
--- a/packages/demo-app-ts/src/Demo.css
+++ b/packages/demo-app-ts/src/Demo.css
@@ -6,35 +6,35 @@
 }
 
 .pf-ri__topology-demo .pf-topology-visualization-surface {
-  border: 1px solid var(--pf-global--BorderColor--100);
+  border: 1px solid var(--pf-v5-global--BorderColor--100);
   border-top: none;
 }
 
-.pf-ri__topology-demo .pf-c-tab-content {
+.pf-ri__topology-demo .pf-v5-c-tab-content {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
 }
 
-.pf-ri__topology-demo .pf-c-tab-content:focus {
+.pf-ri__topology-demo .pf-v5-c-tab-content:focus {
   outline: none;
 }
 
-.pf-ri__topology-demo .pf-c-toolbar {
-  --pf-c-toolbar__expandable-content--lg--PaddingBottom: 0;
-  --pf-c-toolbar--PaddingBottom: 0;
+.pf-ri__topology-demo .pf-v5-c-toolbar {
+  --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: 0;
+  --pf-v5-c-toolbar--PaddingBottom: 0;
 }
-.pf-ri__topology-demo .pf-c-toolbar__item .pf-l-flex {
-  --pf-l-flex--FlexWrap: no-wrap;
+.pf-ri__topology-demo .pf-v5-c-toolbar__item .pf-v5-l-flex {
+  --pf-v5-l-flex--FlexWrap: no-wrap;
 }
-.pf-ri__topology-demo .pf-c-toolbar__item .pf-c-form-control {
+.pf-ri__topology-demo .pf-v5-c-toolbar__item .pf-v5-c-form-control {
   width: 85px;
 }
 .pf-ri-topology-context-menu {
   z-index: 1050;
 }
 
-.pf-ri-topology-context-menu__kebab-wrapper.pf-c-dropdown__menu-item {
+.pf-ri-topology-context-menu__kebab-wrapper.pf-v5-c-dropdown__menu-item {
    padding: 0;
 }
 .pf-ri__topology-demo__package-input {
@@ -42,33 +42,33 @@
 }
 
 .pf-ri-topology__node__background {
-  fill: var(--pf-global--palette--black-400);
+  fill: var(--pf-v5-global--palette--black-400);
   stroke-width: 1px;
-  stroke: var(--pf-global--palette--black-1000);
+  stroke: var(--pf-v5-global--palette--black-1000);
 }
 
 .pf-ri-topology__node__background.pf-m-selected  {
-  fill: var(--pf-global--active-color--100);
+  fill: var(--pf-v5-global--active-color--100);
 }
 
 .pf-ri-topology__node__background.pf-m-hover  {
-  fill: var(--pf-global--palette--green-300);
+  fill: var(--pf-v5-global--palette--green-300);
 }
 
 .pf-ri-topology__node__background.pf-m-drop-target {
-  fill: var(--pf-global--palette--light-blue-200);
+  fill: var(--pf-v5-global--palette--light-blue-200);
 }
 
-.pf-c-page__main-section#\/topology-demo-page-section, .pf-c-page__main-section#\/topology-pipelines-demo-page-section {
-  --pf-c-page__main-section--PaddingTop: 0;
-  --pf-c-page__main-section--PaddingRight: 0;
-  --pf-c-page__main-section--PaddingLeft: 0;
-  --pf-c-page__main-section--PaddingBottom: 0;
+.pf-v5-c-page__main-section#\/topology-demo-page-section, .pf-v5-c-page__main-section#\/topology-pipelines-demo-page-section {
+  --pf-v5-c-page__main-section--PaddingTop: 0;
+  --pf-v5-c-page__main-section--PaddingRight: 0;
+  --pf-v5-c-page__main-section--PaddingLeft: 0;
+  --pf-v5-c-page__main-section--PaddingBottom: 0;
 }
 
 .topology-demo-badge > rect {
-  fill: var(--pf-global--palette--red-100);
+  fill: var(--pf-v5-global--palette--red-100);
 }
 .topology-demo-badge > text {
-  fill: var(--pf-global--palette--gold-100);
+  fill: var(--pf-v5-global--palette--gold-100);
 }
diff --git a/packages/demo-app-ts/src/utils/useTopologyOptions.tsx b/packages/demo-app-ts/src/utils/useTopologyOptions.tsx
index 0104b686..7b3f36ce 100644
--- a/packages/demo-app-ts/src/utils/useTopologyOptions.tsx
+++ b/packages/demo-app-ts/src/utils/useTopologyOptions.tsx
@@ -3,9 +3,6 @@ import * as _ from 'lodash';
 import {
 	Button,
 	Flex,
-	Select,
-	SelectOption,
-	SelectVariant,
 	Split,
 	SplitItem,
 	TextInput,
@@ -16,7 +13,10 @@ import {
 	Dropdown as DropdownDeprecated,
 	DropdownItem as DropdownItemDeprecated,
 	DropdownPosition as DropdownPositionDeprecated,
-	DropdownToggle as DropdownToggleDeprecated
+	DropdownToggle as DropdownToggleDeprecated,
+	Select,
+	SelectOption,
+	SelectVariant
 } from '@patternfly/react-core/deprecated';
 import { DefaultEdgeOptions, DefaultNodeOptions, GeneratorEdgeOptions, GeneratorNodeOptions } from '../data/generator';
 import {
@@ -71,7 +71,7 @@ export const useTopologyOptions = (
   const layoutDropdown = (
     <Split>
       <SplitItem>
-        <label className="pf-u-display-inline-block pf-u-mr-md pf-u-mt-sm">Layout</label>
+        <label className="pf-v5-u-display-inline-block pf-v5-u-mr-md pf-v5-u-mt-sm">Layout</label>
       </SplitItem>
       <SplitItem>
         <DropdownDeprecated
@@ -341,28 +341,28 @@ export const useTopologyOptions = (
             aria-label="nodes"
             type="number"
             value={numNodes || ''}
-            onChange={(val: string) => (val ? updateValue(parseInt(val), 0, 9999, setNumNodes) : setNumNodes(null))}
+            onChange={(_event, val: string) => (val ? updateValue(parseInt(val), 0, 9999, setNumNodes) : setNumNodes(null))}
           />
           <span>Edges:</span>
           <TextInput
             aria-label="edges"
             type="number"
             value={numEdges === null ? '' : numEdges}
-            onChange={(val: string) => (val ? updateValue(parseInt(val), 0, 200, setNumEdges) : setNumEdges(null))}
+            onChange={(_event, val: string) => (val ? updateValue(parseInt(val), 0, 200, setNumEdges) : setNumEdges(null))}
           />
           <span>Groups:</span>
           <TextInput
             aria-label="groups"
             type="number"
             value={numGroups === null ? '' : numGroups}
-            onChange={(val: string) => (val ? updateValue(parseInt(val), 0, 100, setNumGroups) : setNumGroups(null))}
+            onChange={(_event, val: string) => (val ? updateValue(parseInt(val), 0, 100, setNumGroups) : setNumGroups(null))}
           />
           <span>Nesting Depth:</span>
           <TextInput
             aria-label="nesting depth"
             type="number"
             value={nestedLevel === null ? '' : nestedLevel}
-            onChange={(val: string) => (val ? updateValue(parseInt(val), 0, 5, setNestedLevel) : setNestedLevel(null))}
+            onChange={(_event, val: string) => (val ? updateValue(parseInt(val), 0, 5, setNestedLevel) : setNestedLevel(null))}
           />
           <Button
             variant="link"
@@ -409,7 +409,7 @@ export const useTopologyOptions = (
             step={0.01}
             value={medScale}
             type="number"
-            onChange={val => {
+            onChange={(_event, val) => {
               const newValue = parseFloat(val);
               if (!Number.isNaN(newValue) && newValue > lowScale && newValue >= 0.01 && newValue <= 1.0) {
                 setMedScale(parseFloat(val));
@@ -424,7 +424,7 @@ export const useTopologyOptions = (
             step={0.01}
             value={lowScale}
             type="number"
-            onChange={val => {
+            onChange={(_event, val) => {
               const newValue = parseFloat(val);
               if (!Number.isNaN(newValue) && newValue < medScale && newValue >= 0.01 && newValue <= 1.0) {
                 setLowScale(parseFloat(val));
diff --git a/packages/module/package.json b/packages/module/package.json
index 04507982..6bb2aa0c 100644
--- a/packages/module/package.json
+++ b/packages/module/package.json
@@ -33,9 +33,9 @@
     "tag": "alpha"
   },
   "dependencies": {
-    "@patternfly/react-core": "5.0.0-alpha.51",
-    "@patternfly/react-icons": "5.0.0-alpha.7",
-    "@patternfly/react-styles": "5.0.0-alpha.5",
+    "@patternfly/react-core": "5.0.0-prerelease.7",
+    "@patternfly/react-icons": "5.0.0-prerelease.3",
+    "@patternfly/react-styles": "5.0.0-prerelease.2",
     "@types/d3": "^7.4.0",
     "@types/d3-force": "^1.2.1",
     "@types/dagre": "0.7.42",
@@ -56,11 +56,11 @@
     "react-dom": "^16.8 || ^17 || ^18"
   },
   "devDependencies": {
-    "@patternfly/documentation-framework": "2.0.0-alpha.22",
-    "@patternfly/patternfly": "5.0.0-alpha.33",
+    "@patternfly/documentation-framework": "2.0.0-alpha.57",
+    "@patternfly/patternfly": "5.0.0-prerelease.6",
     "@patternfly/patternfly-a11y": "^4.3.1",
-    "@patternfly/react-code-editor": "5.0.0-alpha.51",
-    "@patternfly/react-table": "5.0.0-alpha.51",
+    "@patternfly/react-code-editor": "5.0.0-prerelease.7",
+    "@patternfly/react-table": "5.0.0-prerelease.7",
     "@types/lodash": "^4.14.191",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
@@ -72,6 +72,8 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "rimraf": "^2.6.2",
-    "typescript": "^4.7.4"
+    "typescript": "^4.7.4",
+    "react-monaco-editor": "^0.51.0",
+    "monaco-editor": "^0.34.1"
   }
 }
diff --git a/packages/module/patternfly-docs/content/examples/TopologyLayouts.md b/packages/module/patternfly-docs/content/examples/TopologyLayouts.md
index aec6270a..909fcf3e 100644
--- a/packages/module/patternfly-docs/content/examples/TopologyLayouts.md
+++ b/packages/module/patternfly-docs/content/examples/TopologyLayouts.md
@@ -34,12 +34,15 @@ import {
   withDragNode,
   withPanZoom
 } from '@patternfly/react-topology';
-import { Select, SelectOption, SelectVariant, ToolbarItem } from '@patternfly/react-core';
+import { ToolbarItem } from '@patternfly/react-core';
 import {
 	Dropdown as DropdownDeprecated,
 	DropdownItem as DropdownItemDeprecated,
 	DropdownPosition as DropdownPositionDeprecated,
-	DropdownToggle as DropdownToggleDeprecated
+	DropdownToggle as DropdownToggleDeprecated,
+  Select,
+	SelectOption,
+	SelectVariant
 } from '@patternfly/react-core/deprecated';
 import Icon1 from '@patternfly/react-icons/dist/esm/icons/regions-icon';
 import Icon2 from '@patternfly/react-icons/dist/esm/icons/folder-open-icon';
diff --git a/packages/module/patternfly-docs/content/examples/TopologyLayoutsDemo.tsx b/packages/module/patternfly-docs/content/examples/TopologyLayoutsDemo.tsx
index e0fa38e1..cec67cdf 100644
--- a/packages/module/patternfly-docs/content/examples/TopologyLayoutsDemo.tsx
+++ b/packages/module/patternfly-docs/content/examples/TopologyLayoutsDemo.tsx
@@ -260,7 +260,7 @@ export const LayoutsDemo: React.FC = () => {
   const layoutDropdown = (
     <Split>
       <SplitItem>
-        <label className="pf-u-display-inline-block pf-u-mr-md pf-u-mt-sm">Layout</label>
+        <label className="pf-v5-u-display-inline-block pf-v5-u-mr-md pf-v5-u-mt-sm">Layout</label>
       </SplitItem>
       <SplitItem>
         <DropdownDeprecated
diff --git a/packages/module/patternfly-docs/content/examples/TopologyPipelinesGettingStarted.md b/packages/module/patternfly-docs/content/examples/TopologyPipelinesGettingStarted.md
index 5dde58f7..8cf9b06a 100644
--- a/packages/module/patternfly-docs/content/examples/TopologyPipelinesGettingStarted.md
+++ b/packages/module/patternfly-docs/content/examples/TopologyPipelinesGettingStarted.md
@@ -4,6 +4,7 @@ section: topology
 sortValue: 71
 sourceLink: https://github.com/patternfly/react-topology/blob/main/packages/module/patternfly-docs/content/examples/TopologyPipelinesGettingStartedDemo.tsx
 propComponents: ['TaskNode', 'TaskEdge', 'WhenDecorator']
+functions: { 'packages/module/src/pipelines/utils/utils.ts': ['getSpacerNodes', 'getEdgesFromNodes'] }
 ---
 
 Note: Topology lives in its own package at [`@patternfly/react-topology`](https://www.npmjs.com/package/@patternfly/react-topology)
diff --git a/packages/module/patternfly-docs/content/examples/TopologyToolbar.md b/packages/module/patternfly-docs/content/examples/TopologyToolbar.md
index 0a36e94e..f9ac7aba 100644
--- a/packages/module/patternfly-docs/content/examples/TopologyToolbar.md
+++ b/packages/module/patternfly-docs/content/examples/TopologyToolbar.md
@@ -27,7 +27,12 @@ import {
   VisualizationProvider,
   VisualizationSurface
 } from '@patternfly/react-topology';
-import { Select, SelectOption, SelectVariant, ToolbarItem } from '@patternfly/react-core';
+import { ToolbarItem } from '@patternfly/react-core';
+import {
+	Select as SelectDeprecated,
+	SelectOption as SelectOptionDeprecated,
+	SelectVariant as SelectVariantDeprecated
+} from '@patternfly/react-core/deprecated';
 import Icon1 from '@patternfly/react-icons/dist/esm/icons/regions-icon';
 import Icon2 from '@patternfly/react-icons/dist/esm/icons/folder-open-icon';
 
diff --git a/packages/module/patternfly-docs/content/examples/TopologyToolbarDemo.tsx b/packages/module/patternfly-docs/content/examples/TopologyToolbarDemo.tsx
index 43d4ed8e..4aa27fa1 100644
--- a/packages/module/patternfly-docs/content/examples/TopologyToolbarDemo.tsx
+++ b/packages/module/patternfly-docs/content/examples/TopologyToolbarDemo.tsx
@@ -1,5 +1,12 @@
 import * as React from 'react';
-import { Select, SelectOption, SelectVariant, ToolbarItem } from '@patternfly/react-core';
+import {
+	ToolbarItem
+} from '@patternfly/react-core';
+import {
+	Select as SelectDeprecated,
+	SelectOption as SelectOptionDeprecated,
+	SelectVariant as SelectVariantDeprecated
+} from '@patternfly/react-core/deprecated';
 // eslint-disable-next-line patternfly-react/import-tokens-icons
 import { RegionsIcon as Icon1, FolderOpenIcon as Icon2 } from '@patternfly/react-icons';
 import {
@@ -260,27 +267,27 @@ export const ToolbarDemo: React.FC = () => {
 
   const contextToolbar = (
     <ToolbarItem>
-      <Select
-        variant={SelectVariant.checkbox}
+      <SelectDeprecated
+        variant={SelectVariantDeprecated.checkbox}
         customContent={
           <div>
-            <SelectOption
+            <SelectOptionDeprecated
               value="Labels"
               isChecked={viewOptions.showLabels}
               onClick={() => setViewOptions(prev => ({ ...prev, showLabels: !prev.showLabels }))}
             />
-            <SelectOption
+            <SelectOptionDeprecated
               value="Badges"
               isDisabled={!viewOptions.showLabels}
               isChecked={viewOptions.showBadges}
               onClick={() => setViewOptions(prev => ({ ...prev, showBadges: !prev.showBadges }))}
             />
-            <SelectOption
+            <SelectOptionDeprecated
               value="Status background"
               isChecked={viewOptions.showStatusBackground}
               onClick={() => setViewOptions(prev => ({ ...prev, showStatusBackground: !prev.showStatusBackground }))}
             />
-            <SelectOption
+            <SelectOptionDeprecated
               value="Status decorators"
               isChecked={viewOptions.showDecorators}
               onClick={() => setViewOptions(prev => ({ ...prev, showDecorators: !prev.showDecorators }))}
diff --git a/packages/module/patternfly-docs/content/examples/topology-example.css b/packages/module/patternfly-docs/content/examples/topology-example.css
index 35dd77bf..861fd112 100644
--- a/packages/module/patternfly-docs/content/examples/topology-example.css
+++ b/packages/module/patternfly-docs/content/examples/topology-example.css
@@ -11,9 +11,9 @@
 .ws-extensions-t-sidebar,
 .ws-extensions-t-toolbar {
   height: 600px;
-  border: 1px solid var(--pf-global--palette--black-900);
+  border: 1px solid var(--pf-v5-global--palette--black-900);
   padding: 0;
-  margin: var(--pf-global--spacer--md);
+  margin: var(--pf-v5-global--spacer--md);
 }
 
 @media (min-width: 768px) {
@@ -33,15 +33,15 @@
 .pf-theme-dark .ws-extensions-t-selection,
 .pf-theme-dark .ws-extensions-t-sidebar,
 .pf-theme-dark .ws-extensions-t-toolbar {
-  border: 1px solid var(--pf-global--palette--black-100);
+  border: 1px solid var(--pf-v5-global--palette--black-100);
 }
 
-.ws-extensions-t-topology .pf-l-stack {
+.ws-extensions-t-topology .pf-v5-l-stack {
   margin: -9px;
   width: calc(100% + 18px);
 }
 
-.ws-extensions-t-topology .pf-topology-view__project-toolbar .pf-c-dropdown>button {
+.ws-extensions-t-topology .pf-topology-view__project-toolbar .pf-v5-c-dropdown>button {
   justify-content: space-between;
   width: 150px;
 }
diff --git a/packages/module/patternfly-docs/content/examples/topology-pipelines-example.css b/packages/module/patternfly-docs/content/examples/topology-pipelines-example.css
index 4db8d595..7f0f3102 100644
--- a/packages/module/patternfly-docs/content/examples/topology-pipelines-example.css
+++ b/packages/module/patternfly-docs/content/examples/topology-pipelines-example.css
@@ -1,6 +1,6 @@
 .ws-react-t-pipelines {
   height: 300px;
-  border: 1px solid var(--pf-global--palette--black-900);
+  border: 1px solid var(--pf-v5-global--palette--black-900);
   padding: 0;
-  margin: var(--pf-global--spacer--md);
+  margin: var(--pf-v5-global--spacer--md);
 }
diff --git a/packages/module/patternfly-docs/patternfly-docs.source.js b/packages/module/patternfly-docs/patternfly-docs.source.js
index 5ae9c808..cf94f7d4 100644
--- a/packages/module/patternfly-docs/patternfly-docs.source.js
+++ b/packages/module/patternfly-docs/patternfly-docs.source.js
@@ -1,10 +1,11 @@
 const path = require('path');
 
-module.exports = (sourceMD, sourceProps) => {
+module.exports = (sourceMD, sourceProps, sourceFunctions) => {
   // Parse source content for props so that we can display them
   const propsIgnore = ['**/*.test.tsx', '**/examples/*.tsx'];
   const extensionPath = path.join(__dirname, '../src');
   sourceProps(path.join(extensionPath, '/**/*.tsx'), propsIgnore);
+  sourceFunctions('@patternfly/react-topology')
 
   // Parse md files
   const contentBase = path.join(__dirname, './content');
diff --git a/packages/module/release.config.js b/packages/module/release.config.js
index 3cc6272f..1322305f 100644
--- a/packages/module/release.config.js
+++ b/packages/module/release.config.js
@@ -4,7 +4,15 @@ module.exports = {
     preset: 'angular'
   },
   plugins: [
-    '@semantic-release/commit-analyzer',
+    [
+      '@semantic-release/commit-analyzer',
+      {
+        preset: 'angular',
+        releaseRules: [
+          { type: 'chore', scope: 'deps', release: 'patch' }
+        ],
+      },
+    ],
     '@semantic-release/release-notes-generator',
     '@semantic-release/github',
     '@semantic-release/npm'
diff --git a/packages/module/src/behavior/withContextMenu.tsx b/packages/module/src/behavior/withContextMenu.tsx
index 231b5fae..c49010ac 100644
--- a/packages/module/src/behavior/withContextMenu.tsx
+++ b/packages/module/src/behavior/withContextMenu.tsx
@@ -17,7 +17,7 @@ export const withContextMenu = <E extends TopologyElement>(
   container?: Element | null | undefined | (() => Element),
   className?: string,
   atPoint: boolean = true,
-  waitElement: React.ReactElement = <Spinner className="pf-u-mx-md" size="md" />
+  waitElement: React.ReactElement = <Spinner className="pf-v5-u-mx-md" size="md" />
 ) => <P extends WithContextMenuProps>(WrappedComponent: React.ComponentType<P>) => {
   const Component: React.FunctionComponent<Omit<P, keyof WithContextMenuProps>> = props => {
     const element = React.useContext(ElementContext);
diff --git a/packages/module/src/components/TopologyControlBar/TopologyControlBar.tsx b/packages/module/src/components/TopologyControlBar/TopologyControlBar.tsx
index c589fb3d..72e11ef0 100644
--- a/packages/module/src/components/TopologyControlBar/TopologyControlBar.tsx
+++ b/packages/module/src/components/TopologyControlBar/TopologyControlBar.tsx
@@ -272,7 +272,7 @@ export const TopologyControlBar: React.FunctionComponent<TopologyControlBarProps
       >
         {button.icon}
         {(button.ariaLabel || button.tooltip) && (
-          <span className="pf-u-screen-reader">{button.ariaLabel || button.tooltip}</span>
+          <span className="pf-v5-u-screen-reader">{button.ariaLabel || button.tooltip}</span>
         )}
       </Button>
     );
diff --git a/packages/module/src/components/TopologyControlBar/__tests__/__snapshots__/TopologyControlBar.test.tsx.snap b/packages/module/src/components/TopologyControlBar/__tests__/__snapshots__/TopologyControlBar.test.tsx.snap
index e7904ed6..6c2444f9 100644
--- a/packages/module/src/components/TopologyControlBar/__tests__/__snapshots__/TopologyControlBar.test.tsx.snap
+++ b/packages/module/src/components/TopologyControlBar/__tests__/__snapshots__/TopologyControlBar.test.tsx.snap
@@ -3,33 +3,33 @@
 exports[`TopologyControlBar should accept button options correctly 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-toolbar default-test-class"
+    class="pf-v5-c-toolbar default-test-class"
     data-ouia-component-id="OUIA-Generated-Toolbar-2"
-    data-ouia-component-type="PF4/Toolbar"
+    data-ouia-component-type="PF5/Toolbar"
     data-ouia-safe="true"
     id="pf-topology-control-bar-1"
     style="background-color: transparent; padding: 0px;"
   >
     <div
-      class="pf-c-toolbar__content"
+      class="pf-v5-c-toolbar__content"
     >
       <div
-        class="pf-c-toolbar__content-section"
+        class="pf-v5-c-toolbar__content-section"
       >
         <div
-          class="pf-c-toolbar__group pf-m-space-items-none"
+          class="pf-v5-c-toolbar__group pf-m-space-items-none"
         >
           <div
-            class="pf-c-toolbar__item"
+            class="pf-v5-c-toolbar__item"
           >
             <div
               style="display: contents;"
             >
               <button
                 aria-disabled="false"
-                class="pf-c-button pf-m-tertiary pf-topology-control-bar__button"
+                class="pf-v5-c-button pf-m-tertiary pf-topology-control-bar__button"
                 data-ouia-component-id="OUIA-Generated-Button-tertiary-6"
-                data-ouia-component-type="PF4/Button"
+                data-ouia-component-type="PF5/Button"
                 data-ouia-safe="true"
                 id="zoom-in"
                 type="button"
@@ -38,7 +38,7 @@ exports[`TopologyControlBar should accept button options correctly 1`] = `
                   test zoom in
                 </span>
                 <span
-                  class="pf-u-screen-reader"
+                  class="pf-v5-u-screen-reader"
                 >
                   test-zoom-in-aria-label
                 </span>
@@ -46,26 +46,26 @@ exports[`TopologyControlBar should accept button options correctly 1`] = `
             </div>
           </div>
           <div
-            class="pf-c-toolbar__item"
+            class="pf-v5-c-toolbar__item"
           >
             <div
               style="display: contents;"
             >
               <button
                 aria-disabled="false"
-                class="pf-c-button pf-m-tertiary pf-topology-control-bar__button"
+                class="pf-v5-c-button pf-m-tertiary pf-topology-control-bar__button"
                 data-ouia-component-id="OUIA-Generated-Button-tertiary-7"
-                data-ouia-component-type="PF4/Button"
+                data-ouia-component-type="PF5/Button"
                 data-ouia-safe="true"
                 id="zoom-out"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-v5-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   viewBox="0 0 512 512"
                   width="1em"
                 >
@@ -74,7 +74,7 @@ exports[`TopologyControlBar should accept button options correctly 1`] = `
                   />
                 </svg>
                 <span
-                  class="pf-u-screen-reader"
+                  class="pf-v5-u-screen-reader"
                 >
                   Zoom Out
                 </span>
@@ -82,26 +82,26 @@ exports[`TopologyControlBar should accept button options correctly 1`] = `
             </div>
           </div>
           <div
-            class="pf-c-toolbar__item"
+            class="pf-v5-c-toolbar__item"
           >
             <div
               style="display: contents;"
             >
               <button
                 aria-disabled="false"
-                class="pf-c-button pf-m-tertiary pf-topology-control-bar__button pf-m-disabled"
+                class="pf-v5-c-button pf-m-tertiary pf-topology-control-bar__button pf-m-disabled"
                 data-ouia-component-id="OUIA-Generated-Button-tertiary-8"
-                data-ouia-component-type="PF4/Button"
+                data-ouia-component-type="PF5/Button"
                 data-ouia-safe="true"
                 id="reset-view"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-v5-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   viewBox="0 0 448 512"
                   width="1em"
                 >
@@ -110,7 +110,7 @@ exports[`TopologyControlBar should accept button options correctly 1`] = `
                   />
                 </svg>
                 <span
-                  class="pf-u-screen-reader"
+                  class="pf-v5-u-screen-reader"
                 >
                   Reset View
                 </span>
@@ -120,20 +120,20 @@ exports[`TopologyControlBar should accept button options correctly 1`] = `
         </div>
       </div>
       <div
-        class="pf-c-toolbar__expandable-content"
+        class="pf-v5-c-toolbar__expandable-content"
         id="pf-topology-control-bar-1-expandable-content-1"
       >
         <div
-          class="pf-c-toolbar__group"
+          class="pf-v5-c-toolbar__group"
         />
       </div>
     </div>
     <div
-      class="pf-c-toolbar__content pf-m-hidden"
+      class="pf-v5-c-toolbar__content pf-m-hidden"
       hidden=""
     >
       <div
-        class="pf-c-toolbar__group"
+        class="pf-v5-c-toolbar__group"
       />
     </div>
   </div>
@@ -143,43 +143,43 @@ exports[`TopologyControlBar should accept button options correctly 1`] = `
 exports[`TopologyControlBar should display the default controls correctly 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-toolbar default-test-class"
+    class="pf-v5-c-toolbar default-test-class"
     data-ouia-component-id="OUIA-Generated-Toolbar-1"
-    data-ouia-component-type="PF4/Toolbar"
+    data-ouia-component-type="PF5/Toolbar"
     data-ouia-safe="true"
     id="pf-topology-control-bar-0"
     style="background-color: transparent; padding: 0px;"
   >
     <div
-      class="pf-c-toolbar__content"
+      class="pf-v5-c-toolbar__content"
     >
       <div
-        class="pf-c-toolbar__content-section"
+        class="pf-v5-c-toolbar__content-section"
       >
         <div
-          class="pf-c-toolbar__group pf-m-space-items-none"
+          class="pf-v5-c-toolbar__group pf-m-space-items-none"
         >
           <div
-            class="pf-c-toolbar__item"
+            class="pf-v5-c-toolbar__item"
           >
             <div
               style="display: contents;"
             >
               <button
                 aria-disabled="false"
-                class="pf-c-button pf-m-tertiary pf-topology-control-bar__button"
+                class="pf-v5-c-button pf-m-tertiary pf-topology-control-bar__button"
                 data-ouia-component-id="OUIA-Generated-Button-tertiary-1"
-                data-ouia-component-type="PF4/Button"
+                data-ouia-component-type="PF5/Button"
                 data-ouia-safe="true"
                 id="zoom-in"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-v5-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   viewBox="0 0 512 512"
                   width="1em"
                 >
@@ -188,7 +188,7 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
                   />
                 </svg>
                 <span
-                  class="pf-u-screen-reader"
+                  class="pf-v5-u-screen-reader"
                 >
                   Zoom In
                 </span>
@@ -196,26 +196,26 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
             </div>
           </div>
           <div
-            class="pf-c-toolbar__item"
+            class="pf-v5-c-toolbar__item"
           >
             <div
               style="display: contents;"
             >
               <button
                 aria-disabled="false"
-                class="pf-c-button pf-m-tertiary pf-topology-control-bar__button"
+                class="pf-v5-c-button pf-m-tertiary pf-topology-control-bar__button"
                 data-ouia-component-id="OUIA-Generated-Button-tertiary-2"
-                data-ouia-component-type="PF4/Button"
+                data-ouia-component-type="PF5/Button"
                 data-ouia-safe="true"
                 id="zoom-out"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-v5-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   viewBox="0 0 512 512"
                   width="1em"
                 >
@@ -224,7 +224,7 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
                   />
                 </svg>
                 <span
-                  class="pf-u-screen-reader"
+                  class="pf-v5-u-screen-reader"
                 >
                   Zoom Out
                 </span>
@@ -232,26 +232,26 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
             </div>
           </div>
           <div
-            class="pf-c-toolbar__item"
+            class="pf-v5-c-toolbar__item"
           >
             <div
               style="display: contents;"
             >
               <button
                 aria-disabled="false"
-                class="pf-c-button pf-m-tertiary pf-topology-control-bar__button"
+                class="pf-v5-c-button pf-m-tertiary pf-topology-control-bar__button"
                 data-ouia-component-id="OUIA-Generated-Button-tertiary-3"
-                data-ouia-component-type="PF4/Button"
+                data-ouia-component-type="PF5/Button"
                 data-ouia-safe="true"
                 id="fit-to-screen"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-v5-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   viewBox="0 0 448 512"
                   width="1em"
                 >
@@ -260,7 +260,7 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
                   />
                 </svg>
                 <span
-                  class="pf-u-screen-reader"
+                  class="pf-v5-u-screen-reader"
                 >
                   Fit to Screen
                 </span>
@@ -268,26 +268,26 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
             </div>
           </div>
           <div
-            class="pf-c-toolbar__item"
+            class="pf-v5-c-toolbar__item"
           >
             <div
               style="display: contents;"
             >
               <button
                 aria-disabled="false"
-                class="pf-c-button pf-m-tertiary pf-topology-control-bar__button"
+                class="pf-v5-c-button pf-m-tertiary pf-topology-control-bar__button"
                 data-ouia-component-id="OUIA-Generated-Button-tertiary-4"
-                data-ouia-component-type="PF4/Button"
+                data-ouia-component-type="PF5/Button"
                 data-ouia-safe="true"
                 id="reset-view"
                 type="button"
               >
                 <svg
                   aria-hidden="true"
+                  class="pf-v5-svg"
                   fill="currentColor"
                   height="1em"
                   role="img"
-                  style="vertical-align: -0.125em;"
                   viewBox="0 0 448 512"
                   width="1em"
                 >
@@ -296,7 +296,7 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
                   />
                 </svg>
                 <span
-                  class="pf-u-screen-reader"
+                  class="pf-v5-u-screen-reader"
                 >
                   Reset View
                 </span>
@@ -304,13 +304,13 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
             </div>
           </div>
           <div
-            class="pf-c-toolbar__item"
+            class="pf-v5-c-toolbar__item"
           >
             <button
               aria-disabled="false"
-              class="pf-c-button pf-m-tertiary pf-topology-control-bar__button"
+              class="pf-v5-c-button pf-m-tertiary pf-topology-control-bar__button"
               data-ouia-component-id="OUIA-Generated-Button-tertiary-5"
-              data-ouia-component-type="PF4/Button"
+              data-ouia-component-type="PF5/Button"
               data-ouia-safe="true"
               id="legend"
               type="button"
@@ -321,20 +321,20 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
         </div>
       </div>
       <div
-        class="pf-c-toolbar__expandable-content"
+        class="pf-v5-c-toolbar__expandable-content"
         id="pf-topology-control-bar-0-expandable-content-0"
       >
         <div
-          class="pf-c-toolbar__group"
+          class="pf-v5-c-toolbar__group"
         />
       </div>
     </div>
     <div
-      class="pf-c-toolbar__content pf-m-hidden"
+      class="pf-v5-c-toolbar__content pf-m-hidden"
       hidden=""
     >
       <div
-        class="pf-c-toolbar__group"
+        class="pf-v5-c-toolbar__group"
       />
     </div>
   </div>
diff --git a/packages/module/src/components/TopologyView/__tests__/TopologyView.test.tsx b/packages/module/src/components/TopologyView/__tests__/TopologyView.test.tsx
index 75d1a3e0..141f5162 100644
--- a/packages/module/src/components/TopologyView/__tests__/TopologyView.test.tsx
+++ b/packages/module/src/components/TopologyView/__tests__/TopologyView.test.tsx
@@ -82,8 +82,8 @@ describe('TopologyView', () => {
 
     const topologyViewHtml = screen.getByTestId('test-id').outerHTML;
 
-    expect(topologyViewHtml).toContain('pf-c-drawer');
-    expect(topologyViewHtml).not.toContain('pf-c-drawer pf-m-expanded');
+    expect(topologyViewHtml).toContain('pf-v5-c-drawer');
+    expect(topologyViewHtml).not.toContain('pf-v5-c-drawer pf-m-expanded');
   });
   test('should display topology w/ open resizable sidebar correctly', () => {
     render(
@@ -104,7 +104,7 @@ describe('TopologyView', () => {
 
     const topologyViewHtml = screen.getByTestId('test-id').outerHTML;
 
-    expect(topologyViewHtml).toContain('pf-c-drawer');
-    expect(topologyViewHtml).toContain('pf-c-drawer pf-m-expanded');
+    expect(topologyViewHtml).toContain('pf-v5-c-drawer');
+    expect(topologyViewHtml).toContain('pf-v5-c-drawer pf-m-expanded');
   });
 });
diff --git a/packages/module/src/components/TopologyView/__tests__/__snapshots__/TopologyView.test.tsx.snap b/packages/module/src/components/TopologyView/__tests__/__snapshots__/TopologyView.test.tsx.snap
index 8eb87103..e5c611ed 100644
--- a/packages/module/src/components/TopologyView/__tests__/__snapshots__/TopologyView.test.tsx.snap
+++ b/packages/module/src/components/TopologyView/__tests__/__snapshots__/TopologyView.test.tsx.snap
@@ -3,11 +3,11 @@
 exports[`TopologyView should display an empty topology correctly 1`] = `
 <DocumentFragment>
   <div
-    class="pf-l-stack my-test-class"
+    class="pf-v5-l-stack my-test-class"
     id="simple-test-id"
   >
     <div
-      class="pf-l-stack__item pf-m-fill pf-topology-container"
+      class="pf-v5-l-stack__item pf-m-fill pf-topology-container"
     >
       <div
         class="pf-topology-content"
@@ -20,27 +20,27 @@ exports[`TopologyView should display an empty topology correctly 1`] = `
 exports[`TopologyView should display topology correctly 1`] = `
 <DocumentFragment>
   <div
-    class="pf-l-stack my-test-class"
+    class="pf-v5-l-stack my-test-class"
     id="simple-test-id"
   >
     <div
-      class="pf-l-stack__item"
+      class="pf-v5-l-stack__item"
     >
       <div
-        class="pf-c-toolbar"
+        class="pf-v5-c-toolbar"
         data-ouia-component-id="OUIA-Generated-Toolbar-1"
-        data-ouia-component-type="PF4/Toolbar"
+        data-ouia-component-type="PF5/Toolbar"
         data-ouia-safe="true"
         id="pf-topology-view-0"
       >
         <div
-          class="pf-c-toolbar__content"
+          class="pf-v5-c-toolbar__content"
         >
           <div
-            class="pf-c-toolbar__content-section"
+            class="pf-v5-c-toolbar__content-section"
           >
             <div
-              class="pf-c-toolbar__group pf-topology-view__project-toolbar"
+              class="pf-v5-c-toolbar__group pf-topology-view__project-toolbar"
             >
               <div
                 id="test-context-bar"
@@ -48,22 +48,22 @@ exports[`TopologyView should display topology correctly 1`] = `
             </div>
           </div>
           <div
-            class="pf-c-toolbar__expandable-content"
+            class="pf-v5-c-toolbar__expandable-content"
             id="pf-topology-view-0-expandable-content-0"
           >
             <div
-              class="pf-c-toolbar__group"
+              class="pf-v5-c-toolbar__group"
             />
           </div>
         </div>
         <div
-          class="pf-c-toolbar__content"
+          class="pf-v5-c-toolbar__content"
         >
           <div
-            class="pf-c-toolbar__content-section"
+            class="pf-v5-c-toolbar__content-section"
           >
             <div
-              class="pf-c-toolbar__group pf-topology-view__view-toolbar"
+              class="pf-v5-c-toolbar__group pf-topology-view__view-toolbar"
             >
               <div
                 id="test-view-bar"
@@ -71,29 +71,29 @@ exports[`TopologyView should display topology correctly 1`] = `
             </div>
           </div>
           <div
-            class="pf-c-toolbar__expandable-content"
+            class="pf-v5-c-toolbar__expandable-content"
             id="pf-topology-view-0-expandable-content-1"
           >
             <div
-              class="pf-c-toolbar__group"
+              class="pf-v5-c-toolbar__group"
             />
           </div>
         </div>
         <hr
-          class="pf-c-divider"
+          class="pf-v5-c-divider"
         />
         <div
-          class="pf-c-toolbar__content pf-m-hidden"
+          class="pf-v5-c-toolbar__content pf-m-hidden"
           hidden=""
         >
           <div
-            class="pf-c-toolbar__group"
+            class="pf-v5-c-toolbar__group"
           />
         </div>
       </div>
     </div>
     <div
-      class="pf-l-stack__item pf-m-fill pf-topology-container"
+      class="pf-v5-l-stack__item pf-m-fill pf-topology-container"
     >
       <div
         class="pf-topology-content"
diff --git a/packages/module/src/components/contextmenu/ContextSubMenuItem.tsx b/packages/module/src/components/contextmenu/ContextSubMenuItem.tsx
index 47a5bb0d..2f5736ba 100644
--- a/packages/module/src/components/contextmenu/ContextSubMenuItem.tsx
+++ b/packages/module/src/components/contextmenu/ContextSubMenuItem.tsx
@@ -71,7 +71,7 @@ const ContextSubMenuItem: React.FunctionComponent<ContextSubMenuItemProps> = ({
         <div
           ref={subMenuRef}
           role="presentation"
-          className="pf-c-dropdown pf-m-expanded"
+          className="pf-v5-c-dropdown pf-m-expanded"
           onMouseLeave={e => {
             // only close the sub menu if the mouse does not enter the item
             if (!nodeRef.current || !nodeRef.current.contains(e.relatedTarget as Node)) {
diff --git a/packages/module/src/css/topology-components.css b/packages/module/src/css/topology-components.css
index 4b446025..e3b1702c 100644
--- a/packages/module/src/css/topology-components.css
+++ b/packages/module/src/css/topology-components.css
@@ -5,233 +5,233 @@
 
   /* Create connector */
   /* Remove --pf-topology-create-connector-color at a breaking change */
-  --pf-topology-create-connector-color: var(--pf-global--secondary-color--100);
-  --pf-topology__create-connector-color--Stroke: var(--pf-topology-create-connector-color, var(--pf-global--secondary-color--100));
-  --pf-topology__create-connector-color--Fill: var(--pf-topology-create-connector-color, var(--pf-global--secondary-color--100));
+  --pf-topology-create-connector-color: var(--pf-v5-global--secondary-color--100);
+  --pf-topology__create-connector-color--Stroke: var(--pf-topology-create-connector-color, var(--pf-v5-global--secondary-color--100));
+  --pf-topology__create-connector-color--Fill: var(--pf-topology-create-connector-color, var(--pf-v5-global--secondary-color--100));
 
   /* node */
-  --pf-topology__node__background--Fill: var(--pf-global--BackgroundColor--100);
-  --pf-topology__node__background--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology__node__background--StrokeWidth: var(--pf-global--BorderWidth--sm);
-  --pf-topology__node--m-dragging--background--StrokeWidth: var(--pf-global--BorderWidth--sm);
+  --pf-topology__node__background--Fill: var(--pf-v5-global--BackgroundColor--100);
+  --pf-topology__node__background--Stroke: var(--pf-v5-global--BorderColor--100);
+  --pf-topology__node__background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-topology__node--m-dragging--background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
 
   --pf-topology__node--m-hover--background--Stroke: var(--pf-topology__node__background--Stroke);
 
-  --pf-topology__node--m-disabled--Background--Fill: var(--pf-global--BackgroundColor--200);
-  --pf-topology__node--m-disabled--Background--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology__node--m-info--Background--Fill: var(--pf-global--primary-color--light-100);
-  --pf-topology__node--m-success--Background--Fill: var(--pf-global--success-color--100);
-  --pf-topology__node--m-warning--Background--Fill: var(--pf-global--warning-color--100);
-  --pf-topology__node--m-danger--Background--Fill: var(--pf-global--danger-color--100);
-  --pf-topology__node--m-selected--Background--Fill: var(--pf-global--active-color--100);
+  --pf-topology__node--m-disabled--Background--Fill: var(--pf-v5-global--BackgroundColor--200);
+  --pf-topology__node--m-disabled--Background--Stroke: var(--pf-v5-global--BorderColor--100);
+  --pf-topology__node--m-info--Background--Fill: var(--pf-v5-global--primary-color--light-100);
+  --pf-topology__node--m-success--Background--Fill: var(--pf-v5-global--success-color--100);
+  --pf-topology__node--m-warning--Background--Fill: var(--pf-v5-global--warning-color--100);
+  --pf-topology__node--m-danger--Background--Fill: var(--pf-v5-global--danger-color--100);
+  --pf-topology__node--m-selected--Background--Fill: var(--pf-v5-global--active-color--100);
 
-  --pf-topology__node--m-selected--node__background--Stroke: var(--pf-global--active-color--100);
-  --pf-topology__node--m-info--node__background--Stroke: var(--pf-global--primary-color--light-100);
-  --pf-topology__node--m-success--node__background--Stroke: var(--pf-global--success-color--100);
-  --pf-topology__node--m-warning--node__background--Stroke: var(--pf-global--warning-color--100);
-  --pf-topology__node--m-danger--node__background--Stroke: var(--pf-global--danger-color--100);
+  --pf-topology__node--m-selected--node__background--Stroke: var(--pf-v5-global--active-color--100);
+  --pf-topology__node--m-info--node__background--Stroke: var(--pf-v5-global--primary-color--light-100);
+  --pf-topology__node--m-success--node__background--Stroke: var(--pf-v5-global--success-color--100);
+  --pf-topology__node--m-warning--node__background--Stroke: var(--pf-v5-global--warning-color--100);
+  --pf-topology__node--m-danger--node__background--Stroke: var(--pf-v5-global--danger-color--100);
 
   /* node decorators */
-  --pf-topology__node_decorator--Color: var(--pf-global--Color--200);
-  --pf-topology__node__decorator__bg--Fill: var(--pf-global--BackgroundColor--light-100);
-  --pf-topology__node__decorator__bg--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology__node__decorator__bg--StrokeWidth: var(--pf-global--BorderWidth--sm);
+  --pf-topology__node_decorator--Color: var(--pf-v5-global--Color--200);
+  --pf-topology__node__decorator__bg--Fill: var(--pf-v5-global--BackgroundColor--light-100);
+  --pf-topology__node__decorator__bg--Stroke: var(--pf-v5-global--BorderColor--100);
+  --pf-topology__node__decorator__bg--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
 
-  --pf-topology__node__decorator__status--m-info--Color: var(--pf-global--primary-color--light-100);
-  --pf-topology__node__decorator__status--m-danger--Color: var(--pf-global--danger-color--100);
-  --pf-topology__node__decorator__status--m-warning--Color: var(--pf-global--warning-color--100);
-  --pf-topology__node__decorator__status--m-success--Color: var(--pf-global--success-color--100);
+  --pf-topology__node__decorator__status--m-info--Color: var(--pf-v5-global--primary-color--light-100);
+  --pf-topology__node__decorator__status--m-danger--Color: var(--pf-v5-global--danger-color--100);
+  --pf-topology__node__decorator__status--m-warning--Color: var(--pf-v5-global--warning-color--100);
+  --pf-topology__node__decorator__status--m-success--Color: var(--pf-v5-global--success-color--100);
 
   /* node labels */
-  --pf-topology__node__label__text--Fill: var(--pf-global--palette--black-1000);
-  --pf-topology__node__label__text--m-secondary--Fill: var(--pf-global--Color--200);
+  --pf-topology__node__label__text--Fill: var(--pf-v5-global--palette--black-1000);
+  --pf-topology__node__label__text--m-secondary--Fill: var(--pf-v5-global--Color--200);
 
-  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-global--Color--light-100);
-  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-global--Color--light-100);
-  --pf-topology__node--m-selected--m-info--node__label__text--Fill: var(--pf-global--Color--light-100);
-  --pf-topology__node--m-selected--m-danger--node__label__text--Fill: var(--pf-global--Color--light-100);
-  --pf-topology__node--m-selected--m-warning--node__label__text--Fill: var(--pf-global--Color--light-100);
-  --pf-topology__node--m-selected--m-success--node__label__text--Fill: var(--pf-global--Color--light-100);
+  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-v5-global--Color--light-100);
+  --pf-topology__node--m-selected--node__label__text--m-secondary--Fill: var(--pf-v5-global--Color--light-100);
+  --pf-topology__node--m-selected--m-info--node__label__text--Fill: var(--pf-v5-global--Color--light-100);
+  --pf-topology__node--m-selected--m-danger--node__label__text--Fill: var(--pf-v5-global--Color--light-100);
+  --pf-topology__node--m-selected--m-warning--node__label__text--Fill: var(--pf-v5-global--Color--light-100);
+  --pf-topology__node--m-selected--m-success--node__label__text--Fill: var(--pf-v5-global--Color--light-100);
 
-  --pf-topology__node__label__background--Fill: var(--pf-global--BackgroundColor--100);
-  --pf-topology__node__label__background--Stroke: var(--pf-global--BorderColor--100);
+  --pf-topology__node__label__background--Fill: var(--pf-v5-global--BackgroundColor--100);
+  --pf-topology__node__label__background--Stroke: var(--pf-v5-global--BorderColor--100);
 
   --pf-topology__node--m-hover--label__background--Stroke: var(--pf-topology__node__label__background--Stroke);
 
-  --pf-topology__node--m-selected--node__label__background--Stroke: var(--pf-global--active-color--100);
-  --pf-topology__node--m-info--node__label__background--Stroke: var(--pf-global--primary-color--light-100);
-  --pf-topology__node--m-success--node__label__background--Stroke: var(--pf-global--success-color--100);
-  --pf-topology__node--m-warning--node__label__background--Stroke: var(--pf-global--warning-color--100);
-  --pf-topology__node--m-danger--node__label__background--Stroke: var(--pf-global--danger-color--100);
-  --pf-topology__node__label__background--StrokeWidth: var(--pf-global--BorderWidth--sm);
-  --pf-topology__node__label--m-dragging--background--StrokeWidth: var(--pf-global--BorderWidth--sm);
+  --pf-topology__node--m-selected--node__label__background--Stroke: var(--pf-v5-global--active-color--100);
+  --pf-topology__node--m-info--node__label__background--Stroke: var(--pf-v5-global--primary-color--light-100);
+  --pf-topology__node--m-success--node__label__background--Stroke: var(--pf-v5-global--success-color--100);
+  --pf-topology__node--m-warning--node__label__background--Stroke: var(--pf-v5-global--warning-color--100);
+  --pf-topology__node--m-danger--node__label__background--Stroke: var(--pf-v5-global--danger-color--100);
+  --pf-topology__node__label__background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-topology__node__label--m-dragging--background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
 
-  --pf-topology__node--m-selected--node__label__background--Fill: var(--pf-global--active-color--100);
-  --pf-topology__node--m-selected--m-info--node__label__background--Fill: var(--pf-global--primary-color--light-100);
-  --pf-topology__node--m-selected--m-danger--node__label__background--Fill: var(--pf-global--danger-color--100);
-  --pf-topology__node--m-selected--m-warning--node__label__background--Fill: var(--pf-global--warning-color--100);
-  --pf-topology__node--m-selected--m-success--node__label__background--Fill: var(--pf-global--success-color--100);
+  --pf-topology__node--m-selected--node__label__background--Fill: var(--pf-v5-global--active-color--100);
+  --pf-topology__node--m-selected--m-info--node__label__background--Fill: var(--pf-v5-global--primary-color--light-100);
+  --pf-topology__node--m-selected--m-danger--node__label__background--Fill: var(--pf-v5-global--danger-color--100);
+  --pf-topology__node--m-selected--m-warning--node__label__background--Fill: var(--pf-v5-global--warning-color--100);
+  --pf-topology__node--m-selected--m-success--node__label__background--Fill: var(--pf-v5-global--success-color--100);
 
   /* node label icon */
-  --pf-topology__node__label__icon--Color: var(--pf-global--Color--200);
+  --pf-topology__node__label__icon--Color: var(--pf-v5-global--Color--200);
 
-  --pf-topology__node__label__icon__background--Fill: var(--pf-global--palette--white);
-  --pf-topology__node__label__icon__background--StrokeWidth: var(--pf-global--BorderWidth--sm);
-  --pf-topology__node__label__icon__background--Stroke: var(--pf-global--BorderColor--100);
+  --pf-topology__node__label__icon__background--Fill: var(--pf-v5-global--palette--white);
+  --pf-topology__node__label__icon__background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-topology__node__label__icon__background--Stroke: var(--pf-v5-global--BorderColor--100);
 
-  --pf-topology__node--m-selected--label__icon__background--Stroke: var(--pf-global--active-color--100);
-  --pf-topology__node--m-info--label__icon__background--Stroke: var(--pf-global--primary-color--light-100);
-  --pf-topology__node--m-success--label__icon__background--Stroke: var(--pf-global--success-color--100);
-  --pf-topology__node--m-warning--label__icon__background--Stroke: var(--pf-global--warning-color--100);
-  --pf-topology__node--m-danger--label__icon__background--Stroke: var(--pf-global--danger-color--100);
+  --pf-topology__node--m-selected--label__icon__background--Stroke: var(--pf-v5-global--active-color--100);
+  --pf-topology__node--m-info--label__icon__background--Stroke: var(--pf-v5-global--primary-color--light-100);
+  --pf-topology__node--m-success--label__icon__background--Stroke: var(--pf-v5-global--success-color--100);
+  --pf-topology__node--m-warning--label__icon__background--Stroke: var(--pf-v5-global--warning-color--100);
+  --pf-topology__node--m-danger--label__icon__background--Stroke: var(--pf-v5-global--danger-color--100);
 
-  --pf-topology__node__label__badge__rect--StrokeWidth: var(--pf-global--BorderWidth--sm);
+  --pf-topology__node__label__badge__rect--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
 
-  --pf-topology__node__separator--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology__node--m-selected--separator--Stroke: var(--pf-global--BorderColor--100);
+  --pf-topology__node__separator--Stroke: var(--pf-v5-global--BorderColor--100);
+  --pf-topology__node--m-selected--separator--Stroke: var(--pf-v5-global--BorderColor--100);
 
-  --pf-topology__node__action-icon__icon--Color: var(--pf-global--palette--black-1000);
-  --pf-topology__node--m-selected--action-icon__icon--Color: var(--pf-global--Color--light-100);
+  --pf-topology__node__action-icon__icon--Color: var(--pf-v5-global--palette--black-1000);
+  --pf-topology__node--m-selected--action-icon__icon--Color: var(--pf-v5-global--Color--light-100);
 
   /* group */
-  --pf-topology__group--m-selected--topology__node__action-icon__icon--Color: var(--pf-global--palette--white);
+  --pf-topology__group--m-selected--topology__node__action-icon__icon--Color: var(--pf-v5-global--palette--white);
 
-  --pf-topology__group__background--Fill: var(--pf-global--BackgroundColor--light-300);
-  --pf-topology__group__background--Stroke: var(--pf-global--palette--white);
+  --pf-topology__group__background--Fill: var(--pf-v5-global--BackgroundColor--light-300);
+  --pf-topology__group__background--Stroke: var(--pf-v5-global--palette--white);
 
-  --pf-topology__group--m-alt-group--topology__group__background--Fill: var(--pf-global--palette--white);
-  --pf-topology__group--m-selected--topology__group__background--Fill: var(--pf-global--palette--blue-50);
+  --pf-topology__group--m-alt-group--topology__group__background--Fill: var(--pf-v5-global--palette--white);
+  --pf-topology__group--m-selected--topology__group__background--Fill: var(--pf-v5-global--palette--blue-50);
 
-  --pf-topology__group--m-selected--topology__group__background--Stroke: var(--pf-global--active-color--100);
-  --pf-topology__group--m-hover--topology__group__background--Stroke: var(--pf-global--BackgroundColor--dark-400);
-  --pf-topology__group--m-drop-target--topology__group__background--Fill: var(--pf-global--palette--blue-50);
-  --pf-topology__group--m-drop-target--topology__group__background--Stroke: var(--pf-global--active-color--100);
-  --pf-topology__group__collapsed-badge__node__label__badge__rect--Fill: var(--pf-global--palette--white);
-  --pf-topology__group__collapsed-badge__node__label__badge__rect--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology__group__collapsed-badge__node__label__badge__text--Fill: var(--pf-global--palette--black-800);
+  --pf-topology__group--m-selected--topology__group__background--Stroke: var(--pf-v5-global--active-color--100);
+  --pf-topology__group--m-hover--topology__group__background--Stroke: var(--pf-v5-global--BackgroundColor--dark-400);
+  --pf-topology__group--m-drop-target--topology__group__background--Fill: var(--pf-v5-global--palette--blue-50);
+  --pf-topology__group--m-drop-target--topology__group__background--Stroke: var(--pf-v5-global--active-color--100);
+  --pf-topology__group__collapsed-badge__node__label__badge__rect--Fill: var(--pf-v5-global--palette--white);
+  --pf-topology__group__collapsed-badge__node__label__badge__rect--Stroke: var(--pf-v5-global--BorderColor--100);
+  --pf-topology__group__collapsed-badge__node__label__badge__text--Fill: var(--pf-v5-global--palette--black-800);
 
-  --pf-topology__group__label__node__label__background--Fill: var(--pf-global--BackgroundColor--dark-300);
-  --pf-topology__group__label__node__label__background--StrokeWidth: var(--pf-global--BorderWidth--sm);
-  --pf-topology__group__label__text--Fill: var(--pf-global--palette--white);
-  --pf-topology__group__label__node__action-icon__icon--Color: var(--pf-global--palette--white);
-  --pf-topology__group--m-selected--group__label__node__label__background--Fill: var(--pf-global--active-color--100);
+  --pf-topology__group__label__node__label__background--Fill: var(--pf-v5-global--BackgroundColor--dark-300);
+  --pf-topology__group__label__node__label__background--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-topology__group__label__text--Fill: var(--pf-v5-global--palette--white);
+  --pf-topology__group__label__node__action-icon__icon--Color: var(--pf-v5-global--palette--white);
+  --pf-topology__group--m-selected--group__label__node__label__background--Fill: var(--pf-v5-global--active-color--100);
 
   /* edge */
-  --pf-topology__edge--Stroke: var(--pf-global--secondary-color--100);
-  --pf-topology__edge--StrokeWidth: var(--pf-global--BorderWidth--sm);
-  --pf-topology__edge--HoverStroke: var(--pf-global--Color--100);
-  --pf-topology__edge--ActiveStroke: var(--pf-global--active-color--100);
+  --pf-topology__edge--Stroke: var(--pf-v5-global--secondary-color--100);
+  --pf-topology__edge--StrokeWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-topology__edge--HoverStroke: var(--pf-v5-global--Color--100);
+  --pf-topology__edge--ActiveStroke: var(--pf-v5-global--active-color--100);
   --pf-topology__edge--ActiveStrokeWidth: 2px;
-  --pf-topology__edge--InteractiveStroke: var(--pf-global--active-color--100);
+  --pf-topology__edge--InteractiveStroke: var(--pf-v5-global--active-color--100);
 
-  --pf-topology__edge--m-info--EdgeStroke: var(--pf-global--primary-color--light-100);
-  --pf-topology__edge--m-success--EdgeStroke: var(--pf-global--success-color--100);
-  --pf-topology__edge--m-warning--EdgeStroke: var(--pf-global--warning-color--100);
-  --pf-topology__edge--m-danger--EdgeStroke: var(--pf-global--danger-color--100);
+  --pf-topology__edge--m-info--EdgeStroke: var(--pf-v5-global--primary-color--light-100);
+  --pf-topology__edge--m-success--EdgeStroke: var(--pf-v5-global--success-color--100);
+  --pf-topology__edge--m-warning--EdgeStroke: var(--pf-v5-global--warning-color--100);
+  --pf-topology__edge--m-danger--EdgeStroke: var(--pf-v5-global--danger-color--100);
 
-  --pf-topology__edge--m-selected--background--Stroke: var(--pf-global--active-color--200);
-  --pf-topology__edge--m-hover--background--Stroke: var(--pf-global--BorderColor--100);
+  --pf-topology__edge--m-selected--background--Stroke: var(--pf-v5-global--active-color--200);
+  --pf-topology__edge--m-hover--background--Stroke: var(--pf-v5-global--BorderColor--100);
 
-  --pf-topology__edge__tag__text--Fill: var(--pf-global--palette--white);
-  --pf-topology__edge__tag__text--Stroke: var(--pf-global--palette--white);
+  --pf-topology__edge__tag__text--Fill: var(--pf-v5-global--palette--white);
+  --pf-topology__edge__tag__text--Stroke: var(--pf-v5-global--palette--white);
 
-  --pf-topology__edge__tag__background--Fill: var(--pf-global--secondary-color--100);
-  --pf-topology__edge__tag--m-info--background--Fill: var(--pf-global--primary-color--light-100);
-  --pf-topology__edge__tag--m-success--background--Fill: var(--pf-global--success-color--100);
-  --pf-topology__edge__tag--m-warning--background--Fill: var(--pf-global--warning-color--100);
+  --pf-topology__edge__tag__background--Fill: var(--pf-v5-global--secondary-color--100);
+  --pf-topology__edge__tag--m-info--background--Fill: var(--pf-v5-global--primary-color--light-100);
+  --pf-topology__edge__tag--m-success--background--Fill: var(--pf-v5-global--success-color--100);
+  --pf-topology__edge__tag--m-warning--background--Fill: var(--pf-v5-global--warning-color--100);
 
-  --pf-topology__edge__tag--m-warning--text--Fill: var(--pf-global--palette--black-1000);
-  --pf-topology__edge__tag--m-warning--text--Stroke: var(--pf-global--palette--black-1000);
+  --pf-topology__edge__tag--m-warning--text--Fill: var(--pf-v5-global--palette--black-1000);
+  --pf-topology__edge__tag--m-warning--text--Stroke: var(--pf-v5-global--palette--black-1000);
 
-  --pf-topology__edge__tag--m-danger--background--Fill: var(--pf-global--danger-color--100);
+  --pf-topology__edge__tag--m-danger--background--Fill: var(--pf-v5-global--danger-color--100);
 
   /* connectors */
-  --pf-topology-connector-arrow--m-alt-connector-arrow--Fill: var(--pf-global--palette--white);
+  --pf-topology-connector-arrow--m-alt-connector-arrow--Fill: var(--pf-v5-global--palette--white);
 
-  --pf-topology__connector-square--m-source--Fill: var(--pf-global--BackgroundColor--100);
+  --pf-topology__connector-square--m-source--Fill: var(--pf-v5-global--BackgroundColor--100);
 
-  --pf-topology-default-create-connector__arrow--Fill: var(--pf-global--Color--light-200);
+  --pf-topology-default-create-connector__arrow--Fill: var(--pf-v5-global--Color--light-200);
 
-  --pf-topology-default-create-connector--m-hover--line--Stroke: var(--pf-global--Color--100);
-  --pf-topology-default-create-connector--m-hover--arrow--Fill: var(--pf-global--Color--100);
-  --pf-topology-default-create-connector--m-hover--arrow--Stroke: var(--pf-global--Color--100);
+  --pf-topology-default-create-connector--m-hover--line--Stroke: var(--pf-v5-global--Color--100);
+  --pf-topology-default-create-connector--m-hover--arrow--Fill: var(--pf-v5-global--Color--100);
+  --pf-topology-default-create-connector--m-hover--arrow--Stroke: var(--pf-v5-global--Color--100);
 }
 
 /* DARK THEME OVERRIDES */
 :root:where(.pf-theme-dark) {
-  --pf-topology-visualization-surface--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-topology-visualization-surface--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
 
-  --pf-topology__node--Color: var(--pf-global--Color--100);
+  --pf-topology__node--Color: var(--pf-v5-global--Color--100);
 
   /* dark create connector */
-  --pf-topology__create-connector-color--Stroke: var(--pf-global--palette--black-300);
-  --pf-topology__create-connector-color--Fill: var(--pf-global--palette--black-100);
-  --pf-topology-default-create-connector__arrow--Fill: var(--pf-global--BackgroundColor--100);
-  --pf-topology-default-create-connector--m-hover--line--Stroke: var(--pf-global--palette--black-100);
-  --pf-topology-default-create-connector--m-hover--arrow--Fill: var(--pf-global--palette--black-100);
-  --pf-topology-default-create-connector--m-hover--arrow--Stroke: var(--pf-global--palette--black-100);
+  --pf-topology__create-connector-color--Stroke: var(--pf-v5-global--palette--black-300);
+  --pf-topology__create-connector-color--Fill: var(--pf-v5-global--palette--black-100);
+  --pf-topology-default-create-connector__arrow--Fill: var(--pf-v5-global--BackgroundColor--100);
+  --pf-topology-default-create-connector--m-hover--line--Stroke: var(--pf-v5-global--palette--black-100);
+  --pf-topology-default-create-connector--m-hover--arrow--Fill: var(--pf-v5-global--palette--black-100);
+  --pf-topology-default-create-connector--m-hover--arrow--Stroke: var(--pf-v5-global--palette--black-100);
 
   /* dark node */
-  --pf-topology__node__background--Fill: var(--pf-global--BackgroundColor--300);
-  --pf-topology__node__background--Stroke:  var(--pf-global--palette--black-300);
+  --pf-topology__node__background--Fill: var(--pf-v5-global--BackgroundColor--300);
+  --pf-topology__node__background--Stroke:  var(--pf-v5-global--palette--black-300);
 
   --pf-topology__node--m-disabled--Background--Fill: var(--pf-topology__node__background--Fill);
-  --pf-topology__node--m-disabled--Background--Stroke: var(--pf-global--palette--black-500);
+  --pf-topology__node--m-disabled--Background--Stroke: var(--pf-v5-global--palette--black-500);
 
   --pf-topology__node--m-dragging--background--StrokeWidth: 2px;
 
-  --pf-topology__node--m-hover--background--Stroke: var(--pf-global--palette--black-100);
-  --pf-topology__node--m-hover--label__background--Stroke: var(--pf-global--palette--black-100);
+  --pf-topology__node--m-hover--background--Stroke: var(--pf-v5-global--palette--black-100);
+  --pf-topology__node--m-hover--label__background--Stroke: var(--pf-v5-global--palette--black-100);
 
   /* dark node labels */
-  --pf-topology__node__label__background--Fill: var(--pf-global--BackgroundColor--300);
-  --pf-topology__node__label__background--Stroke: var(--pf-global--BorderColor--300);
+  --pf-topology__node__label__background--Fill: var(--pf-v5-global--BackgroundColor--300);
+  --pf-topology__node__label__background--Stroke: var(--pf-v5-global--BorderColor--300);
   --pf-topology__node__label--m-dragging--background--StrokeWidth: 2px;
-  --pf-topology__node__label__text--Fill: var(--pf-global--Color--100);
+  --pf-topology__node__label__text--Fill: var(--pf-v5-global--Color--100);
 
   /* dark selected nodes */
-  --pf-topology__node--m-selected--node__background--Stroke: var(--pf-global--palette--blue-300);
-  --pf-topology__node--m-selected--node__label__background--Stroke: var(--pf-global--palette--blue-400);
-  --pf-topology__node--m-selected--node__label__background--Fill: var(--pf-global--palette--blue-400);
-  --pf-topology__node--m-selected--separator--Stroke: var(--pf-global--palette--blue-300);
+  --pf-topology__node--m-selected--node__background--Stroke: var(--pf-v5-global--palette--blue-300);
+  --pf-topology__node--m-selected--node__label__background--Stroke: var(--pf-v5-global--palette--blue-400);
+  --pf-topology__node--m-selected--node__label__background--Fill: var(--pf-v5-global--palette--blue-400);
+  --pf-topology__node--m-selected--separator--Stroke: var(--pf-v5-global--palette--blue-300);
 
-  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-global--Color--100);
-  --pf-topology__node--m-selected--m-info--node__label__text--Fill: var(--pf-global--palette--black-900);
-  --pf-topology__node--m-selected--m-danger--node__label__text--Fill: var(--pf-global--palette--black-900);
-  --pf-topology__node--m-selected--m-warning--node__label__text--Fill: var(--pf-global--palette--black-900);
-  --pf-topology__node--m-selected--m-success--node__label__text--Fill: var(--pf-global--palette--black-900);
+  --pf-topology__node--m-selected--node__label__text--Fill: var(--pf-v5-global--Color--100);
+  --pf-topology__node--m-selected--m-info--node__label__text--Fill: var(--pf-v5-global--palette--black-900);
+  --pf-topology__node--m-selected--m-danger--node__label__text--Fill: var(--pf-v5-global--palette--black-900);
+  --pf-topology__node--m-selected--m-warning--node__label__text--Fill: var(--pf-v5-global--palette--black-900);
+  --pf-topology__node--m-selected--m-success--node__label__text--Fill: var(--pf-v5-global--palette--black-900);
 
-  --pf-topology__node__label__icon--Color: var(--pf-global--palette--black-600);
+  --pf-topology__node__label__icon--Color: var(--pf-v5-global--palette--black-600);
 
-  --pf-topology__node__action-icon__icon--Color: var(--pf-global--Color--100);
+  --pf-topology__node__action-icon__icon--Color: var(--pf-v5-global--Color--100);
 
   /* dark group */
-  --pf-topology__group__background--Fill: var(--pf-global--BackgroundColor--300);
-  --pf-topology__group__background--Stroke: var(--pf-global--palette--black-300);
-  --pf-topology__group--m-alt-group--topology__group__background--Fill: var(--pf-global--palette--black-500);
-  --pf-topology__group--m-alt-group--topology__group__background--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology__group--m-selected--topology__group__background--Fill: var(--pf-global--primary-color--300);
-  --pf-topology__group--m-selected--topology__group__background--Stroke: var(--pf-global--active-color--300);
-  --pf-topology__group--m-hover--topology__group__background--Stroke: var(--pf-global--palette--black-100);
-  --pf-topology__group--m-drop-target--topology__group__background--Stroke: var(--pf-global--palette--blue-300);
+  --pf-topology__group__background--Fill: var(--pf-v5-global--BackgroundColor--300);
+  --pf-topology__group__background--Stroke: var(--pf-v5-global--palette--black-300);
+  --pf-topology__group--m-alt-group--topology__group__background--Fill: var(--pf-v5-global--palette--black-500);
+  --pf-topology__group--m-alt-group--topology__group__background--Stroke: var(--pf-v5-global--BorderColor--100);
+  --pf-topology__group--m-selected--topology__group__background--Fill: var(--pf-v5-global--primary-color--300);
+  --pf-topology__group--m-selected--topology__group__background--Stroke: var(--pf-v5-global--active-color--300);
+  --pf-topology__group--m-hover--topology__group__background--Stroke: var(--pf-v5-global--palette--black-100);
+  --pf-topology__group--m-drop-target--topology__group__background--Stroke: var(--pf-v5-global--palette--blue-300);
 
   --pf-topology__group__label__node__label__background--StrokeWidth: 2px;
-  --pf-topology__group__label__node__label__background--Stroke: var(--pf-global--palette--black-300);
-  --pf-topology__group--m-hover--label__node__label__background--Stroke: var(--pf-global--palette--black-100);
-  --pf-topology__group--m-selected--label__node__label__background--Stroke: var(--pf-global--primary-color--300);
+  --pf-topology__group__label__node__label__background--Stroke: var(--pf-v5-global--palette--black-300);
+  --pf-topology__group--m-hover--label__node__label__background--Stroke: var(--pf-v5-global--palette--black-100);
+  --pf-topology__group--m-selected--label__node__label__background--Stroke: var(--pf-v5-global--primary-color--300);
 
-  --pf-topology__group--m-selected--group__label__node__label__background--Fill: var(--pf-global--primary-color--300);
+  --pf-topology__group--m-selected--group__label__node__label__background--Fill: var(--pf-v5-global--primary-color--300);
 
   /* dark edge */
-  --pf-topology__edge--HoverStroke: var(--pf-global--palette--black-300);
-  --pf-topology__edge--m-hover--background--Stroke: var(--pf-global--palette--black-600);
+  --pf-topology__edge--HoverStroke: var(--pf-v5-global--palette--black-300);
+  --pf-topology__edge--m-hover--background--Stroke: var(--pf-v5-global--palette--black-600);
 
-  --pf-topology__edge--ActiveStroke: var(--pf-global--palette--blue-300);
-  --pf-topology__edge--m-selected--background--Stroke: var(--pf-global--palette--black-600);
+  --pf-topology__edge--ActiveStroke: var(--pf-v5-global--palette--blue-300);
+  --pf-topology__edge--m-selected--background--Stroke: var(--pf-v5-global--palette--black-600);
 
-  --pf-topology__edge__tag__background--Fill: var(--pf-global--palette--black-300);
-  --pf-topology__edge__tag__text--Fill: var(--pf-global--palette--black-900);
-  --pf-topology__edge__tag__text--Stroke: var(--pf-global--palette--black-900);
+  --pf-topology__edge__tag__background--Fill: var(--pf-v5-global--palette--black-300);
+  --pf-topology__edge__tag__text--Fill: var(--pf-v5-global--palette--black-900);
+  --pf-topology__edge__tag__text--Stroke: var(--pf-v5-global--palette--black-900);
 
 }
 
@@ -266,12 +266,12 @@
 
 .pf-topology-context-sub-menu {
   position: relative;
-  padding-right: var(--pf-global--spacer--lg) !important;
+  padding-right: var(--pf-v5-global--spacer--lg) !important;
 }
 
 .pf-topology-context-sub-menu__arrow {
   position: absolute;
-  right: var(--pf-global--spacer--xs);
+  right: var(--pf-v5-global--spacer--xs);
   top: 50%;
   transform: translateY(-50%);
 }
@@ -372,7 +372,7 @@
 }
 
 .pf-topology__node__decorator__icon {
-  font-size: var(--pf-global--icon--FontSize--sm);
+  font-size: var(--pf-v5-global--icon--FontSize--sm);
   color: var(--pf-topology__node_decorator--Color);
 }
 
@@ -396,13 +396,13 @@
 /* Node label */
 .pf-topology__node__label > text {
   fill: var(--pf-topology__node__label__text--Fill);
-  font-size: var(--pf-global--FontSize--sm);
+  font-size: var(--pf-v5-global--FontSize--sm);
   pointer-events: none;
 }
 
 .pf-topology__node__label > text.pf-m-secondary {
   fill: var(--pf-topology__node__label__text--m-secondary--Fill);
-  font-size: var(--pf-global--FontSize--xs);
+  font-size: var(--pf-v5-global--FontSize--xs);
 }
 
 .pf-topology__node.pf-m-selected .pf-topology__node__label > text {
@@ -467,7 +467,7 @@
 }
 
 .pf-topology__node__label__badge > text {
-  font-size: var(--pf-global--FontSize--xs);
+  font-size: var(--pf-v5-global--FontSize--xs);
   pointer-events: none;
 }
 
@@ -578,7 +578,7 @@
 }
 
 .pf-topology__group__collapsed-badge.pf-topology__node__label__badge > text {
-  font-size: var(--pf-global--FontSize--xs);
+  font-size: var(--pf-v5-global--FontSize--xs);
   pointer-events: none;
   fill: var(--pf-topology__group__collapsed-badge__node__label__badge__text--Fill);
 }
@@ -592,7 +592,7 @@
 
 .pf-topology__group__label > text {
   fill: var(--pf-topology__group__label__text--Fill);
-  font-size: var(--pf-global--FontSize--sm);
+  font-size: var(--pf-v5-global--FontSize--sm);
   pointer-events: none;
 }
 
diff --git a/packages/module/src/css/topology-controlbar.css b/packages/module/src/css/topology-controlbar.css
index 8b6c1d7c..d920085a 100644
--- a/packages/module/src/css/topology-controlbar.css
+++ b/packages/module/src/css/topology-controlbar.css
@@ -1,22 +1,22 @@
 .pf-topology-control-bar {
   position: absolute;
-  bottom: var(--pf-global--spacer--md);
-  left: var(--pf-global--spacer--xl);
+  bottom: var(--pf-v5-global--spacer--md);
+  left: var(--pf-v5-global--spacer--xl);
 }
-.pf-topology-control-bar__button.pf-c-button.pf-m-tertiary {
-  margin-right: var(--pf-global--spacer--xs);
-  margin-top: var(--pf-global--spacer--xs);
+.pf-topology-control-bar__button.pf-v5-c-button.pf-m-tertiary {
+  margin-right: var(--pf-v5-global--spacer--xs);
+  margin-top: var(--pf-v5-global--spacer--xs);
   border: none;
-  border-radius: var(--pf-global--BorderRadius--sm);
-  box-shadow: var(--pf-global--BoxShadow--sm);
+  border-radius: var(--pf-v5-global--BorderRadius--sm);
+  box-shadow: var(--pf-v5-global--BoxShadow--sm);
 }
-.pf-topology-control-bar__button.pf-c-button.pf-m-tertiary:not(.pf-m-disabled) {
-  background-color: var(--pf-global--BackgroundColor--100);
+.pf-topology-control-bar__button.pf-v5-c-button.pf-m-tertiary:not(.pf-m-disabled) {
+  background-color: var(--pf-v5-global--BackgroundColor--100);
 }
-.pf-topology-control-bar__button.pf-c-button.pf-m-tertiary:after {
+.pf-topology-control-bar__button.pf-v5-c-button.pf-m-tertiary:after {
   display: none;
 }
-.pf-topology-control-bar__button.pf-c-button.pf-m-tertiary:hover {
+.pf-topology-control-bar__button.pf-v5-c-button.pf-m-tertiary:hover {
   border: none;
-  box-shadow: var(--pf-global--BoxShadow--md);
+  box-shadow: var(--pf-v5-global--BoxShadow--md);
 }
diff --git a/packages/module/src/css/topology-pipelines.css b/packages/module/src/css/topology-pipelines.css
index 55fbe9c5..689a69ed 100644
--- a/packages/module/src/css/topology-pipelines.css
+++ b/packages/module/src/css/topology-pipelines.css
@@ -1,121 +1,121 @@
 :root {
 
   /* pill */
-  --pf-topology-pipelines__pill--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-text--FontSize: var(--pf-global--FontSize--sm);
-  --pf-topology-pipelines__pill-text--FontFamily: var(--pf-global--FontFamily--sans-serif);
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-global--BackgroundColor--100);
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-global--BorderColor--100);
+  --pf-topology-pipelines__pill--Color: var(--pf-v5-global--Color--100);
+  --pf-topology-pipelines__pill-text--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-topology-pipelines__pill-text--FontFamily: var(--pf-v5-global--FontFamily--sans-serif);
+  --pf-topology-pipelines__pill-background--Fill: var(--pf-v5-global--BackgroundColor--100);
+  --pf-topology-pipelines__pill-background--Stroke: var(--pf-v5-global--BorderColor--100);
   --pf-topology-pipelines__pill-background--StrokeWidth: 1px;
 
   /* pill with status */
-  --pf-topology-pipelines__pill-background--m-danger--Fill: var(--pf-global--danger-color--100);
-  --pf-topology-pipelines__pill-background--m-success--Fill: var(--pf-global--success-color--100);
-  --pf-topology-pipelines__pill-background--m-warning--Fill: var(--pf-global--warning-color--100);
-  --pf-topology-pipelines__pill-background--m-skipped--Fill: var(--pf-global--secondary-color--100);
-  --pf-topology-pipelines__pill-background--m-in-progress--Fill: var(--pf-global--info-color--100);
-  --pf-topology-pipelines__pill-background--m-pending--Fill: var(--pf-global--BackgroundColor--100);
-  --pf-topology-pipelines__pill-background--m-running--Fill: var(--pf-global--BackgroundColor--100);
-  --pf-topology-pipelines__pill-background--m-idle--Fill: var(--pf-global--BackgroundColor--100);
-
-  --pf-topology-pipelines__pill-background--m-danger--Stroke: var(--pf-global--danger-color--100);
-  --pf-topology-pipelines__pill-background--m-success--Stroke: var(--pf-global--success-color--100);
-  --pf-topology-pipelines__pill-background--m-warning--Stroke: var(--pf-global--warning-color--100);
-  --pf-topology-pipelines__pill-background--m-skipped--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-background--m-in-progress--Stroke: var(--pf-global--info-color--100);
-  --pf-topology-pipelines__pill-background--m-pending--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-background--m-running--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-background--m-idle--Stroke: var(--pf-global--BorderColor--100);
+  --pf-topology-pipelines__pill-background--m-danger--Fill: var(--pf-v5-global--danger-color--100);
+  --pf-topology-pipelines__pill-background--m-success--Fill: var(--pf-v5-global--success-color--100);
+  --pf-topology-pipelines__pill-background--m-warning--Fill: var(--pf-v5-global--warning-color--100);
+  --pf-topology-pipelines__pill-background--m-skipped--Fill: var(--pf-v5-global--secondary-color--100);
+  --pf-topology-pipelines__pill-background--m-in-progress--Fill: var(--pf-v5-global--info-color--100);
+  --pf-topology-pipelines__pill-background--m-pending--Fill: var(--pf-v5-global--BackgroundColor--100);
+  --pf-topology-pipelines__pill-background--m-running--Fill: var(--pf-v5-global--BackgroundColor--100);
+  --pf-topology-pipelines__pill-background--m-idle--Fill: var(--pf-v5-global--BackgroundColor--100);
+
+  --pf-topology-pipelines__pill-background--m-danger--Stroke: var(--pf-v5-global--danger-color--100);
+  --pf-topology-pipelines__pill-background--m-success--Stroke: var(--pf-v5-global--success-color--100);
+  --pf-topology-pipelines__pill-background--m-warning--Stroke: var(--pf-v5-global--warning-color--100);
+  --pf-topology-pipelines__pill-background--m-skipped--Stroke: var(--pf-v5-global--BorderColor--100);
+  --pf-topology-pipelines__pill-background--m-in-progress--Stroke: var(--pf-v5-global--info-color--100);
+  --pf-topology-pipelines__pill-background--m-pending--Stroke: var(--pf-v5-global--BorderColor--100);
+  --pf-topology-pipelines__pill-background--m-running--Stroke: var(--pf-v5-global--BorderColor--100);
+  --pf-topology-pipelines__pill-background--m-idle--Stroke: var(--pf-v5-global--BorderColor--100);
 
   /* selected pill */
-  --pf-topology-pipelines__pill-background--m-selected--Fill: var(--pf-global--active-color--100);
-  --pf-topology-pipelines__pill-background--m-selected--Stroke: var(--pf-global--active-color--100);
-  --pf-topology-pipelines__pill-background--m-selected__text--Color: var(--pf-global--Color--light-100);
+  --pf-topology-pipelines__pill-background--m-selected--Fill: var(--pf-v5-global--active-color--100);
+  --pf-topology-pipelines__pill-background--m-selected--Stroke: var(--pf-v5-global--active-color--100);
+  --pf-topology-pipelines__pill-background--m-selected__text--Color: var(--pf-v5-global--Color--light-100);
 
   /* selected pill with status */
-  --pf-topology-pipelines__pill-background--m-selected--m-danger--Fill: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-background--m-selected--m-success--Fill: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-background--m-selected--m-warning--Fill: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill: var(--pf-global--secondary-color--100);
-  --pf-topology-pipelines__pill-background--m-selected--m-in-progress--Fill: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-background--m-selected--m-pending--Fill: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-background--m-selected--m-running--Fill: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-background--m-selected--m-idle--Fill: var(--pf-global--BorderColor--100);
+  --pf-topology-pipelines__pill-background--m-selected--m-danger--Fill: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-background--m-selected--m-success--Fill: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-background--m-selected--m-warning--Fill: var(--pf-v5-global--Color--100);
+  --pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill: var(--pf-v5-global--secondary-color--100);
+  --pf-topology-pipelines__pill-background--m-selected--m-in-progress--Fill: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-background--m-selected--m-pending--Fill: var(--pf-v5-global--BorderColor--100);
+  --pf-topology-pipelines__pill-background--m-selected--m-running--Fill: var(--pf-v5-global--BorderColor--100);
+  --pf-topology-pipelines__pill-background--m-selected--m-idle--Fill: var(--pf-v5-global--BorderColor--100);
 
   --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill--Color);
 
-  --pf-topology-pipelines__pill-text--m-selected--Color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-global--palette--black-1000);
-  --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-global--palette--black-1000);
-  --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-global--palette--black-1000);
+  --pf-topology-pipelines__pill-text--m-selected--Color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-v5-global--Color--100);
+  --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-v5-global--palette--black-1000);
+  --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-v5-global--palette--black-1000);
+  --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-v5-global--palette--black-1000);
 
   /* pill status icon */
-  --pf-topology-pipelines__pill-status--color: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-status--m-danger--color: var(--pf-global--danger-color--100);
-  --pf-topology-pipelines__pill-status--m-success--color: var(--pf-global--success-color--100);
-  --pf-topology-pipelines__pill-status--m-warning--color: var(--pf-global--warning-color--100);
-  --pf-topology-pipelines__pill-status--m-skipped--color: var(--pf-global--secondary-color--100);
-  --pf-topology-pipelines__pill-status--m-in-progress--color: var(--pf-global--info-color--100);
-  --pf-topology-pipelines__pill-status--m-pending--color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-status--m-running--color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-status--m-idle--color: var(--pf-global--Color--100);
+  --pf-topology-pipelines__pill-status--color: var(--pf-v5-global--BorderColor--100);
+  --pf-topology-pipelines__pill-status--m-danger--color: var(--pf-v5-global--danger-color--100);
+  --pf-topology-pipelines__pill-status--m-success--color: var(--pf-v5-global--success-color--100);
+  --pf-topology-pipelines__pill-status--m-warning--color: var(--pf-v5-global--warning-color--100);
+  --pf-topology-pipelines__pill-status--m-skipped--color: var(--pf-v5-global--secondary-color--100);
+  --pf-topology-pipelines__pill-status--m-in-progress--color: var(--pf-v5-global--info-color--100);
+  --pf-topology-pipelines__pill-status--m-pending--color: var(--pf-v5-global--Color--100);
+  --pf-topology-pipelines__pill-status--m-running--color: var(--pf-v5-global--Color--100);
+  --pf-topology-pipelines__pill-status--m-idle--color: var(--pf-v5-global--Color--100);
 
   /* selected pill status icon */
-  --pf-topology-pipelines__pill-status--m-selected--color: var(--pf-global--active-color--100);
-  --pf-topology-pipelines__pill-status--m-selected--m-danger--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-status--m-selected--m-success--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-status--m-selected--m-warning--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-status--m-selected--m-skipped--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-status--m-selected--m-in-progress--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-status--m-selected--m-pending--color: var(--pf-global--palette--black-1000);
-  --pf-topology-pipelines__pill-status--m-selected--m-running--color: var(--pf-global--palette--black-1000);
-  --pf-topology-pipelines__pill-status--m-selected--m-idle--color: var(--pf-global--palette--black-1000);
-
-  --pf-topology-pipelines__pill-badge--fill: var(--pf-global--palette--black-200);
-  --pf-topology-pipelines__pill-badge--text--fill: var(--pf-global--palette--black-1000);
+  --pf-topology-pipelines__pill-status--m-selected--color: var(--pf-v5-global--active-color--100);
+  --pf-topology-pipelines__pill-status--m-selected--m-danger--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-status--m-selected--m-success--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-status--m-selected--m-warning--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-status--m-selected--m-skipped--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-status--m-selected--m-in-progress--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__pill-status--m-selected--m-pending--color: var(--pf-v5-global--palette--black-1000);
+  --pf-topology-pipelines__pill-status--m-selected--m-running--color: var(--pf-v5-global--palette--black-1000);
+  --pf-topology-pipelines__pill-status--m-selected--m-idle--color: var(--pf-v5-global--palette--black-1000);
+
+  --pf-topology-pipelines__pill-badge--fill: var(--pf-v5-global--palette--black-200);
+  --pf-topology-pipelines__pill-badge--text--fill: var(--pf-v5-global--palette--black-1000);
 
   /* status icon, (hidden details) */
-  --pf-topology-pipelines__status-icon--color: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__status-icon--fill: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-danger--color: var(--pf-global--danger-color--100);
-  --pf-topology-pipelines__status-icon--m-success--color: var(--pf-global--success-color--100);
-  --pf-topology-pipelines__status-icon--m-warning--color: var(--pf-global--warning-color--100);
-  --pf-topology-pipelines__status-icon--m-skipped--color: var(--pf-global--secondary-color--100);
-  --pf-topology-pipelines__status-icon--m-in-progress--color: var(--pf-global--info-color--100);
-  --pf-topology-pipelines__status-icon--m-pending--color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__status-icon--m-running--color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__status-icon--m-idle--color: var(--pf-global--Color--100);
-
-  --pf-topology-pipelines__status-icon--m-selected--color: var(--pf-global--active-color--100);
-  --pf-topology-pipelines__status-icon--m-selected--m-danger--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-success--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-warning--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-skipped--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-in-progress--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-pending--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-running--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-idle--color: var(--pf-global--Color--light-100);
+  --pf-topology-pipelines__status-icon--color: var(--pf-v5-global--BorderColor--100);
+  --pf-topology-pipelines__status-icon--fill: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__status-icon--m-danger--color: var(--pf-v5-global--danger-color--100);
+  --pf-topology-pipelines__status-icon--m-success--color: var(--pf-v5-global--success-color--100);
+  --pf-topology-pipelines__status-icon--m-warning--color: var(--pf-v5-global--warning-color--100);
+  --pf-topology-pipelines__status-icon--m-skipped--color: var(--pf-v5-global--secondary-color--100);
+  --pf-topology-pipelines__status-icon--m-in-progress--color: var(--pf-v5-global--info-color--100);
+  --pf-topology-pipelines__status-icon--m-pending--color: var(--pf-v5-global--Color--100);
+  --pf-topology-pipelines__status-icon--m-running--color: var(--pf-v5-global--Color--100);
+  --pf-topology-pipelines__status-icon--m-idle--color: var(--pf-v5-global--Color--100);
+
+  --pf-topology-pipelines__status-icon--m-selected--color: var(--pf-v5-global--active-color--100);
+  --pf-topology-pipelines__status-icon--m-selected--m-danger--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__status-icon--m-selected--m-success--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__status-icon--m-selected--m-warning--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__status-icon--m-selected--m-skipped--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__status-icon--m-selected--m-in-progress--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__status-icon--m-selected--m-pending--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__status-icon--m-selected--m-running--color: var(--pf-v5-global--Color--light-100);
+  --pf-topology-pipelines__status-icon--m-selected--m-idle--color: var(--pf-v5-global--Color--light-100);
 
 
   /* when expression */
-  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-global--BorderColor--200);
-  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-global--BorderColor--200);
-  --pf-topology-pipelines__when-expression--connector--Stroke: var(--pf-global--BorderColor--100);
+  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-v5-global--BorderColor--200);
+  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-v5-global--BorderColor--200);
+  --pf-topology-pipelines__when-expression--connector--Stroke: var(--pf-v5-global--BorderColor--100);
 
   /* when expression with status */
-  --pf-topology-pipelines__when-expression--m-danger--color: var(--pf-global--danger-color--100);
-  --pf-topology-pipelines__when-expression--m-success--color: var(--pf-global--success-color--100);
-  --pf-topology-pipelines__when-expression--m-warning--color: var(--pf-global--BorderColor--200);
-  --pf-topology-pipelines__when-expression--m-skipped--color: var(--pf-global--secondary-color--100);
-  --pf-topology-pipelines__when-expression--m-in-progress--color: var(--pf-global--info-color--100);
+  --pf-topology-pipelines__when-expression--m-danger--color: var(--pf-v5-global--danger-color--100);
+  --pf-topology-pipelines__when-expression--m-success--color: var(--pf-v5-global--success-color--100);
+  --pf-topology-pipelines__when-expression--m-warning--color: var(--pf-v5-global--BorderColor--200);
+  --pf-topology-pipelines__when-expression--m-skipped--color: var(--pf-v5-global--secondary-color--100);
+  --pf-topology-pipelines__when-expression--m-in-progress--color: var(--pf-v5-global--info-color--100);
 
   /* selected when expression */
-  --pf-topology-pipelines__when-expression--m-selected--color: var(--pf-global--active-color--100);
+  --pf-topology-pipelines__when-expression--m-selected--color: var(--pf-v5-global--active-color--100);
 }
 
 
@@ -123,27 +123,27 @@
 :root:where(.pf-theme-dark) {
 
   /* dark pill */
-  --pf-topology-pipelines__pill--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-global--BackgroundColor--300);
-  --pf-topology-pipelines__pill-background--Stroke:  var(--pf-global--palette--black-300);
+  --pf-topology-pipelines__pill--Color: var(--pf-v5-global--Color--100);
+  --pf-topology-pipelines__pill-background--Fill: var(--pf-v5-global--BackgroundColor--300);
+  --pf-topology-pipelines__pill-background--Stroke:  var(--pf-v5-global--palette--black-300);
 
   /* dark node labels */
-  --pf-topology-pipelines__pill-text--Color: var(--pf-global--Color--100);
+  --pf-topology-pipelines__pill-text--Color: var(--pf-v5-global--Color--100);
 
   /* dark selected nodes */
-  --pf-topology-pipelines__pill-text--m-selected--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-global--palette--black-900);
-  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-global--palette--black-900);
-  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-global--palette--black-900);
-  --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-global--BackgroundColor--150);
-  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-global--palette--black-900);
-  --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-global--Color--100);
+  --pf-topology-pipelines__pill-text--m-selected--Color: var(--pf-v5-global--Color--100);
+  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-v5-global--palette--black-900);
+  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-v5-global--palette--black-900);
+  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-v5-global--palette--black-900);
+  --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-v5-global--BackgroundColor--150);
+  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-v5-global--palette--black-900);
+  --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-v5-global--Color--100);
+  --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-v5-global--Color--100);
+  --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-v5-global--Color--100);
 
-  --pf-topology-pipelines__pill__label__icon--Color: var(--pf-global--palette--black-600);
+  --pf-topology-pipelines__pill__label__icon--Color: var(--pf-v5-global--palette--black-600);
 
-  --pf-topology-pipelines__pill__action-icon__icon--Color: var(--pf-global--Color--100);
+  --pf-topology-pipelines__pill__action-icon__icon--Color: var(--pf-v5-global--Color--100);
 }
 
 .pf-topology-pipelines__pill {
@@ -177,15 +177,15 @@
 }
 
 .pf-topology-pipelines__pill.pf-m-running .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-global--BorderColor--100);
+  --pf-topology-pipelines__pill-background--Stroke: var(--pf-v5-global--BorderColor--100);
 }
 
 .pf-topology-pipelines__pill.pf-m-idle .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-global--BorderColor--100);
+  --pf-topology-pipelines__pill-background--Stroke: var(--pf-v5-global--BorderColor--100);
 }
 
 .pf-topology-pipelines__pill.pf-m-pending .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-global--BorderColor--100);
+  --pf-topology-pipelines__pill-background--Stroke: var(--pf-v5-global--BorderColor--100);
 }
 
 .pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__pill-background {
@@ -234,20 +234,20 @@
 }
 
 .pf-topology-pipelines__pill.pf-m-hover.pf-m-danger .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
+  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-v5-global--BorderWidth--md);
 }
 .pf-topology-pipelines__pill.pf-m-hover.pf-m-success .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
+  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-v5-global--BorderWidth--md);
 }
 .pf-topology-pipelines__pill.pf-m-hover.pf-m-warning .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
+  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-v5-global--BorderWidth--md);
 }
 .pf-topology-pipelines__pill.pf-m-hover.pf-m-skipped .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
+  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-v5-global--BorderWidth--md);
 }
 
 .pf-topology-pipelines__pill.pf-m-hover.pf-m-in-progress .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
+  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-v5-global--BorderWidth--md);
 }
 
 /* Node label */
diff --git a/packages/module/src/css/topology-side-bar.css b/packages/module/src/css/topology-side-bar.css
index 5c571781..0388eacb 100644
--- a/packages/module/src/css/topology-side-bar.css
+++ b/packages/module/src/css/topology-side-bar.css
@@ -9,7 +9,7 @@
   width: 0;
   max-width: 100%;
   height: 100%;
-  background-color: var(--pf-global--BackgroundColor--100);
+  background-color: var(--pf-v5-global--BackgroundColor--100);
   overflow-x: hidden;
   opacity: 0;
   z-index: 5;
@@ -23,7 +23,7 @@
 .pf-topology-side-bar.shown {
   width: 100%;
 }
-.pf-topology-side-bar__dismiss.pf-c-button {
+.pf-topology-side-bar__dismiss.pf-v5-c-button {
   position: absolute;
   top: calc(2rem - 0.375rem + 0.0625rem);
   right: 1rem;
@@ -36,7 +36,7 @@
 .pf-topology-resizable-side-bar {
   width: 100%;
   height: 100%;
-  background-color: var(--pf-global--BackgroundColor--100);
+  background-color: var(--pf-v5-global--BackgroundColor--100);
   overflow-x: hidden;
 }
 
@@ -50,7 +50,7 @@
 @media (min-width: 768px) {
   .pf-topology-container__with-sidebar {
     overflow-x: hidden;
-    background-color: var(--pf-global--Color--light-200) !important;
+    background-color: var(--pf-v5-global--Color--light-200) !important;
   }
   .pf-topology-container__with-sidebar .pf-topology-content {
     -webkit-transition: width 0.15s linear;
@@ -66,7 +66,7 @@
   }
 
   .pf-topology-side-bar.shown {
-    box-shadow: var(--pf-global--BoxShadow--md);
+    box-shadow: var(--pf-v5-global--BoxShadow--md);
     width: calc(100% - 180px);
     max-width: 550px;
   }
diff --git a/packages/module/src/css/topology-view.css b/packages/module/src/css/topology-view.css
index 464c1616..4c3f933d 100644
--- a/packages/module/src/css/topology-view.css
+++ b/packages/module/src/css/topology-view.css
@@ -1,5 +1,5 @@
 .pf-topology-content {
-  background-color: var(--pf-global--Color--light-200);
+  background-color: var(--pf-v5-global--Color--light-200);
   position: relative;
   display: flex;
   justify-content: center;
diff --git a/packages/module/src/pipelines/utils/utils.ts b/packages/module/src/pipelines/utils/utils.ts
index a1681cb0..d7a96ff8 100644
--- a/packages/module/src/pipelines/utils/utils.ts
+++ b/packages/module/src/pipelines/utils/utils.ts
@@ -59,6 +59,15 @@ const getSpacerId = (ids: string[]): string =>
       return ref;
     }, '');
 
+/**
+ * parameters:
+ *   nodes: PipelineNodeModel[] - List of task and finally nodes in the model
+ *   spacerNodeType: string     - Type to use for Spacer nodes
+ *   finallyNodeTypes: string[] - Types to consider as finally nodes on incoming nodes
+ *
+ * Returns:
+ *   PipelineNodeModel[]: a list of spacer nodes required to layout the pipeline view
+ **/
 export const getSpacerNodes = (
   nodes: PipelineNodeModel[],
   spacerNodeType = DEFAULT_SPACER_NODE_TYPE,
diff --git a/yarn.lock b/yarn.lock
index 40190244..9f2c3b35 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1767,10 +1767,10 @@
     acorn-static-class-features "^1.0.0"
     astring "^1.7.5"
 
-"@patternfly/documentation-framework@2.0.0-alpha.22":
-  version "2.0.0-alpha.22"
-  resolved "https://registry.yarnpkg.com/@patternfly/documentation-framework/-/documentation-framework-2.0.0-alpha.22.tgz#ea372a686a707a1ca8f9bafa7ce1c3765fbff3d2"
-  integrity sha512-tZEsYj1MZty6TGB+25VLM7qtKskAMAwPUWPaQ7LxBI/7AFPx3M2sSVs6YEe9DCy9Kb63gSrqM21HfpGCEMg4vA==
+"@patternfly/documentation-framework@2.0.0-alpha.57":
+  version "2.0.0-alpha.57"
+  resolved "https://registry.yarnpkg.com/@patternfly/documentation-framework/-/documentation-framework-2.0.0-alpha.57.tgz#e1963d1f16fafa8eca2af2adff1f31f7db2cc3cc"
+  integrity sha512-pZObpD8lgKBaH3RdPXhjtiiKooRo2IXnkjWsM+Sbx+DSZjLgg0nHBCMJDPsJJrtRPti+zw7j1uUTdZ9qWu2jFg==
   dependencies:
     "@babel/core" "7.18.2"
     "@babel/plugin-proposal-class-properties" "7.17.12"
@@ -1808,6 +1808,7 @@
     mini-css-extract-plugin "2.7.5"
     monaco-editor "0.34.1"
     monaco-editor-webpack-plugin "7.0.1"
+    null-loader "4.0.1"
     parse-entities "2.0.0"
     path-browserify "1.0.1"
     postcss "7.0.32"
@@ -1828,6 +1829,7 @@
     sharp "0.30.6"
     style-to-object "0.3.0"
     to-vfile "6.1.0"
+    typedoc "0.22.X"
     typescript "4.3.5"
     unified "9.1.0"
     unist-util-remove "2.0.0"
@@ -1854,82 +1856,60 @@
     puppeteer-cluster "^0.23.0"
     xmldoc "^1.1.2"
 
-"@patternfly/patternfly@5.0.0-alpha.33":
-  version "5.0.0-alpha.33"
-  resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-5.0.0-alpha.33.tgz#3f3a2d6b10fbfb75f1a44e5f4c7e0df9265a4691"
-  integrity sha512-UV+kRiKuBPH0bHKXaKi2QVMqdcQxMVaQxl6TB++4fEeUgDnOsmRq8kG5WPD6fvfVYvs3DEE9oYo7C6922vFPvQ==
+"@patternfly/patternfly@5.0.0-prerelease.6":
+  version "5.0.0-prerelease.6"
+  resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-5.0.0-prerelease.6.tgz#accb23fed7f263d372f7a034dc9e75d07c219d34"
+  integrity sha512-lT7eWR6JQFZkQniFmVm2N1ssS7J1vLjAoHeCTrA7CxncMk4Tq+GpezLvf3iWVH9D5UqDHdtvSElUQysUyc2D/Q==
 
-"@patternfly/react-code-editor@5.0.0-alpha.51":
-  version "5.0.0-alpha.51"
-  resolved "https://registry.yarnpkg.com/@patternfly/react-code-editor/-/react-code-editor-5.0.0-alpha.51.tgz#1c90ca3f3f78f9d396579ebde4cde82fc453c613"
-  integrity sha512-uNhk44vPUmwMMPl8z1U5NjASKU4fy51amLSFbz9jgERfQKUBdx80RuYmH1NaaAjL11jdT5YLkKHXz64Pg/WI8g==
+"@patternfly/react-code-editor@5.0.0-prerelease.7":
+  version "5.0.0-prerelease.7"
+  resolved "https://registry.yarnpkg.com/@patternfly/react-code-editor/-/react-code-editor-5.0.0-prerelease.7.tgz#877ffea44c9495c3b417ed1f7e854a3d555aa186"
+  integrity sha512-7AFnJYJCy4oOfBxCHFomWsJxef3lUHsVIpc1GPhCQC/8Oie2DX1bJADCezDE37kQaR5M3rOfdhri3I5f9UTk9Q==
   dependencies:
-    "@patternfly/react-core" "^5.0.0-alpha.50"
-    "@patternfly/react-icons" "^5.0.0-alpha.7"
-    "@patternfly/react-styles" "^5.0.0-alpha.5"
+    "@patternfly/react-core" "^5.0.0-prerelease.7"
+    "@patternfly/react-icons" "^5.0.0-prerelease.3"
+    "@patternfly/react-styles" "^5.0.0-prerelease.2"
     react-dropzone "14.2.3"
     tslib "^2.5.0"
 
-"@patternfly/react-core@5.0.0-alpha.51":
-  version "5.0.0-alpha.51"
-  resolved "https://registry.yarnpkg.com/@patternfly/react-core/-/react-core-5.0.0-alpha.51.tgz#83b7c0628dd66681c691312f00db49b5f7d7339b"
-  integrity sha512-oa6KJ84m4HTJtYB9Ak1kjgMFQ9ngi0eqNvqFF2PqXWONQhIt/gcEMdssUu2fSRsFlu3eb1ICEjOnfsipj1mtUg==
+"@patternfly/react-core@5.0.0-prerelease.7", "@patternfly/react-core@^5.0.0-prerelease.7":
+  version "5.0.0-prerelease.7"
+  resolved "https://registry.yarnpkg.com/@patternfly/react-core/-/react-core-5.0.0-prerelease.7.tgz#93c9fb1316bf34dd5f65426abcf4086cf7a806b4"
+  integrity sha512-gCFKI7T2vTtogjMtyrYzHfPpC7KWNOcaa3nw5NKx3VVIcCEmf+Hp5XmIX8eDlElmIAQltRD/Q6vEtgXNh4QgcA==
   dependencies:
-    "@patternfly/react-icons" "^5.0.0-alpha.8"
-    "@patternfly/react-styles" "^5.0.0-alpha.6"
-    "@patternfly/react-tokens" "^5.0.0-alpha.6"
-    focus-trap "7.4.0"
+    "@patternfly/react-icons" "^5.0.0-prerelease.3"
+    "@patternfly/react-styles" "^5.0.0-prerelease.2"
+    "@patternfly/react-tokens" "^5.0.0-prerelease.2"
+    focus-trap "7.4.3"
     react-dropzone "^14.2.3"
     tslib "^2.5.0"
 
-"@patternfly/react-core@^5.0.0-alpha.50":
-  version "5.0.0-alpha.70"
-  resolved "https://registry.yarnpkg.com/@patternfly/react-core/-/react-core-5.0.0-alpha.70.tgz#3e8ce1754211fde207a5f8f3372a3191f8258ba5"
-  integrity sha512-6wxvox4bd56PXwn8aKRGTmzpbKUvrGkzBykh3vSvpxvggBVUeqczsTmBBAx6fpwg1AxhFjb314pEihKLSwnUug==
-  dependencies:
-    "@patternfly/react-icons" "^5.0.0-alpha.10"
-    "@patternfly/react-styles" "^5.0.0-alpha.7"
-    "@patternfly/react-tokens" "^5.0.0-alpha.6"
-    focus-trap "7.4.0"
-    react-dropzone "^14.2.3"
-    tslib "^2.5.0"
-
-"@patternfly/react-icons@5.0.0-alpha.7":
-  version "5.0.0-alpha.7"
-  resolved "https://registry.yarnpkg.com/@patternfly/react-icons/-/react-icons-5.0.0-alpha.7.tgz#7d0295222066fca620d91d3c4fcdeeef697572be"
-  integrity sha512-gVGvyIbEa7Nwjjhg+XfhgYkVKQOPXOPu4OD/6hqW+7xWDqQBpjDiH4G0gydJmoyFMEvnp6vJEWx7MIYfAzMDxA==
-
-"@patternfly/react-icons@^5.0.0-alpha.10", "@patternfly/react-icons@^5.0.0-alpha.7", "@patternfly/react-icons@^5.0.0-alpha.8":
-  version "5.0.0-alpha.10"
-  resolved "https://registry.yarnpkg.com/@patternfly/react-icons/-/react-icons-5.0.0-alpha.10.tgz#f5afc2dd84d92276d787e8266514bc6032ca25e9"
-  integrity sha512-UyG4u1CjHMwyOT3cYzW+n+lk4h7zfBCywIcZOQpwGMDAAJk7ei9lwUMfxPk4U1p/Rb2MpHszQMV69G7K0Mn83Q==
-
-"@patternfly/react-styles@5.0.0-alpha.5":
-  version "5.0.0-alpha.5"
-  resolved "https://registry.yarnpkg.com/@patternfly/react-styles/-/react-styles-5.0.0-alpha.5.tgz#c9ac68d1983836548d99771c6d15607d55c4d223"
-  integrity sha512-pyojAEUAAHTPb7pBaJA2jCf2YDPf7wR4c2sfwyu/mQ2WLi7wtlGt5EovVzSyFs7ihWha7Fc+wcIQiZtHlpZlZA==
-
-"@patternfly/react-styles@^5.0.0-alpha.5", "@patternfly/react-styles@^5.0.0-alpha.6", "@patternfly/react-styles@^5.0.0-alpha.7":
-  version "5.0.0-alpha.7"
-  resolved "https://registry.yarnpkg.com/@patternfly/react-styles/-/react-styles-5.0.0-alpha.7.tgz#cdd21b703b1822dc3aecf21d3d78422ee2ebe138"
-  integrity sha512-s4TTj9HlA/KM7bc60M9Xae1t3zFmONgvemO3kbYTw0oGUtZ34t/SFDBu3g6uuYhCkZl3ec5ewFN0B+/zRPIcDA==
-
-"@patternfly/react-table@5.0.0-alpha.51":
-  version "5.0.0-alpha.51"
-  resolved "https://registry.yarnpkg.com/@patternfly/react-table/-/react-table-5.0.0-alpha.51.tgz#ff818e2fdf9a84bbea9b6eeef7c48b52f917096c"
-  integrity sha512-IvxHkxwIw1iUTJA8gxKoR1fnOKfw8uU6WWe1Q8ylXVAMrcES2W1KIb2L4kI3VJxN+yw3vwuaVtXguEZkDGSHRA==
-  dependencies:
-    "@patternfly/react-core" "^5.0.0-alpha.50"
-    "@patternfly/react-icons" "^5.0.0-alpha.7"
-    "@patternfly/react-styles" "^5.0.0-alpha.5"
-    "@patternfly/react-tokens" "^5.0.0-alpha.5"
+"@patternfly/react-icons@5.0.0-prerelease.3", "@patternfly/react-icons@^5.0.0-prerelease.3":
+  version "5.0.0-prerelease.3"
+  resolved "https://registry.yarnpkg.com/@patternfly/react-icons/-/react-icons-5.0.0-prerelease.3.tgz#9077749e2e2e44f07c6942df8de027fa1cef066f"
+  integrity sha512-zLfS+Jxp70ybwYQvr0tLYTy7UEonlmzp/FkBX1/XVHeqM6ZYICO/tKnQZyk2j40PmlfGrQeD5moNz3SzZmQqjw==
+
+"@patternfly/react-styles@5.0.0-prerelease.2", "@patternfly/react-styles@^5.0.0-prerelease.2":
+  version "5.0.0-prerelease.2"
+  resolved "https://registry.yarnpkg.com/@patternfly/react-styles/-/react-styles-5.0.0-prerelease.2.tgz#56604bf052e41a43e0b433b1e69d016e1ea3a277"
+  integrity sha512-IP/E6fHQn6qHKD+B8LDc6GyNNcSv57JsRTDvoG8rL6Ju9V4DGnEfV4M5xxUHbJ3GRWa5XSiA1ErsM4ntP100CQ==
+
+"@patternfly/react-table@5.0.0-prerelease.7":
+  version "5.0.0-prerelease.7"
+  resolved "https://registry.yarnpkg.com/@patternfly/react-table/-/react-table-5.0.0-prerelease.7.tgz#7ed2f596ce01d367bf347011b8affeeb708aefee"
+  integrity sha512-cHKiuXFXu7ZMPgCRK1GfUysK9KALGEXQ4LVgUT3udS6KH+LkBAbupqTZyBfDjpyzhbo9rZ3gJ1Xjxfi7+G5oZg==
+  dependencies:
+    "@patternfly/react-core" "^5.0.0-prerelease.7"
+    "@patternfly/react-icons" "^5.0.0-prerelease.3"
+    "@patternfly/react-styles" "^5.0.0-prerelease.2"
+    "@patternfly/react-tokens" "^5.0.0-prerelease.2"
     lodash "^4.17.19"
     tslib "^2.5.0"
 
-"@patternfly/react-tokens@^5.0.0-alpha.5", "@patternfly/react-tokens@^5.0.0-alpha.6":
-  version "5.0.0-alpha.6"
-  resolved "https://registry.yarnpkg.com/@patternfly/react-tokens/-/react-tokens-5.0.0-alpha.6.tgz#fda99c6f25386eab2c85d3118554fdde96db782d"
-  integrity sha512-QYea/Y8Jj2feqlaDFCAspds/FQ+/fK8bcd8Q5bFcRiQ+Z0Prw62JuW1OPVi9Bx1xACsZ0FHRbW4iQKXQGLvKBA==
+"@patternfly/react-tokens@^5.0.0-prerelease.2":
+  version "5.0.0-prerelease.2"
+  resolved "https://registry.yarnpkg.com/@patternfly/react-tokens/-/react-tokens-5.0.0-prerelease.2.tgz#9989af2a3b3f73789e99cb5440f5723f3dd9d8e2"
+  integrity sha512-pber40hmKutGBi34lciBX90Gf03UMmJtqOMgDfAP2SnUvWEfQWOsGnlVck2uQKclWV28+mrnAhWN/DI0FFeW9w==
 
 "@pmmmwh/react-refresh-webpack-plugin@0.5.7":
   version "0.5.7"
@@ -6680,12 +6660,12 @@ flush-write-stream@^1.0.0:
     inherits "^2.0.3"
     readable-stream "^2.3.6"
 
-focus-trap@7.4.0:
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/focus-trap/-/focus-trap-7.4.0.tgz#20f760a497f593b01d2e446168009c1f12ab0385"
-  integrity sha512-yI7FwUqU4TVb+7t6PaQ3spT/42r/KLEi8mtdGoQo2li/kFzmu9URmalTvw7xCCJtSOyhBxscvEAmvjeN9iHARg==
+focus-trap@7.4.3:
+  version "7.4.3"
+  resolved "https://registry.yarnpkg.com/focus-trap/-/focus-trap-7.4.3.tgz#a3dae73d44df359eb92bbf37b18e173e813b16c5"
+  integrity sha512-BgSSbK4GPnS2VbtZ50VtOv1Sti6DIkj3+LkVjiWMNjLeAp1SH1UlLx3ULu/DCu4vq5R4/uvTm+zrvsMsuYmGLg==
   dependencies:
-    tabbable "^6.1.1"
+    tabbable "^6.1.2"
 
 follow-redirects@1.5.10:
   version "1.5.10"
@@ -7053,6 +7033,17 @@ glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+glob@^8.0.3:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-8.1.0.tgz#d388f656593ef708ee3e34640fdfb99a9fd1c33e"
+  integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^5.0.1"
+    once "^1.3.0"
+
 global-dirs@^0.1.0:
   version "0.1.1"
   resolved "https://registry.npmjs.org/global-dirs/-/global-dirs-0.1.1.tgz"
@@ -8775,7 +8766,7 @@ json5@^2.1.2, json5@^2.2.1:
   resolved "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz"
   integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
 
-jsonc-parser@^3.2.0:
+jsonc-parser@^3.0.0, jsonc-parser@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
   integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
@@ -9446,7 +9437,7 @@ markdown-table@^2.0.0:
   dependencies:
     repeat-string "^1.0.0"
 
-marked@^4.2.12:
+marked@^4.0.16, marked@^4.2.12:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/marked/-/marked-4.3.0.tgz#796362821b019f734054582038b116481b456cf3"
   integrity sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==
@@ -9636,6 +9627,13 @@ minimatch@^5.0.1:
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^5.1.0:
+  version "5.1.6"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
+  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@^7.1.3:
   version "7.4.3"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-7.4.3.tgz#012cbf110a65134bb354ae9773b55256cdb045a2"
@@ -9762,7 +9760,7 @@ monaco-editor-webpack-plugin@7.0.1:
   dependencies:
     loader-utils "^2.0.2"
 
-monaco-editor@0.34.1:
+monaco-editor@0.34.1, monaco-editor@^0.34.1:
   version "0.34.1"
   resolved "https://registry.yarnpkg.com/monaco-editor/-/monaco-editor-0.34.1.tgz#1b75c4ad6bc4c1f9da656d740d98e0b850a22f87"
   integrity sha512-FKc80TyiMaruhJKKPz5SpJPIjL+dflGvz4CpuThaPMc94AyN7SeC9HQ8hrvaxX7EyHdJcUY5i4D0gNyJj1vSZQ==
@@ -10028,6 +10026,14 @@ nth-check@^2.0.1:
   dependencies:
     boolbase "^1.0.0"
 
+null-loader@4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/null-loader/-/null-loader-4.0.1.tgz#8e63bd3a2dd3c64236a4679428632edd0a6dbc6a"
+  integrity sha512-pxqVbi4U6N26lq+LmgIbB5XATP0VdZKOG25DhHi8btMmJJefGArFyDg1yc4U3hWCJbMqSrw0qyrz1UQX+qYXqg==
+  dependencies:
+    loader-utils "^2.0.0"
+    schema-utils "^3.0.0"
+
 num2fraction@^1.2.2:
   version "1.2.2"
   resolved "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz"
@@ -12070,6 +12076,15 @@ shell-quote@^1.7.3:
   resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
   integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
 
+shiki@^0.10.1:
+  version "0.10.1"
+  resolved "https://registry.yarnpkg.com/shiki/-/shiki-0.10.1.tgz#6f9a16205a823b56c072d0f1a0bcd0f2646bef14"
+  integrity sha512-VsY7QJVzU51j5o1+DguUd+6vmCmZ5v/6gYu4vyYAhzjuNQU6P/vmSy4uQaOhvje031qQMiW0d2BwgMH52vqMng==
+  dependencies:
+    jsonc-parser "^3.0.0"
+    vscode-oniguruma "^1.6.1"
+    vscode-textmate "5.2.0"
+
 shiki@^0.14.1:
   version "0.14.1"
   resolved "https://registry.yarnpkg.com/shiki/-/shiki-0.14.1.tgz#9fbe082d0a8aa2ad63df4fbf2ee11ec924aa7ee1"
@@ -12722,10 +12737,10 @@ symbol-tree@^3.2.2, symbol-tree@^3.2.4:
   resolved "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
-tabbable@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-6.1.1.tgz#40cfead5ed11be49043f04436ef924c8890186a0"
-  integrity sha512-4kl5w+nCB44EVRdO0g/UGoOp3vlwgycUVtkk/7DPyeLZUCuNFFKCFG6/t/DgHLrUPHjrZg6s5tNm+56Q2B0xyg==
+tabbable@^6.1.2:
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-6.1.2.tgz#b0d3ca81d582d48a80f71b267d1434b1469a3703"
+  integrity sha512-qCN98uP7i9z0fIS4amQ5zbGBOq+OSigYeGvPy7NDk8Y9yncqDZ9pRPgfsc2PJIVM9RrJj7GIfuRgmjoUU9zTHQ==
 
 table-layout@^0.4.3, table-layout@~0.4.0:
   version "0.4.5"
@@ -13144,6 +13159,17 @@ typedarray@^0.0.6:
   resolved "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
+typedoc@0.22.X:
+  version "0.22.18"
+  resolved "https://registry.yarnpkg.com/typedoc/-/typedoc-0.22.18.tgz#1d000c33b66b88fd8cdfea14a26113a83b7e6591"
+  integrity sha512-NK9RlLhRUGMvc6Rw5USEYgT4DVAUFk7IF7Q6MYfpJ88KnTZP7EneEa4RcP+tX1auAcz7QT1Iy0bUSZBYYHdoyA==
+  dependencies:
+    glob "^8.0.3"
+    lunr "^2.3.9"
+    marked "^4.0.16"
+    minimatch "^5.1.0"
+    shiki "^0.10.1"
+
 typedoc@0.23:
   version "0.23.28"
   resolved "https://registry.yarnpkg.com/typedoc/-/typedoc-0.23.28.tgz#3ce9c36ef1c273fa849d2dea18651855100d3ccd"
@@ -13638,11 +13664,16 @@ vfile@^4.0.0:
     unist-util-stringify-position "^2.0.0"
     vfile-message "^2.0.0"
 
-vscode-oniguruma@^1.7.0:
+vscode-oniguruma@^1.6.1, vscode-oniguruma@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz#439bfad8fe71abd7798338d1cd3dc53a8beea94b"
   integrity sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==
 
+vscode-textmate@5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/vscode-textmate/-/vscode-textmate-5.2.0.tgz#01f01760a391e8222fe4f33fbccbd1ad71aed74e"
+  integrity sha512-Uw5ooOQxRASHgu6C7GVvUxisKXfSgW4oFlO+aa+PAkgmH89O3CXxEEzNRNtHSqtXFTl0nAC1uYj0GMSH27uwtQ==
+
 vscode-textmate@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/vscode-textmate/-/vscode-textmate-8.0.0.tgz#2c7a3b1163ef0441097e0b5d6389cd5504b59e5d"