From 014dc680f0b44d818ce6d1b1314ba87ad8810b5e Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 9 Apr 2024 17:03:17 +0300
Subject: [PATCH] Refactored TabMenu

---
 components/lib/tabmenu/style/TabMenuStyle.js      | 12 ++++++------
 .../lib/themes/primeone/base/tabmenu/index.js     | 15 +++++++--------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/components/lib/tabmenu/style/TabMenuStyle.js b/components/lib/tabmenu/style/TabMenuStyle.js
index d43d0300a..7c58f6210 100644
--- a/components/lib/tabmenu/style/TabMenuStyle.js
+++ b/components/lib/tabmenu/style/TabMenuStyle.js
@@ -2,17 +2,17 @@ import BaseStyle from 'primevue/base/style';
 
 const classes = {
     root: 'p-tabmenu p-component',
-    menu: 'p-tabmenu-nav p-reset',
+    menu: 'p-tabmenu-tablist',
     menuitem: ({ instance, index, item }) => [
-        'p-tabmenuitem',
+        'p-tabmenu-item',
         {
-            'p-highlight': instance.d_activeIndex === index,
+            'p-tabmenu-item-active': instance.d_activeIndex === index,
             'p-disabled': instance.disabled(item)
         }
     ],
-    action: 'p-menuitem-link',
-    icon: 'p-menuitem-icon',
-    label: 'p-menuitem-text',
+    action: 'p-tabmenu-item-link',
+    icon: 'p-tabmenu-item-icon',
+    label: 'p-tabmenu-item-label',
     inkbar: 'p-tabmenu-ink-bar'
 };
 
diff --git a/components/lib/themes/primeone/base/tabmenu/index.js b/components/lib/themes/primeone/base/tabmenu/index.js
index b75ee6a3a..7fd2de440 100644
--- a/components/lib/themes/primeone/base/tabmenu/index.js
+++ b/components/lib/themes/primeone/base/tabmenu/index.js
@@ -4,7 +4,7 @@ export default {
     overflow-x: auto;
 }
 
-.p-tabmenu-nav {
+.p-tabmenu-tablist {
     display: flex;
     margin: 0;
     padding: 0;
@@ -16,7 +16,7 @@ export default {
     position: relative;
 }
 
-.p-tabmenuitem .p-menuitem-link {
+.p-tabmenu-item-link {
     cursor: pointer;
     user-select: none;
     display: flex;
@@ -37,24 +37,23 @@ export default {
     outline-color: transparent;
 }
 
-.p-tabmenuitem .p-menuitem-link:focus-visible {
+.p-tabmenu-item-link:focus-visible {
     outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};
     outline-offset: -1px;
 }
 
-.p-tabmenuitem .p-menuitem-icon {
+.p-tabmenu-item-icon {
     margin-right: 0.5rem;
 }
 
-.p-tabmenu-nav .p-menuitem-text {
+.p-tabmenu-item-label {
     line-height: 1;
 }
-
-.p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+.p-tabmenu-item:not(.p-tabmenu-item-active):not(.p-disabled):hover .p-tabmenu-item-link {
     color: ${dt('tabmenu.header.hover.color')};
 }
 
-.p-tabmenuitem.p-highlight .p-menuitem-link {
+.p-tabmenu-item-active .p-tabmenu-item-link {
     color: ${dt('tabmenu.header.active.border.color')};
 }