From 08a8e3070ffb4c8307dd6eea38cd033ec2b22f44 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 18 Jul 2024 10:22:08 +0300
Subject: [PATCH] Tablist PT name updates

---
 packages/primevue/src/tablist/TabList.d.ts            | 8 ++++++--
 packages/primevue/src/tablist/TabList.vue             | 6 +++---
 packages/primevue/src/tablist/style/TabListStyle.d.ts | 6 +++---
 packages/primevue/src/tablist/style/TabListStyle.js   | 4 ++--
 4 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/packages/primevue/src/tablist/TabList.d.ts b/packages/primevue/src/tablist/TabList.d.ts
index fbad13b9e..3047e1262 100755
--- a/packages/primevue/src/tablist/TabList.d.ts
+++ b/packages/primevue/src/tablist/TabList.d.ts
@@ -62,13 +62,17 @@ export interface TabListPassThroughOptions {
      */
     nextButton?: TabListPassThroughOptionType;
     /**
-     * Used to pass attributes to the list's DOM element.
+     * Used to pass attributes to the content's DOM element.
      */
     content?: TabListPassThroughOptionType;
+    /**
+     * Used to pass attributes to the tablist's DOM element.
+     */
+    tabList?: TabListPassThroughOptionType;
     /**
      * Used to pass attributes to the inkbar's DOM element.
      */
-    inkbar?: TabListPassThroughOptionType;
+    activeBar?: TabListPassThroughOptionType;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}
diff --git a/packages/primevue/src/tablist/TabList.vue b/packages/primevue/src/tablist/TabList.vue
index 797afc20f..69ca40ea5 100644
--- a/packages/primevue/src/tablist/TabList.vue
+++ b/packages/primevue/src/tablist/TabList.vue
@@ -14,9 +14,9 @@
             <component :is="templates.previcon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('prevIcon')" />
         </button>
         <div ref="content" :class="cx('content')" @scroll="onScroll" v-bind="ptm('content')">
-            <div ref="tabs" :class="cx('tabs')" role="tablist" :aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabs')">
+            <div ref="tabs" :class="cx('tabList')" role="tablist" :aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabList')">
                 <slot></slot>
-                <span ref="inkbar" :class="cx('inkbar')" role="presentation" aria-hidden="true" v-bind="ptm('inkbar')"></span>
+                <span ref="inkbar" :class="cx('activeBar')" role="presentation" aria-hidden="true" v-bind="ptm('activeBar')"></span>
             </div>
         </div>
         <button
@@ -36,7 +36,7 @@
 </template>
 
 <script>
-import { getWidth, findSingle, getHeight, getOuterHeight, getOuterWidth, getOffset } from '@primeuix/utils/dom';
+import { findSingle, getHeight, getOffset, getOuterHeight, getOuterWidth, getWidth } from '@primeuix/utils/dom';
 import ChevronLeftIcon from '@primevue/icons/chevronleft';
 import ChevronRightIcon from '@primevue/icons/chevronright';
 import BaseTabList from './BaseTabList.vue';
diff --git a/packages/primevue/src/tablist/style/TabListStyle.d.ts b/packages/primevue/src/tablist/style/TabListStyle.d.ts
index b1ec599e8..737b8a09f 100644
--- a/packages/primevue/src/tablist/style/TabListStyle.d.ts
+++ b/packages/primevue/src/tablist/style/TabListStyle.d.ts
@@ -21,11 +21,11 @@ export enum TabListClasses {
     /**
      * Class name of the tabs element
      */
-    tabs = 'p-tablist-tab-list',
+    tabList = 'p-tablist-tab-list',
     /**
-     * Class name of the inkbar element
+     * Class name of the activebar element
      */
-    inkbar = 'p-tablist-active-bar',
+    activeBar = 'p-tablist-active-bar',
     /**
      * Class name of the previous button element
      */
diff --git a/packages/primevue/src/tablist/style/TabListStyle.js b/packages/primevue/src/tablist/style/TabListStyle.js
index 451bcb668..e43d22d2f 100644
--- a/packages/primevue/src/tablist/style/TabListStyle.js
+++ b/packages/primevue/src/tablist/style/TabListStyle.js
@@ -8,8 +8,8 @@ const classes = {
             'p-tablist-viewport': instance.$pcTabs.scrollable
         }
     ],
-    tabs: 'p-tablist-tab-list',
-    inkbar: 'p-tablist-active-bar',
+    tabList: 'p-tablist-tab-list',
+    activeBar: 'p-tablist-active-bar',
     prevButton: 'p-tablist-prev-button p-tablist-nav-button',
     nextButton: 'p-tablist-next-button p-tablist-nav-button'
 };