Merge branch 'master' into wrap-pod-logs

integration/__tests__/app-preferences.tests.ts

@@ -11,7 +11,6 @@
 */
 import type { ElectronApplication, Page } from "playwright";
 import * as utils from "../helpers/utils";
-import { isWindows } from "../../src/common/vars";
 
 describe("preferences page tests", () => {
   let window: Page, cleanup: () => Promise<void>;
@@ -34,8 +33,7 @@ describe("preferences page tests", () => {
     await cleanup();
   }, 10*60*1000);
 
-  // skip on windows due to suspected playwright issue with Electron 14
+  it('shows "preferences" and can navigate through the tabs', async () => {
-  utils.itIf(!isWindows)('shows "preferences" and can navigate through the tabs', async () => {
     const pages = [
       {
         id: "application",

integration/__tests__/command-palette.tests.ts

@@ -5,7 +5,6 @@
 
 import type { ElectronApplication, Page } from "playwright";
 import * as utils from "../helpers/utils";
-import { isWindows } from "../../src/common/vars";
 
 describe("Lens command palette", () => {
   let window: Page, cleanup: () => Promise<void>, app: ElectronApplication;
@@ -20,8 +19,7 @@ describe("Lens command palette", () => {
   }, 10*60*1000);
 
   describe("menu", () => {
-    // skip on windows due to suspected playwright issue with Electron 14
+    it("opens command dialog from menu", async () => {
-    utils.itIf(!isWindows)("opens command dialog from menu", async () => {
       await app.evaluate(async ({ app }) => {
         await app.applicationMenu
           ?.getMenuItemById("view")

package.json

@@ -363,8 +363,8 @@
     "@types/webpack-dev-server": "^4.7.2",
     "@types/webpack-env": "^1.18.0",
     "@types/webpack-node-externals": "^2.5.3",
-    "@typescript-eslint/eslint-plugin": "^5.35.1",
+    "@typescript-eslint/eslint-plugin": "^5.36.1",
-    "@typescript-eslint/parser": "^5.35.1",
+    "@typescript-eslint/parser": "^5.36.1",
     "adr": "^1.4.1",
     "ansi_up": "^5.1.0",
     "chart.js": "^2.9.4",
@@ -417,7 +417,7 @@
     "react-select-event": "^5.5.1",
     "react-table": "^7.8.0",
     "react-window": "^1.8.7",
-    "sass": "^1.54.7",
+    "sass": "^1.54.8",
     "sass-loader": "^12.6.0",
     "sharp": "^0.30.7",
     "style-loader": "^3.3.1",
@@ -427,9 +427,9 @@
     "ts-node": "^10.9.1",
     "type-fest": "^2.14.0",
     "typed-emitter": "^1.4.0",
-    "typedoc": "0.23.11",
+    "typedoc": "0.23.13",
     "typedoc-plugin-markdown": "^3.13.1",
-    "typescript": "^4.7.4",
+    "typescript": "^4.8.2",
     "typescript-plugin-css-modules": "^3.4.0",
     "webpack": "^5.74.0",
     "webpack-cli": "^4.9.2",

src/behaviours/pod-logs/__snapshots__/download-logs.test.tsx.snap

@@ -40,7 +40,7 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"

src/common/base-store.ts

@@ -31,7 +31,7 @@ export interface BaseStoreParams<T> extends ConfOptions<T> {
 /**
  * Note: T should only contain base JSON serializable types.
  */
-export abstract class BaseStore<T> extends Singleton {
+export abstract class BaseStore<T extends object> extends Singleton {
   protected storeConfig?: Config<T>;
   protected syncDisposers: Disposer[] = [];
 

src/common/get-configuration-file-model/get-configuration-file-model.injectable.ts

@@ -8,7 +8,7 @@ import type { BaseStoreParams } from "../base-store";
 
 const getConfigurationFileModelInjectable = getInjectable({
   id: "get-configuration-file-model",
-  instantiate: () => <ConfigurationContent>(content: BaseStoreParams<ConfigurationContent>) => new Config(content),
+  instantiate: () => <T extends object>(content: BaseStoreParams<T>) => new Config(content),
   causesSideEffects: true,
 });
 

src/common/k8s-api/endpoints/metrics.api.ts

@@ -7,7 +7,6 @@
 
 import moment from "moment";
 import { apiBase } from "../index";
-import type { IMetricsQuery } from "../../../main/routes/metrics/metrics-query";
 
 export interface MetricData {
   status: string;
@@ -55,28 +54,33 @@ export interface IResourceMetrics<T extends MetricData> {
   networkTransmit: T;
 }
 
+async function getMetrics(query: string, reqParams?: IMetricsReqParams): Promise<MetricData>;
+async function getMetrics(query: string[], reqParams?: IMetricsReqParams): Promise<MetricData[]>;
+async function getMetrics<MetricNames extends string>(query: Record<MetricNames, Partial<Record<string, string>>>, reqParams?: IMetricsReqParams): Promise<Record<MetricNames, MetricData>>;
+
+async function getMetrics(query: string | string[] | Partial<Record<string, Partial<Record<string, string>>>>, reqParams: IMetricsReqParams = {}): Promise<MetricData | MetricData[] | Partial<Record<string, MetricData>>> {
+  const { range = 3600, step = 60, namespace } = reqParams;
+  let { start, end } = reqParams;
+
+  if (!start && !end) {
+    const timeNow = Date.now() / 1000;
+    const now = moment.unix(timeNow).startOf("minute").unix();  // round date to minutes
+
+    start = now - range;
+    end = now;
+  }
+
+  return apiBase.post("/metrics", {
+    data: query,
+    query: {
+      start, end, step,
+      "kubernetes_namespace": namespace,
+    },
+  });
+}
+
 export const metricsApi = {
-  async getMetrics<T = IMetricsQuery>(query: T, reqParams: IMetricsReqParams = {}): Promise<T extends object ? { [K in keyof T]: MetricData } : MetricData> {
+  getMetrics,
-    const { range = 3600, step = 60, namespace } = reqParams;
-    let { start, end } = reqParams;
-
-    if (!start && !end) {
-      const timeNow = Date.now() / 1000;
-      const now = moment.unix(timeNow).startOf("minute").unix();  // round date to minutes
-
-      start = now - range;
-      end = now;
-    }
-
-    return apiBase.post("/metrics", {
-      data: query,
-      query: {
-        start, end, step,
-        "kubernetes_namespace": namespace,
-      },
-    });
-  },
-
   async getMetricProviders(): Promise<MetricProviderInfo[]> {
     return apiBase.get("/metrics/providers");
   },

src/common/protocol-handler/router.ts

@@ -113,7 +113,17 @@ export abstract class LensProtocolRouter {
     }
 
     // if no exact match pick the one that is the most specific
-    return matches.sort(([a], [b]) => compareMatches(a, b))[0] ?? null;
+    return matches.sort(([a], [b]) => {
+      if (a.path === "/") {
+        return 1;
+      }
+
+      if (b.path === "/") {
+        return -1;
+      }
+
+      return countBy(b.path)["/"] - countBy(a.path)["/"];
+    })[0] ?? null;
   }
 
   /**
@@ -265,21 +275,3 @@ export abstract class LensProtocolRouter {
     this.internalRoutes.delete(urlSchema);
   }
 }
-
-/**
- * a comparison function for `array.sort(...)`. Sort order should be most path
- * parts to least path parts.
- * @param a the left side to compare
- * @param b the right side to compare
- */
-function compareMatches<T>(a: match<T>, b: match<T>): number {
-  if (a.path === "/") {
-    return 1;
-  }
-
-  if (b.path === "/") {
-    return -1;
-  }
-
-  return countBy(b.path)["/"] - countBy(a.path)["/"];
-}

src/common/utils/readableStream.ts

@@ -4,6 +4,7 @@
  */
 
 import { Readable } from "readable-stream";
+import type { ReadableStreamDefaultReadResult } from "stream/web";
 import type { TypedArray } from "type-fest";
 
 /**

src/common/utils/singleton.ts

@@ -27,7 +27,7 @@ export class Singleton {
    * @param args The constructor arguments for the child class
    * @returns An instance of the child class
    */
-  static createInstance<T, R extends any[]>(this: StaticThis<T, R>, ...args: R): T {
+  static createInstance<T extends Singleton, R extends any[]>(this: StaticThis<T, R>, ...args: R): T {
     if (!Singleton.instances.has(this)) {
       if (Singleton.creating.length > 0) {
         throw new TypeError(`Cannot create a second singleton (${this.name}) while creating a first (${Singleton.creating})`);

src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications.ts

@@ -9,7 +9,7 @@ import type { Injectable } from "@ogre-tools/injectable";
  * @deprecated use asLegacyGlobalForExtensionApi instead, and use proper implementations instead of "modifications".
  */
 export const asLegacyGlobalObjectForExtensionApiWithModifications = <
-  InjectableInstance extends InjectionTokenInstance,
+  InjectableInstance extends InjectionTokenInstance & object,
   InjectionTokenInstance,
   ModificationObject extends object,
 >(

src/extensions/extension-store.ts

@@ -8,7 +8,7 @@ import * as path from "path";
 import type { LensExtension } from "./lens-extension";
 import assert from "assert";
 
-export abstract class ExtensionStore<T> extends BaseStore<T> {
+export abstract class ExtensionStore<T extends object> extends BaseStore<T> {
   readonly displayName = "ExtensionStore<T>";
   protected extension?: LensExtension;
 

src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap

@@ -39,7 +39,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -50,13 +50,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -73,7 +71,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -87,9 +85,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   list
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Config
               </span>
             </a>
@@ -100,17 +96,15 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -127,7 +121,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -141,13 +135,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   device_hub
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -164,7 +156,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -178,9 +170,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   storage
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Storage
               </span>
             </a>
@@ -191,13 +181,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-some-another-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-another-parent-id"
               href="/"
             >
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Some another parent
               </span>
             </a>
@@ -208,7 +196,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -219,13 +207,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -242,7 +228,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -256,9 +242,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   security
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Access Control
               </span>
             </a>
@@ -269,7 +253,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -283,13 +267,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   extension
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -306,13 +288,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-some-other-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-other-parent-id"
               href="/"
             >
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Some other parent
               </span>
             </a>
@@ -619,7 +599,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -630,13 +610,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -653,7 +631,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -667,9 +645,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   list
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Config
               </span>
             </a>
@@ -680,17 +656,15 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -701,7 +675,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -710,13 +684,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                 data-testid="sidebar-item-some-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-child-id"
                   href="/"
                 >
-                  <span
+                  <span>
-                    class="link-text box grow"
-                  >
                     Some child
                   </span>
                 </a>
@@ -728,13 +700,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                 data-testid="sidebar-item-some-another-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-another-child-id"
                   href="/"
                 >
-                  <span
+                  <span>
-                    class="link-text box grow"
-                  >
                     Some another child
                   </span>
                 </a>
@@ -746,13 +716,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                 data-testid="sidebar-item-some-other-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-other-child-id"
                   href="/"
                 >
-                  <span
+                  <span>
-                    class="link-text box grow"
-                  >
                     Some other child
                   </span>
                 </a>
@@ -765,7 +733,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -779,13 +747,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   device_hub
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -802,7 +768,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -816,9 +782,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   storage
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Storage
               </span>
             </a>
@@ -829,13 +793,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-some-another-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-another-parent-id"
               href="/"
             >
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Some another parent
               </span>
             </a>
@@ -846,7 +808,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -857,13 +819,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -880,7 +840,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -894,9 +854,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   security
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Access Control
               </span>
             </a>
@@ -907,7 +865,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -921,13 +879,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   extension
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -944,13 +900,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-some-other-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-other-parent-id"
               href="/"
             >
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Some other parent
               </span>
             </a>

src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap

@@ -39,7 +39,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -50,13 +50,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -73,7 +71,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -87,9 +85,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   list
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Config
               </span>
             </a>
@@ -100,7 +96,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -114,13 +110,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   device_hub
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -137,7 +131,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -151,9 +145,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   storage
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Storage
               </span>
             </a>
@@ -164,7 +156,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -175,13 +167,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -198,7 +188,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -212,9 +202,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   security
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Access Control
               </span>
             </a>
@@ -225,7 +213,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -239,13 +227,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   extension
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -558,7 +544,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -569,13 +555,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -592,7 +576,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -606,9 +590,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   list
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Config
               </span>
             </a>
@@ -619,13 +601,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-some-item-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-item-id"
               href="/"
             >
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Some item
               </span>
             </a>
@@ -636,7 +616,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -650,13 +630,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   device_hub
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -673,7 +651,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -687,9 +665,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   storage
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Storage
               </span>
             </a>
@@ -700,7 +676,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -714,9 +690,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   layers
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Namespaces
               </span>
             </a>
@@ -727,7 +701,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -738,13 +712,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -761,7 +733,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -775,9 +747,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   security
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Access Control
               </span>
             </a>
@@ -788,7 +758,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -802,13 +772,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   extension
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"

src/features/cluster/__snapshots__/workload-overview.test.tsx.snap

@@ -40,7 +40,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"

src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap

@@ -39,7 +39,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -441,7 +427,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -452,13 +438,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -475,7 +459,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -489,9 +473,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -502,7 +484,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -516,13 +498,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -539,7 +519,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -553,9 +533,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -566,7 +544,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -577,13 +555,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -600,7 +576,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -614,9 +590,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -627,7 +601,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -641,13 +615,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -962,7 +934,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -973,13 +945,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -996,7 +966,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1010,9 +980,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -1023,7 +991,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1037,13 +1005,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1060,7 +1026,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1074,9 +1040,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -1087,7 +1051,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1098,13 +1062,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1121,7 +1083,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1135,9 +1097,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -1148,7 +1108,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1162,13 +1122,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"

src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap

@@ -40,7 +40,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -263,16 +249,14 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-test-extension-some-sidebar-item"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-test-extension-some-sidebar-item"
                 href="/"
               >
                 <div>
                   Some icon
                 </div>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Some sidebar item
                 </span>
               </a>
@@ -581,7 +565,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -592,13 +576,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -615,7 +597,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -629,9 +611,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -642,7 +622,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -656,13 +636,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -679,7 +657,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -693,9 +671,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -706,7 +682,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -717,13 +693,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -740,7 +714,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -754,9 +728,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -767,7 +739,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -781,13 +753,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1102,7 +1072,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1113,13 +1083,11 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1136,7 +1104,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1150,9 +1118,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -1163,7 +1129,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1177,13 +1143,11 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1200,7 +1164,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1214,9 +1178,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -1227,7 +1189,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1238,13 +1200,11 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1261,7 +1221,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1275,9 +1235,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -1288,7 +1246,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1302,13 +1260,11 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"

src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap

@@ -39,7 +39,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -497,7 +483,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -508,13 +494,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -531,7 +515,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -545,9 +529,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -558,7 +540,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -572,13 +554,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -595,7 +575,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -609,9 +589,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -622,7 +600,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -633,13 +611,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -656,7 +632,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -670,9 +646,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -683,7 +657,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -697,13 +671,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -993,7 +965,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1004,13 +976,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1027,7 +997,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1041,9 +1011,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -1054,7 +1022,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1068,13 +1036,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1091,7 +1057,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1105,9 +1071,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -1118,7 +1082,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1129,13 +1093,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1152,7 +1114,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1166,9 +1128,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -1179,7 +1139,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1193,13 +1153,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"

src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap

@@ -39,7 +39,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -445,7 +431,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -456,13 +442,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -479,7 +463,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -493,9 +477,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -506,7 +488,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -520,13 +502,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -543,7 +523,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -557,9 +537,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -570,7 +548,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -581,13 +559,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -604,7 +580,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -618,9 +594,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -631,7 +605,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -645,13 +619,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -845,7 +817,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -856,13 +828,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -879,7 +849,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -893,9 +863,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -906,7 +874,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -920,13 +888,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -943,7 +909,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -957,9 +923,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -970,7 +934,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -981,13 +945,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1004,7 +966,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1018,9 +980,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -1031,7 +991,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1045,13 +1005,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"

src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap

@@ -39,7 +39,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -434,7 +420,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -445,13 +431,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -468,7 +452,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -482,9 +466,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -495,7 +477,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -509,13 +491,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -532,7 +512,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -546,9 +526,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -559,7 +537,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -570,13 +548,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -593,7 +569,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -607,9 +583,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -620,7 +594,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -634,13 +608,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -869,7 +841,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -880,13 +852,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -903,7 +873,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -917,9 +887,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -930,7 +898,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -944,13 +912,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -967,7 +933,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -981,9 +947,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -994,7 +958,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1005,13 +969,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1028,7 +990,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1042,9 +1004,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -1055,7 +1015,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1069,13 +1029,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1304,7 +1262,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1315,13 +1273,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1338,7 +1294,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1352,9 +1308,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -1365,7 +1319,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1379,13 +1333,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1402,7 +1354,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1416,9 +1368,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -1429,7 +1379,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1440,13 +1390,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1463,7 +1411,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1477,9 +1425,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -1490,7 +1436,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1504,13 +1450,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1699,7 +1643,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1710,13 +1654,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1733,7 +1675,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1747,9 +1689,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -1760,7 +1700,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1774,13 +1714,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1797,7 +1735,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1811,9 +1749,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -1824,7 +1760,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1835,13 +1771,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1858,7 +1792,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1872,9 +1806,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -1885,7 +1817,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1899,13 +1831,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2094,7 +2024,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2105,13 +2035,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2128,7 +2056,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2142,9 +2070,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -2155,7 +2081,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2169,13 +2095,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2192,7 +2116,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2206,9 +2130,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -2219,7 +2141,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2230,13 +2152,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2253,7 +2173,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2267,9 +2187,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -2280,7 +2198,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2294,13 +2212,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"

src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap

@@ -39,7 +39,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -474,7 +460,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -485,13 +471,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -508,7 +492,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -522,9 +506,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -535,7 +517,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -549,13 +531,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -572,7 +552,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -586,9 +566,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -599,7 +577,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -610,13 +588,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -633,7 +609,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -647,9 +623,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -660,7 +634,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -674,13 +648,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -869,7 +841,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -880,13 +852,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -903,7 +873,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -917,9 +887,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -930,7 +898,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -944,13 +912,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -967,7 +933,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -981,9 +947,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -994,7 +958,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1005,13 +969,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1028,7 +990,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1042,9 +1004,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -1055,7 +1015,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1069,13 +1029,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"

src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap

@@ -40,7 +40,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-namespaces"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -179,9 +171,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     layers
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Namespaces
                 </span>
               </a>
@@ -192,7 +182,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -203,13 +193,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -226,7 +214,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -240,9 +228,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -253,7 +239,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -267,13 +253,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -598,7 +582,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -609,13 +593,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -632,7 +614,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -646,9 +628,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -659,7 +639,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -673,13 +653,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -696,7 +674,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -710,9 +688,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -723,7 +699,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-namespaces"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -737,9 +713,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     layers
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Namespaces
                 </span>
               </a>
@@ -750,7 +724,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -761,13 +735,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -784,7 +756,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -798,9 +770,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -811,7 +781,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -825,13 +795,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"

src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap

@@ -40,7 +40,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -566,7 +552,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -577,13 +563,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -600,7 +584,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -614,9 +598,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -627,7 +609,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -641,13 +623,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -664,7 +644,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -678,9 +658,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -691,7 +669,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -702,13 +680,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -725,7 +701,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -739,9 +715,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -752,7 +726,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -766,13 +740,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1087,7 +1059,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1098,13 +1070,11 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1121,7 +1091,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1135,9 +1105,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -1148,7 +1116,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1162,13 +1130,11 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1185,7 +1151,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1199,9 +1165,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -1212,7 +1176,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1223,13 +1187,11 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1246,7 +1208,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1260,9 +1222,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -1273,7 +1233,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1287,13 +1247,11 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"

src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap

@@ -40,7 +40,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -571,7 +557,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -582,13 +568,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -605,7 +589,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -619,9 +603,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     list
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Config
                 </span>
               </a>
@@ -632,7 +614,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -646,13 +628,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     device_hub
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -669,7 +649,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -683,9 +663,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     storage
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Storage
                 </span>
               </a>
@@ -696,7 +674,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -707,13 +685,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     class="icon"
                   />
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -730,7 +706,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -744,9 +720,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     security
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Access Control
                 </span>
               </a>
@@ -757,7 +731,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -771,13 +745,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     extension
                   </span>
                 </i>
-                <span
+                <span>
-                  class="link-text box grow"
-                >
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"

src/main/routes/metrics/add-metrics-route.injectable.ts

@@ -9,7 +9,6 @@ import type { ClusterPrometheusMetadata } from "../../../common/cluster-types";
 import { ClusterMetadataKey } from "../../../common/cluster-types";
 import logger from "../../logger";
 import type { Cluster } from "../../../common/cluster/cluster";
-import type { IMetricsQuery } from "./metrics-query";
 import { clusterRoute } from "../../router/route";
 import { isObject } from "lodash";
 import { isRequestError } from "../../../common/utils";
@@ -60,7 +59,7 @@ const addMetricsRouteInjectable = getRouteInjectable({
     const getMetrics = di.inject(getMetricsInjectable);
     const loadMetrics = loadMetricsFor(getMetrics);
 
-    const queryParams: IMetricsQuery = Object.fromEntries(query.entries());
+    const queryParams = Object.fromEntries(query.entries());
     const prometheusMetadata: ClusterPrometheusMetadata = {};
 
     try {

src/main/routes/metrics/metrics-query.ts

@@ -1,7 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-export type IMetricsQuery = string | string[] | {
-  [metricName: string]: string;
-};

src/renderer/api/helpers/watch-for-general-entity-navigation.injectable.ts

@@ -4,6 +4,7 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import { reaction, when } from "mobx";
+import type { GeneralEntity } from "../../../common/catalog-entities";
 import generalCategoryInjectable from "../../../common/catalog/categories/general.injectable";
 import isActiveRouteInjectable from "../../navigation/is-route-active.injectable";
 import observableHistoryInjectable from "../../navigation/observable-history.injectable";
@@ -30,7 +31,7 @@ const watchForGeneralEntityNavigationInjectable = getInjectable({
           dispose.push(reaction(
             () => observableHistory.location,
             () => {
-              const entities = entityRegistry.getItemsForCategory(generalCategory);
+              const entities = entityRegistry.getItemsForCategory(generalCategory) as GeneralEntity[];
               const activeEntity = entities.find(entity => isActiveRoute(entity.spec.path));
 
               if (activeEntity) {

src/renderer/components/layout/main-layout.tsx

@@ -54,7 +54,7 @@ class NonInjectedMainLayout extends React.Component<MainLayoutProps & Dependenci
             getCurrentExtent={() => sidebarWidth}
             onDrag={this.onSidebarResize}
             onDoubleClick={() => this.onSidebarResize(defaultSidebarWidth)}
-            minExtent={120}
+            minExtent={150}
             maxExtent={400}
           />
         </div>

src/renderer/components/layout/sidebar-item.scss

@@ -1,97 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-.SidebarItem {
-
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  width: 100%;
-  user-select: none;
-
-  > .nav-item {
-    text-decoration: none;
-    padding: $unit * 0.3846 $unit * 0.625; // ≈ floor($unit / 2.6) floor($unit / 1.6)
-    width: 100%;
-    height: 100%;
-    color: inherit;
-    cursor: pointer;
-
-    > .link-text {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .expand-icon {
-      --size: 20px;
-    }
-  }
-
-  .sub-menu {
-    $borderSize: 4px;
-    border-left: $borderSize solid transparent;
-
-    > .SidebarItem {
-      color: var(--textColorPrimary);
-      padding-left: 30px + $borderSize;
-      line-height: 22px;
-
-      .SidebarItem {
-        padding-left: $padding * 2; // 3rd+ menu level
-      }
-
-      .nav-item {
-        &.expandable {
-          font-weight: 500;
-        }
-      }
-    }
-  }
-}
-
-// TODO: Make less flaky.
-.sidebar-active-status {
-  > .SidebarItem {
-    .nav-item {
-      &.active, &:hover {
-        background: var(--blue);
-        color: var(--sidebarActiveColor);
-      }
-    }
-
-    .sub-menu {
-      &.active {
-        border-left-color: var(--blue);
-      }
-
-      > .SidebarItem {
-        .nav-item {
-          &.active, &:hover {
-            color: var(--sidebarSubmenuActiveColor);
-            background: none;
-          }
-
-          &.expandable {
-            color: var(--textColorPrimary)
-          }
-        }
-
-        .sub-menu {
-          &.active {
-            border-left-color: transparent;
-          }
-
-          .nav-item {
-            &.active, &:hover {
-              color: var(--sidebarSubmenuActiveColor);
-              background: none;
-            }
-          }
-        }
-      }
-    }
-  }
-}

src/renderer/components/layout/sidebar-item.tsx

@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import "./sidebar-item.scss";
+import styles from  "./sidebar-items.module.scss";
 
 import React from "react";
 import { computed, makeObservable } from "mobx";
@@ -70,7 +70,7 @@ class NonInjectedSidebarItem extends React.Component<
     }
 
     return (
-      <ul className={cssNames("sub-menu", { active: this.isActive })}>
+      <ul className={cssNames(styles.subMenu, { [styles.active]: this.isActive })}>
         {this.props.item.children.map(item => <SidebarItem key={item.registration.id} item={item} />)}
       </ul>
     );
@@ -79,7 +79,7 @@ class NonInjectedSidebarItem extends React.Component<
   render() {
     return (
       <div
-        className={cssNames("SidebarItem")}
+        className={styles.SidebarItem}
         data-testid={`sidebar-item-${this.id}`}
         data-is-active-test={this.isActive}
         data-parent-id-test={this.registration.parentId}
@@ -87,11 +87,7 @@ class NonInjectedSidebarItem extends React.Component<
         <NavLink
           to={""}
           isActive={() => this.isActive}
-
+          className={styles.navItem}
-          className={cssNames("nav-item flex gaps align-center", {
-            expandable: this.isExpandable,
-          })}
-
           onClick={(event) => {
             event.preventDefault();
             event.stopPropagation();
@@ -105,10 +101,10 @@ class NonInjectedSidebarItem extends React.Component<
           data-testid={`sidebar-item-link-for-${this.id}`}
         >
           {this.registration.getIcon?.()}
-          <span className="link-text box grow">{this.registration.title}</span>
+          <span>{this.registration.title}</span>
           {this.isExpandable && (
             <Icon
-              className="expand-icon box right"
+              className={styles.expandIcon}
               material={
                 this.expanded ? "keyboard_arrow_up" : "keyboard_arrow_down"
               }

src/renderer/components/layout/sidebar-items.module.scss

@@ -0,0 +1,63 @@
+.SidebarItem {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  width: 100%;
+  user-select: none;
+
+  > .navItem {
+    display: flex;
+    gap: 8px;
+    text-decoration: none;
+    padding: 6px 8px 6px 10px;
+    cursor: pointer;
+
+    &:global(.active), &:hover {
+      background: var(--blue);
+      color: var(--sidebarActiveColor);
+    }
+
+    span {
+      word-break: break-word;
+    }
+  }
+
+  .expandIcon {
+    margin-left: auto;
+  }
+
+  .subMenu {
+    border-left: 4px solid transparent;
+
+    &.active {
+      border-color: var(--blue);
+    }
+  
+    .SidebarItem {
+      color: var(--textColorPrimary);
+      padding-left: 25px;
+  
+      .navItem {
+        padding-top: 4px;
+        padding-bottom: 4px;
+
+        &:global(.active), &:hover {
+          color: var(--sidebarSubmenuActiveColor);
+          background: none;
+        }
+      }
+    }
+  }
+
+   // 3rd menu level
+  .subMenu .subMenu {
+    &.active {
+      border-color: transparent;
+    }
+
+    .SidebarItem {
+      padding-left: calc(var(--padding) / 2);
+    }
+  }
+}
+

src/renderer/components/layout/sidebar.module.scss

@@ -21,6 +21,5 @@
 
 .sidebarNav :global(.Icon) {
   box-sizing: content-box;
-  padding: 3px;
   border-radius: 50%;
 }

src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap

@@ -39,7 +39,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-cluster-overview"
               href="/"
             >
@@ -50,9 +50,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Cluster
               </span>
             </a>
@@ -63,7 +61,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-nodes"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-nodes"
               href="/"
             >
@@ -74,9 +72,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Nodes
               </span>
             </a>
@@ -87,7 +83,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -98,13 +94,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -121,7 +115,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -135,9 +129,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   list
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Config
               </span>
             </a>
@@ -148,7 +140,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -162,13 +154,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   device_hub
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -185,7 +175,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -199,9 +189,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   storage
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Storage
               </span>
             </a>
@@ -212,7 +200,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -226,9 +214,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   layers
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Namespaces
               </span>
             </a>
@@ -239,7 +225,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -250,13 +236,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -273,7 +257,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -287,9 +271,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   security
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Access Control
               </span>
             </a>
@@ -300,7 +282,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -314,13 +296,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   extension
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -518,7 +498,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-cluster-overview"
               href="/"
             >
@@ -529,9 +509,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Cluster
               </span>
             </a>
@@ -542,7 +520,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-nodes"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-nodes"
               href="/"
             >
@@ -553,9 +531,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Nodes
               </span>
             </a>
@@ -566,7 +542,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -577,13 +553,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -600,7 +574,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -614,9 +588,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   list
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Config
               </span>
             </a>
@@ -627,7 +599,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -641,13 +613,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   device_hub
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -664,7 +634,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -678,9 +648,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   storage
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Storage
               </span>
             </a>
@@ -691,7 +659,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -705,9 +673,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   layers
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Namespaces
               </span>
             </a>
@@ -718,7 +684,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -729,13 +695,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -752,7 +716,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -766,9 +730,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   security
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Access Control
               </span>
             </a>
@@ -779,7 +741,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -793,13 +755,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   extension
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1004,7 +964,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -1015,13 +975,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1038,7 +996,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -1052,9 +1010,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   list
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Config
               </span>
             </a>
@@ -1065,7 +1021,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -1079,13 +1035,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   device_hub
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1102,7 +1056,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -1116,9 +1070,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   storage
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Storage
               </span>
             </a>
@@ -1129,7 +1081,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -1143,9 +1095,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   layers
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Namespaces
               </span>
             </a>
@@ -1156,7 +1106,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -1167,13 +1117,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   class="icon"
                 />
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1190,7 +1138,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -1204,9 +1152,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   security
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Access Control
               </span>
             </a>
@@ -1217,7 +1163,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -1231,13 +1177,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   extension
                 </span>
               </i>
-              <span
+              <span>
-                class="link-text box grow"
-              >
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"

src/renderer/navigation/index.ts

@@ -5,7 +5,6 @@
 
 import { asLegacyGlobalFunctionForExtensionApi } from "../../extensions/as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api";
 import { asLegacyGlobalForExtensionApi } from "../../extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
-import matchRouteInjectable from "./match-route.injectable";
 import navigateInjectable from "./navigate.injectable";
 import observableHistoryInjectable from "./observable-history.injectable";
 
@@ -21,9 +20,4 @@ export const navigation = asLegacyGlobalForExtensionApi(observableHistoryInjecta
  */
 export const navigate = asLegacyGlobalFunctionForExtensionApi(navigateInjectable);
 
-/**
- * @deprecated use `di.inject(matchRouteInjectable)` instead
- */
-export const matchRoute = asLegacyGlobalFunctionForExtensionApi(matchRouteInjectable);
-
 export * from "./page-param";

src/renderer/navigation/match-route.injectable.ts

@@ -7,7 +7,7 @@ import type { match, RouteProps } from "react-router";
 import { matchPath } from "react-router";
 import observableHistoryInjectable from "./observable-history.injectable";
 
-export type MatchRoute = <Params>(route: string | string[] | RouteProps) => match<Params> | null;
+export type MatchRoute = <Params extends { [K in keyof Params]?: string }>(route: string | string[] | RouteProps) => match<Params> | null;
 
 const matchRouteInjectable = getInjectable({
   id: "match-route",

src/renderer/utils/storageHelper.ts

@@ -9,6 +9,7 @@ import type { Draft } from "immer";
 import { produce, isDraft } from "immer";
 import { isEqual, isPlainObject } from "lodash";
 import logger from "../../main/logger";
+import assert from "assert";
 
 export interface StorageChange<T> {
   key: string;
@@ -154,8 +155,9 @@ export class StorageHelper<T> implements StorageLayer<T> {
   }
 
   @action
-  merge(value: Partial<T> | ((draft: Draft<T>) => Partial<T> | void)) {
+  merge(value: T extends object ? Partial<T> | ((draft: Draft<T>) => Partial<T> | void) : never) {
     const nextValue = produce<T>(toJS(this.get()), (draft) => {
+      assert(typeof draft === "object" && draft);
 
       if (typeof value == "function") {
         const newValue = value(draft);

yarn.lock

@@ -2583,14 +2583,14 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.35.1":
+"@typescript-eslint/eslint-plugin@^5.36.1":
-  version "5.35.1"
+  version "5.36.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.35.1.tgz#0d822bfea7469904dfc1bb8f13cabd362b967c93"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.36.1.tgz#471f64dc53600025e470dad2ca4a9f2864139019"
-  integrity sha512-RBZZXZlI4XCY4Wzgy64vB+0slT9+yAPQRjj/HSaRwUot33xbDjF1oN9BLwOLTewoOI0jothIltZRe9uJCHf8gg==
+  integrity sha512-iC40UK8q1tMepSDwiLbTbMXKDxzNy+4TfPWgIL661Ym0sD42vRcQU93IsZIrmi+x292DBr60UI/gSwfdVYexCA==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.35.1"
+    "@typescript-eslint/scope-manager" "5.36.1"
-    "@typescript-eslint/type-utils" "5.35.1"
+    "@typescript-eslint/type-utils" "5.36.1"
-    "@typescript-eslint/utils" "5.35.1"
+    "@typescript-eslint/utils" "5.36.1"
     debug "^4.3.4"
     functional-red-black-tree "^1.0.1"
     ignore "^5.2.0"
@@ -2598,69 +2598,70 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.35.1":
+"@typescript-eslint/parser@^5.36.1":
-  version "5.35.1"
+  version "5.36.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.35.1.tgz#bf2ee2ebeaa0a0567213748243fb4eec2857f04f"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.36.1.tgz#931c22c7bacefd17e29734628cdec8b2acdcf1ce"
-  integrity sha512-XL2TBTSrh3yWAsMYpKseBYTVpvudNf69rPOWXWVBI08My2JVT5jR66eTt4IgQFHA/giiKJW5dUD4x/ZviCKyGg==
+  integrity sha512-/IsgNGOkBi7CuDfUbwt1eOqUXF9WGVBW9dwEe1pi+L32XrTsZIgmDFIi2RxjzsvB/8i+MIf5JIoTEH8LOZ368A==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.35.1"
+    "@typescript-eslint/scope-manager" "5.36.1"
-    "@typescript-eslint/types" "5.35.1"
+    "@typescript-eslint/types" "5.36.1"
-    "@typescript-eslint/typescript-estree" "5.35.1"
+    "@typescript-eslint/typescript-estree" "5.36.1"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@5.35.1":
+"@typescript-eslint/scope-manager@5.36.1":
-  version "5.35.1"
+  version "5.36.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.35.1.tgz#ccb69d54b7fd0f2d0226a11a75a8f311f525ff9e"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.36.1.tgz#23c49b7ddbcffbe09082e6694c2524950766513f"
-  integrity sha512-kCYRSAzIW9ByEIzmzGHE50NGAvAP3wFTaZevgWva7GpquDyFPFcmvVkFJGWJJktg/hLwmys/FZwqM9EKr2u24Q==
+  integrity sha512-pGC2SH3/tXdu9IH3ItoqciD3f3RRGCh7hb9zPdN2Drsr341zgd6VbhP5OHQO/reUqihNltfPpMpTNihFMarP2w==
   dependencies:
-    "@typescript-eslint/types" "5.35.1"
+    "@typescript-eslint/types" "5.36.1"
-    "@typescript-eslint/visitor-keys" "5.35.1"
+    "@typescript-eslint/visitor-keys" "5.36.1"
 
-"@typescript-eslint/type-utils@5.35.1":
+"@typescript-eslint/type-utils@5.36.1":
-  version "5.35.1"
+  version "5.36.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.35.1.tgz#d50903b56758c5c8fc3be52b3be40569f27f9c4a"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.36.1.tgz#016fc2bff6679f54c0b2df848a493f0ca3d4f625"
-  integrity sha512-8xT8ljvo43Mp7BiTn1vxLXkjpw8wS4oAc00hMSB4L1/jIiYbjjnc3Qp2GAUOG/v8zsNCd1qwcqfCQ0BuishHkw==
+  integrity sha512-xfZhfmoQT6m3lmlqDvDzv9TiCYdw22cdj06xY0obSznBsT///GK5IEZQdGliXpAOaRL34o8phEvXzEo/VJx13Q==
   dependencies:
-    "@typescript-eslint/utils" "5.35.1"
+    "@typescript-eslint/typescript-estree" "5.36.1"
+    "@typescript-eslint/utils" "5.36.1"
     debug "^4.3.4"
     tsutils "^3.21.0"
 
-"@typescript-eslint/types@5.35.1":
+"@typescript-eslint/types@5.36.1":
-  version "5.35.1"
+  version "5.36.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.35.1.tgz#af355fe52a0cc88301e889bc4ada72f279b63d61"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.36.1.tgz#1cf0e28aed1cb3ee676917966eb23c2f8334ce2c"
-  integrity sha512-FDaujtsH07VHzG0gQ6NDkVVhi1+rhq0qEvzHdJAQjysN+LHDCKDKCBRlZFFE0ec0jKxiv0hN63SNfExy0KrbQQ==
+  integrity sha512-jd93ShpsIk1KgBTx9E+hCSEuLCUFwi9V/urhjOWnOaksGZFbTOxAT47OH2d4NLJnLhkVD+wDbB48BuaycZPLBg==
 
-"@typescript-eslint/typescript-estree@5.35.1":
+"@typescript-eslint/typescript-estree@5.36.1":
-  version "5.35.1"
+  version "5.36.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.35.1.tgz#db878a39a0dbdc9bb133f11cdad451770bfba211"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.36.1.tgz#b857f38d6200f7f3f4c65cd0a5afd5ae723f2adb"
-  integrity sha512-JUqE1+VRTGyoXlDWWjm6MdfpBYVq+hixytrv1oyjYIBEOZhBCwtpp5ZSvBt4wIA1MKWlnaC2UXl2XmYGC3BoQA==
+  integrity sha512-ih7V52zvHdiX6WcPjsOdmADhYMDN15SylWRZrT2OMy80wzKbc79n8wFW0xpWpU0x3VpBz/oDgTm2xwDAnFTl+g==
   dependencies:
-    "@typescript-eslint/types" "5.35.1"
+    "@typescript-eslint/types" "5.36.1"
-    "@typescript-eslint/visitor-keys" "5.35.1"
+    "@typescript-eslint/visitor-keys" "5.36.1"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.35.1":
+"@typescript-eslint/utils@5.36.1":
-  version "5.35.1"
+  version "5.36.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.35.1.tgz#ae1399afbfd6aa7d0ed1b7d941e9758d950250eb"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.36.1.tgz#136d5208cc7a3314b11c646957f8f0b5c01e07ad"
-  integrity sha512-v6F8JNXgeBWI4pzZn36hT2HXXzoBBBJuOYvoQiaQaEEjdi5STzux3Yj8v7ODIpx36i/5s8TdzuQ54TPc5AITQQ==
+  integrity sha512-lNj4FtTiXm5c+u0pUehozaUWhh7UYKnwryku0nxJlYUEWetyG92uw2pr+2Iy4M/u0ONMKzfrx7AsGBTCzORmIg==
   dependencies:
     "@types/json-schema" "^7.0.9"
-    "@typescript-eslint/scope-manager" "5.35.1"
+    "@typescript-eslint/scope-manager" "5.36.1"
-    "@typescript-eslint/types" "5.35.1"
+    "@typescript-eslint/types" "5.36.1"
-    "@typescript-eslint/typescript-estree" "5.35.1"
+    "@typescript-eslint/typescript-estree" "5.36.1"
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
-"@typescript-eslint/visitor-keys@5.35.1":
+"@typescript-eslint/visitor-keys@5.36.1":
-  version "5.35.1"
+  version "5.36.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.35.1.tgz#285e9e34aed7c876f16ff646a3984010035898e6"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.36.1.tgz#7731175312d65738e501780f923896d200ad1615"
-  integrity sha512-cEB1DvBVo1bxbW/S5axbGPE6b7FIMAbo3w+AGq6zNDA7+NYJOIkKj/sInfTv4edxd4PxJSgdN4t6/pbvgA+n5g==
+  integrity sha512-ojB9aRyRFzVMN3b5joSYni6FAS10BBSCAfKJhjJAV08t/a95aM6tAhz+O1jF+EtgxktuSO3wJysp2R+Def/IWQ==
   dependencies:
-    "@typescript-eslint/types" "5.35.1"
+    "@typescript-eslint/types" "5.36.1"
     eslint-visitor-keys "^3.3.0"
 
 "@webassemblyjs/ast@1.11.1":
@@ -12070,10 +12071,10 @@ sass-loader@^12.6.0:
     klona "^2.0.4"
     neo-async "^2.6.2"
 
-sass@^1.32.13, sass@^1.54.7:
+sass@^1.32.13, sass@^1.54.8:
-  version "1.54.7"
+  version "1.54.8"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.54.7.tgz#a93fb1690472b161fab8f4ab34a66a0f3000c478"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.54.8.tgz#4adef0dd86ea2b1e4074f551eeda4fc5f812a996"
-  integrity sha512-3q7MQz7sCpVG6TLhUfZwGOcd2/sm2ghYN2JEdRjNiW04ILdvahdo9GuAs+bxsxZ3hDCKv+wUT5w0iFWGU0CxlA==
+  integrity sha512-ib4JhLRRgbg6QVy6bsv5uJxnJMTS2soVcCp9Y88Extyy13A8vV0G1fAwujOzmNkFQbR3LvedudAMbtuNRPbQww==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"
@@ -13481,10 +13482,10 @@ typedoc-plugin-markdown@^3.13.1:
   dependencies:
     handlebars "^4.7.7"
 
-typedoc@0.23.11:
+typedoc@0.23.13:
-  version "0.23.11"
+  version "0.23.13"
-  resolved "https://registry.yarnpkg.com/typedoc/-/typedoc-0.23.11.tgz#eacdc389038efd6de40a3c4561c413ad00f1ab16"
+  resolved "https://registry.yarnpkg.com/typedoc/-/typedoc-0.23.13.tgz#a522ed86eb326c918a05d4acad4e6d815cd1b1f8"
-  integrity sha512-FhZ2HfqlS++53UwHk4txCsTrTlpYR0So/0osMyBeP1E7llRNRqycJGfYK1qx9Wvvv5VO8tGdpwzOwDW5FrTi7A==
+  integrity sha512-47VgWyZ5Q8g5dtJxjIHvFqX7ZD+YQRLAFRhLjt6v9KW0//feHtLUrbukHkKcvQuua1xQtdvkQ17fCjmF7qLXlg==
   dependencies:
     lunr "^2.3.9"
     marked "^4.0.19"
@@ -13510,10 +13511,10 @@ typescript-plugin-css-modules@^3.4.0:
     stylus "^0.54.8"
     tsconfig-paths "^3.9.0"
 
-typescript@^4.7.4:
+typescript@^4.8.2:
-  version "4.7.4"
+  version "4.8.2"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.2.tgz#e3b33d5ccfb5914e4eeab6699cf208adee3fd790"
-  integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
+  integrity sha512-C0I1UsrrDHo2fYI5oaCGbSejwX4ch+9Y5jTQELvovfmFkK3HHSZJB8MSJcWLmCUBzQBchCrZ9rMRV6GuNrvGtw==
 
 typical@^4.0.0:
   version "4.0.0"