From e0e809b7a42b6a40a48597c9b8334d81625f7542 Mon Sep 17 00:00:00 2001
From: Muhammad Zeeshan Saqib <z.saqib.dotcom@gmail.com>
Date: Thu, 22 May 2025 19:06:56 +0500
Subject: [PATCH] updates in menu

---
 package.json                                        | 2 +-
 src/lib/dc-collapsible-menu/dc-collapsible-menu.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index b487bd7..988b061 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pixel-base",
-  "version": "1.9.6",
+  "version": "1.9.7",
   "description": "Common UI components for web.pixelone.app, Based on React Bootstrap",
   "author": "muffrank",
   "license": "MIT",
diff --git a/src/lib/dc-collapsible-menu/dc-collapsible-menu.tsx b/src/lib/dc-collapsible-menu/dc-collapsible-menu.tsx
index 5f3a2ac..d4a8225 100644
--- a/src/lib/dc-collapsible-menu/dc-collapsible-menu.tsx
+++ b/src/lib/dc-collapsible-menu/dc-collapsible-menu.tsx
@@ -2,6 +2,7 @@ import React from "react"
 import { useState } from "react"
 import { ChevronDown, ChevronRight } from "lucide-react"
 import styled from "styled-components"
+import { $DCprimaryColor } from "../styleGuide"
 
 export interface MenuItemProps {
   id: string | number
@@ -55,6 +56,7 @@ const MenuItemButton = styled.div<MenuItemButtonProps>`
   ${(props) =>
     props.isActive &&
     `
+    border: 1px solid ${$DCprimaryColor};
     background-color: #f3f4f6;
     font-weight: 500;
   `}
@@ -146,7 +148,7 @@ const ToggleButton = styled.button<ToggleButtonProps>`
   
   &:focus {
     outline: none;
-    box-shadow: 0 0 0 2px #d1d5db;
+    /* box-shadow: 0 0 0 2px #d1d5db; */
   }
   
   @media (prefers-color-scheme: dark) {
@@ -154,9 +156,7 @@ const ToggleButton = styled.button<ToggleButtonProps>`
       background-color: #374151;
     }
     
-    &:focus {
-      box-shadow: 0 0 0 2px #4b5563;
-    }
+   
   }
 `