feat(react): update Tabs API and delete next/Tab

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

@@ -5941,51 +5941,6 @@ Map {
       },
     },
   },
-  "unstable_ContainedTab" => Object {
-    "$$typeof": Symbol(react.forward_ref),
-    "propTypes": Object {
-      "className": Object {
-        "type": "string",
-      },
-      "disabled": Object {
-        "type": "bool",
-      },
-      "handleTabClick": Object {
-        "type": "func",
-      },
-      "handleTabKeyDown": Object {
-        "type": "func",
-      },
-      "id": Object {
-        "type": "string",
-      },
-      "index": Object {
-        "type": "number",
-      },
-      "label": Object {
-        "type": "node",
-      },
-      "onClick": Object {
-        "type": "func",
-      },
-      "onKeyDown": Object {
-        "type": "func",
-      },
-      "renderButton": Object {
-        "type": "func",
-      },
-      "renderContent": Object {
-        "type": "func",
-      },
-      "selected": Object {
-        "type": "bool",
-      },
-      "tabIndex": Object {
-        "type": "number",
-      },
-    },
-    "render": [Function],
-  },
   "TabContent" => Object {
     "defaultProps": Object {
       "selected": false,
@@ -6133,6 +6088,57 @@ Map {
     },
     "render": [Function],
   },
+  "unstable_TabPanel" => Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "propTypes": Object {
+      "children": Object {
+        "type": "node",
+      },
+      "className": Object {
+        "type": "string",
+      },
+    },
+    "render": [Function],
+  },
+  "unstable_TabPanels" => Object {
+    "propTypes": Object {
+      "children": Object {
+        "type": "node",
+      },
+    },
+  },
+  "unstable_TabList" => Object {
+    "propTypes": Object {
+      "activation": Object {
+        "args": Array [
+          Array [
+            "automatic",
+            "manual",
+          ],
+        ],
+        "type": "oneOf",
+      },
+      "aria-label": Object {
+        "isRequired": true,
+        "type": "string",
+      },
+      "children": Object {
+        "type": "node",
+      },
+      "className": Object {
+        "type": "string",
+      },
+      "contained": Object {
+        "type": "bool",
+      },
+      "light": Object {
+        "type": "bool",
+      },
+      "scrollIntoView": Object {
+        "type": "bool",
+      },
+    },
+  },
   "Tag" => Object {
     "propTypes": Object {
       "children": Object {

packages/react/src/__tests__/index-test.js

@@ -199,7 +199,6 @@ Array [
   "TooltipDefinition",
   "TooltipIcon",
   "UnorderedList",
-  "unstable_ContainedTab",
   "unstable_ContainedTabs",
   "unstable_FeatureFlags",
   "unstable_HStack",
@@ -219,6 +218,9 @@ Array [
   "unstable_ProgressBar",
   "unstable_Section",
   "unstable_Stack",
+  "unstable_TabList",
+  "unstable_TabPanel",
+  "unstable_TabPanels",
   "unstable_Theme",
   "unstable_Tooltip",
   "unstable_TreeNode",

packages/react/src/components/Tab/index.js

@@ -6,12 +6,9 @@
  */
 
 import * as FeatureFlags from '@carbon/feature-flags';
-import { default as TabNext } from './next/Tab';
+import { Tab as TabNext } from '../Tabs/next/Tabs';
 import { default as TabClassic } from './Tab';
-import ContainedTab from './next/ContainedTab';
 
 const Tab = FeatureFlags.enabled('enable-v11-release') ? TabNext : TabClassic;
 
-export { ContainedTab };
-
 export default Tab;