chore(tabs): update class modifier

Author: Helen Le

packages/tabs/src/Tabs.ts

@@ -161,7 +161,7 @@ export class Tabs extends SizedMixin(Focusable, { noDefaultSize: true }) {
     private slotEl!: HTMLSlotElement;
 
     @query('#list')
-    private tabList!: HTMLDivElement;
+    protected tabList!: HTMLDivElement;
 
     @property({ reflect: true })
     selected = '';
@@ -178,7 +178,7 @@ export class Tabs extends SizedMixin(Focusable, { noDefaultSize: true }) {
         this.rovingTabindexController.clearElementCache();
     }
 
-    private get tabs(): Tab[] {
+    protected get tabs(): Tab[] {
         return this._tabs;
     }
 
@@ -300,7 +300,7 @@ export class Tabs extends SizedMixin(Focusable, { noDefaultSize: true }) {
         return complete;
     }
 
-    private getNecessaryAutoScroll(index: number): number {
+    protected getNecessaryAutoScroll(index: number): number {
         const selectedTab = this.tabs[index];
         const selectionEnd = selectedTab.offsetLeft + selectedTab.offsetWidth;
         const viewportEnd = this.tabList.scrollLeft + this.tabList.offsetWidth;

packages/tabs/src/TabsOverflow.ts

@@ -101,7 +101,7 @@ export class TabsOverflow extends SizedMixin(SpectrumElement) {
         this._updateScrollState();
     }
 
-    private _updateScrollState(): void {
+    protected _updateScrollState(): void {
         const { scrollContent, overflowState } = this;
 
         if (scrollContent) {