From 3013e438dd70e211b9484d892a4ef35425b013ee Mon Sep 17 00:00:00 2001
From: Jeffrey Phillips <jephilli@redhat.com>
Date: Tue, 6 Feb 2024 08:44:05 -0500
Subject: [PATCH] fix(controlbar): remove dependency on addons css

---
 packages/demo-app-ts/src/index.tsx                 |  1 -
 .../TopologyControlBar/TopologyControlBar.tsx      |  2 +-
 .../__snapshots__/TopologyControlBar.test.tsx.snap | 14 +++++++-------
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/demo-app-ts/src/index.tsx b/packages/demo-app-ts/src/index.tsx
index 483bb504..079d480a 100755
--- a/packages/demo-app-ts/src/index.tsx
+++ b/packages/demo-app-ts/src/index.tsx
@@ -3,7 +3,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
-import '@patternfly/patternfly/patternfly-addons.css';
 import '@patternfly/patternfly/patternfly-theme-dark.css';
 
 ReactDOM.render(<App />, document.getElementById('root'));
diff --git a/packages/module/src/components/TopologyControlBar/TopologyControlBar.tsx b/packages/module/src/components/TopologyControlBar/TopologyControlBar.tsx
index 72e11ef0..06ba0e49 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-v5-u-screen-reader">{button.ariaLabel || button.tooltip}</span>
+          <span className="pf-v5-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 7b1f8c43..d3d3dcf4 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
@@ -39,7 +39,7 @@ exports[`TopologyControlBar should accept button options correctly 1`] = `
                   test zoom in
                 </span>
                 <span
-                  class="pf-v5-u-screen-reader"
+                  class="pf-v5-screen-reader"
                 >
                   test-zoom-in-aria-label
                 </span>
@@ -75,7 +75,7 @@ exports[`TopologyControlBar should accept button options correctly 1`] = `
                   />
                 </svg>
                 <span
-                  class="pf-v5-u-screen-reader"
+                  class="pf-v5-screen-reader"
                 >
                   Zoom Out
                 </span>
@@ -111,7 +111,7 @@ exports[`TopologyControlBar should accept button options correctly 1`] = `
                   />
                 </svg>
                 <span
-                  class="pf-v5-u-screen-reader"
+                  class="pf-v5-screen-reader"
                 >
                   Reset View
                 </span>
@@ -182,7 +182,7 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
                   />
                 </svg>
                 <span
-                  class="pf-v5-u-screen-reader"
+                  class="pf-v5-screen-reader"
                 >
                   Zoom In
                 </span>
@@ -218,7 +218,7 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
                   />
                 </svg>
                 <span
-                  class="pf-v5-u-screen-reader"
+                  class="pf-v5-screen-reader"
                 >
                   Zoom Out
                 </span>
@@ -254,7 +254,7 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
                   />
                 </svg>
                 <span
-                  class="pf-v5-u-screen-reader"
+                  class="pf-v5-screen-reader"
                 >
                   Fit to Screen
                 </span>
@@ -290,7 +290,7 @@ exports[`TopologyControlBar should display the default controls correctly 1`] =
                   />
                 </svg>
                 <span
-                  class="pf-v5-u-screen-reader"
+                  class="pf-v5-screen-reader"
                 >
                   Reset View
                 </span>