Merge pull request #185 from catenax-ng/feat/803/CustomAccordionBgCol…

…orChanges feat(custom accordion): change background color on hover and focus
eclipse-tractusx · May 21, 2024 · 668bddb · 668bddb
2 parents 16d7462 + cf3b278
commit 668bddb
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 3.0.11
+
+- Change background color on hover and focus in custom accordion
+
 ## 3.0.10
 
 - Fixed editing input field in vertical table

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@catena-x/portal-shared-components",
-  "version": "3.0.10",
+  "version": "3.0.11",
   "description": "Catena-X Portal Shared Components",
   "author": "Catena-X Contributors",
   "license": "Apache-2.0",

diff --git a/src/components/basic/CustomAccordion/Item.tsx b/src/components/basic/CustomAccordion/Item.tsx
@@ -67,11 +67,11 @@ export const CustomAccordionItem = ({
         sx={{
           bgcolor: color,
           ':hover': {
-            bgcolor: 'background.background12',
+            bgcolor: color ?? 'background.background12',
           },
           ':focus': {
             boxShadow: 'none !important',
-            bgcolor: 'background.background12',
+            bgcolor: color ?? 'background.background12',
           },
         }}
       >