diff --git a/apps/carbon/package.json b/apps/carbon/package.json index bf4c8d3465..d73f064688 100644 --- a/apps/carbon/package.json +++ b/apps/carbon/package.json @@ -29,7 +29,6 @@ "@cloudoperators/juno-ui-components": "workspace:*", "@tailwindcss/vite": "4.1.13", "@vitejs/plugin-react": "4.7.0", - "classnames": "2.5.1", "react": "19.1.0", "react-dom": "19.1.0", "react-error-boundary": "4.1.2", diff --git a/apps/carbon/src/components/Navigation/NavigationItem.tsx b/apps/carbon/src/components/Navigation/NavigationItem.tsx index 97ed199619..9151afe833 100644 --- a/apps/carbon/src/components/Navigation/NavigationItem.tsx +++ b/apps/carbon/src/components/Navigation/NavigationItem.tsx @@ -5,7 +5,6 @@ import React from "react" import { Stack } from "@cloudoperators/juno-ui-components" -import classNames from "classnames" import SupernovaIcon from "../../assets/juno_supernova.svg?react" import DoopIcon from "../../assets/juno_doop.svg?react" import HeurekaIcon from "../../assets/juno_heureka.svg?react" @@ -23,11 +22,16 @@ const AppIcon = ({ name }: { name: string }) => { const Border = () =>
-const getClassName = (isActive: boolean) => - classNames("relative px-5 py-3 cursor-pointer", { - "bg-theme-global-bg text-white": isActive, - "hover:text-theme-high": !isActive, - }) +const getClassName = (isActive: boolean) => { + return ` + relative + px-5 + py-3 + cursor-pointer + + ${isActive ? "bg-theme-global-bg text-white" : "hover:text-theme-high"} + ` +} type NavigationItemProps = { name: string diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index dedb20f947..f3367fee9f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -57,9 +57,6 @@ importers: '@vitejs/plugin-react': specifier: 4.7.0 version: 4.7.0(vite@7.1.7(@types/node@24.3.2)(jiti@2.5.1)(lightningcss@1.30.1)(sass@1.81.1)(terser@5.39.2)(tsx@4.19.4)(yaml@2.8.0)) - classnames: - specifier: 2.5.1 - version: 2.5.1 react: specifier: 19.1.0 version: 19.1.0 @@ -4041,9 +4038,6 @@ packages: resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==} engines: {node: '>=8'} - classnames@2.5.1: - resolution: {integrity: sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==} - clean-stack@2.2.0: resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==} engines: {node: '>=6'} @@ -11132,8 +11126,6 @@ snapshots: ci-info@3.9.0: {} - classnames@2.5.1: {} - clean-stack@2.2.0: {} cli-cursor@3.1.0: