From 23366adf871e39c25a2a7a0c9c0e24b06fb69914 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 29 Apr 2024 13:01:24 +0300
Subject: [PATCH] Refactored AccordionPanel

---
 components/lib/accordionpanel/style/AccordionPanelStyle.js | 2 +-
 components/lib/themes/primeone/base/accordion/index.js     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/lib/accordionpanel/style/AccordionPanelStyle.js b/components/lib/accordionpanel/style/AccordionPanelStyle.js
index 6c55b0aea..4e066bd08 100644
--- a/components/lib/accordionpanel/style/AccordionPanelStyle.js
+++ b/components/lib/accordionpanel/style/AccordionPanelStyle.js
@@ -4,7 +4,7 @@ const classes = {
     root: ({ instance, props }) => [
         'p-accordionpanel',
         {
-            'p-active': instance.active,
+            'p-accordionpanel-active': instance.active,
             'p-disabled': props.disabled
         }
     ]
diff --git a/components/lib/themes/primeone/base/accordion/index.js b/components/lib/themes/primeone/base/accordion/index.js
index 08ef0b67b..40cfd24c8 100644
--- a/components/lib/themes/primeone/base/accordion/index.js
+++ b/components/lib/themes/primeone/base/accordion/index.js
@@ -30,11 +30,11 @@ export default {
     outline-offset: -2px;
 }
 
-.p-accordionpanel:not(.p-active):not(.p-disabled):hover .p-accordionheader {
+.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled):hover > .p-accordionheader {
     color: ${dt('accordion.header.hover.color')}
 }
 
-.p-accordionpanel:not(.p-disabled).p-active .p-accordionheader {
+.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {
     color: ${dt('accordion.header.active.color')}
 }