feat(react): add horizontal overflow to Tabs in v11

packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -8569,9 +8569,18 @@ Map {
         ],
         "type": "oneOf",
       },
+      "leftOverflowButtonProps": Object {
+        "type": "object",
+      },
       "light": Object {
         "type": "bool",
       },
+      "rightOverflowButtonProps": Object {
+        "type": "object",
+      },
+      "scrollDebounceWait": Object {
+        "type": "number",
+      },
       "scrollIntoView": Object {
         "type": "bool",
       },

packages/react/src/components/Tabs/Tabs.js

@@ -390,7 +390,7 @@ export default class Tabs extends React.Component {
   };
 
   handleOverflowNavMouseDown = (event, { direction }) => {
-    // disregard mouse buttons aside from LMB
+    // disregard mouse buttons aside from left mouse button
     if (event.buttons !== 1) {
       return;
     }

packages/react/src/components/Tabs/next/Tabs-test.js

@@ -27,9 +27,12 @@ describe('Tabs', () => {
   });
 
   it('should set a className from props on outermost element in TabList', () => {
-    render(
+    const { container } = render(
       <Tabs>
-        <TabList aria-label="List of tabs" className="custom-class">
+        <TabList
+          aria-label="List of tabs"
+          className="custom-class"
+          data-test-id="test-id">
           <Tab disabled>Tab Label 1</Tab>
           <Tab>Tab Label 2</Tab>
           <Tab>Tab Label 3</Tab>
@@ -42,7 +45,7 @@ describe('Tabs', () => {
       </Tabs>
     );
 
-    expect(screen.getByRole('tablist')).toHaveClass('custom-class');
+    expect(container.firstChild).toHaveClass('custom-class');
   });
 });