@fluentui/react-tabs 9.0.0-beta.9 → 9.0.0-rc.4

package/CHANGELOG.json

@@ -2,7 +2,299 @@
   "name": "@fluentui/react-tabs",
   "entries": [
     {
-      "date": "Tue, 19 Apr 2022 19:14:06 GMT",
+      "date": "Thu, 26 May 2022 21:00:06 GMT",
+      "tag": "@fluentui/react-tabs_v9.0.0-rc.4",
+      "version": "9.0.0-rc.4",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "7bd33dbd7ddfc579e288c8081b8921be8cf421c5",
+            "comment": "improve formatting in stories"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "2062c540d7ec78d424593cb18b0834e511dbc196",
+            "comment": "Update README.md"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.12",
+            "commit": "3cf55ce998048554bf6a550de44403843ea8ede0"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 23 May 2022 18:56:49 GMT",
+      "tag": "@fluentui/react-tabs_v9.0.0-rc.3",
+      "version": "9.0.0-rc.3",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
+            "comment": "Removing commons type from Label."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.11",
+            "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.9",
+            "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7",
+            "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 23 May 2022 12:13:48 GMT",
+      "tag": "@fluentui/react-tabs_v9.0.0-rc.2",
+      "version": "9.0.0-rc.2",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "5a4a2c6b1ed8d4c2abb12a08d1abec71e9055ce6",
+            "comment": "Removed TabListCommons and TabCommons types"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "58c5aafd8deb82eaf1ff117d9e2c9029f5658168",
+            "comment": "Removed flexgap from useTabStyles"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "3460b40b4faf6c8939680f69878446da23ea20f9",
+            "comment": "Updated to focus on current selected tab"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "447a9aa0c3527d42bd071e63777b7afa1a14b273",
+            "comment": "Used background rather than border"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "083e54e4374c25be4200c27922c16621431bb2bc",
+            "comment": "Moved react-tabs to stable and rc.1"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "e7b70cb06f4422e5574993fd2ad44d9073647417",
+            "comment": "feat: ship rolluped only dts"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "f120fe9160ad7311a87af0cfacd8d2fb26275e34",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "42e0900f7a008d83fdca5a6e5620f49951ecedf1",
+            "comment": "Remove overflow to allow focus outline to display"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "60804cec07a495b8a5d1fc66338bf0443b212144",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "48bc32c6df6279b46ba94aab16f8bf650b17bd1e",
+            "comment": "Add aria-label for icon only story"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.9",
+            "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.10",
+            "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.8",
+            "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.9",
+            "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6",
+            "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 05 May 2022 18:26:30 GMT",
+      "tag": "@fluentui/react-tabs_v9.0.0-beta.12",
+      "version": "9.0.0-beta.12",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.8",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.9",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.7",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.8",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 May 2022 13:26:52 GMT",
+      "tag": "@fluentui/react-tabs_v9.0.0-beta.11",
+      "version": "9.0.0-beta.11",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "97939a4e5f523b3ef05c815f909819701eee92ea",
+            "comment": "Added aria-selected"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "c2562b5382305152a09402a367ec853d603438e7",
+            "comment": "Updated to use correct pseudo-elements"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "6c764b820241483c1a9a6e225f758a4c8d4b060e",
+            "comment": "Updated to use tokens"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "55e2b1b53e81efa510a5bc15c6ab0398b52ace7f",
+            "comment": "Removed unnecessary width and height from indicators"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "17ed5008371df7344540af658209840985dc4754",
+            "comment": "Allow tab to animate when value is numeric zero"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.7",
+            "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8",
+            "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6",
+            "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7",
+            "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
+          }
+        ],
+        "none": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "f1c470c25de01baef3180067fa99dcc10ec9ebd5",
+            "comment": "react-tabs: Move to new common folder."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 25 Apr 2022 09:32:15 GMT",
+      "tag": "@fluentui/react-tabs_v9.0.0-beta.10",
+      "version": "9.0.0-beta.10",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "9b558cf266817f6499fece14e71bd90e98385a6b",
+            "comment": "Added styles to support future overflow calcs"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.7",
+            "commit": "02ca1d3c198452c1693067f5f18bd01b2ed5d6e6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 19 Apr 2022 19:16:56 GMT",
       "tag": "@fluentui/react-tabs_v9.0.0-beta.9",
       "version": "9.0.0-beta.9",
       "comments": {
@@ -65,31 +357,31 @@
             "author": "beachball",
             "package": "@fluentui/react-tabs",
             "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.6",
-            "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tabs",
             "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.6",
-            "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tabs",
             "comment": "Bump @fluentui/react-theme to v9.0.0-rc.5",
-            "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tabs",
             "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.6",
-            "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tabs",
             "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4",
-            "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
+            "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
           }
         ],
         "none": [

package/CHANGELOG.md

@@ -1,12 +1,97 @@
 # Change Log - @fluentui/react-tabs
 
-This log was last generated on Tue, 19 Apr 2022 19:14:06 GMT and should not be manually modified.
+This log was last generated on Thu, 26 May 2022 21:00:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-rc.4)
+
+Thu, 26 May 2022 21:00:06 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.0-rc.3..@fluentui/react-tabs_v9.0.0-rc.4)
+
+### Changes
+
+- Update README.md ([PR #23200](https://github.com/microsoft/fluentui/pull/23200) by gcox@microsoft.com)
+- Bump @fluentui/react-tabster to v9.0.0-rc.12 ([PR #23267](https://github.com/microsoft/fluentui/pull/23267) by beachball)
+
+## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-rc.3)
+
+Mon, 23 May 2022 18:56:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.0-rc.2..@fluentui/react-tabs_v9.0.0-rc.3)
+
+### Changes
+
+- Removing commons type from Label. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by esteban.230@hotmail.com)
+- Bump @fluentui/react-tabster to v9.0.0-rc.11 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
+
+## [9.0.0-rc.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-rc.2)
+
+Mon, 23 May 2022 12:13:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.0-beta.12..@fluentui/react-tabs_v9.0.0-rc.2)
+
+### Changes
+
+- Removed TabListCommons and TabCommons types ([PR #22922](https://github.com/microsoft/fluentui/pull/22922) by gcox@microsoft.com)
+- Removed flexgap from useTabStyles ([PR #22920](https://github.com/microsoft/fluentui/pull/22920) by gcox@microsoft.com)
+- Updated to focus on current selected tab ([PR #22900](https://github.com/microsoft/fluentui/pull/22900) by gcox@microsoft.com)
+- Used background rather than border ([PR #22869](https://github.com/microsoft/fluentui/pull/22869) by gcox@microsoft.com)
+- Moved react-tabs to stable and rc.1 ([PR #22923](https://github.com/microsoft/fluentui/pull/22923) by gcox@microsoft.com)
+- feat: ship rolluped only dts ([PR #22828](https://github.com/microsoft/fluentui/pull/22828) by martinhochel@microsoft.com)
+- chore: Update Griffel to latest version ([PR #22894](https://github.com/microsoft/fluentui/pull/22894) by olfedias@microsoft.com)
+- Remove overflow to allow focus outline to display ([PR #22897](https://github.com/microsoft/fluentui/pull/22897) by gcox@microsoft.com)
+- chore: Update Griffel to latest version ([PR #23029](https://github.com/microsoft/fluentui/pull/23029) by olfedias@microsoft.com)
+- Add aria-label for icon only story ([PR #22898](https://github.com/microsoft/fluentui/pull/22898) by gcox@microsoft.com)
+- Bump @fluentui/react-context-selector to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-rc.10 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.8 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
+
+## [9.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-beta.12)
+
+Thu, 05 May 2022 18:26:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.0-beta.11..@fluentui/react-tabs_v9.0.0-beta.12)
+
+### Changes
+
+- Bump @fluentui/react-context-selector to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-rc.9 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.7 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+
+## [9.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-beta.11)
+
+Wed, 04 May 2022 13:26:52 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.0-beta.10..@fluentui/react-tabs_v9.0.0-beta.11)
+
+### Changes
+
+- Added aria-selected ([PR #22742](https://github.com/microsoft/fluentui/pull/22742) by gcox@microsoft.com)
+- Updated to use correct pseudo-elements ([PR #22768](https://github.com/microsoft/fluentui/pull/22768) by gcox@microsoft.com)
+- Updated to use tokens ([PR #22717](https://github.com/microsoft/fluentui/pull/22717) by gcox@microsoft.com)
+- Removed unnecessary width and height from indicators ([PR #22744](https://github.com/microsoft/fluentui/pull/22744) by gcox@microsoft.com)
+- Allow tab to animate when value is numeric zero ([PR #22754](https://github.com/microsoft/fluentui/pull/22754) by gcox@microsoft.com)
+- Bump @fluentui/react-context-selector to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
+
+## [9.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-beta.10)
+
+Mon, 25 Apr 2022 09:32:15 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.0-beta.9..@fluentui/react-tabs_v9.0.0-beta.10)
+
+### Changes
+
+- Added styles to support future overflow calcs ([PR #22548](https://github.com/microsoft/fluentui/pull/22548) by gcox@microsoft.com)
+- Bump @fluentui/react-tabster to v9.0.0-rc.7 ([PR #22601](https://github.com/microsoft/fluentui/pull/22601) by beachball)
+
 ## [9.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-beta.9)
 
-Tue, 19 Apr 2022 19:14:06 GMT 
+Tue, 19 Apr 2022 19:16:56 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.0-beta.8..@fluentui/react-tabs_v9.0.0-beta.9)
 
 ### Changes
@@ -20,15 +105,15 @@ Tue, 19 Apr 2022 19:14:06 GMT
 - react-tabs fit and finish ([PR #22225](https://github.com/microsoft/fluentui/pull/22225) by gcox@microsoft.com)
 - Set subtle tab background to subtle background tokens ([PR #22346](https://github.com/microsoft/fluentui/pull/22346) by gcox@microsoft.com)
 - Updated to decrease gap of small vertical tab per figma change ([PR #22335](https://github.com/microsoft/fluentui/pull/22335) by gcox@microsoft.com)
-- Bump @fluentui/react-context-selector to v9.0.0-rc.6 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
-- Bump @fluentui/react-tabster to v9.0.0-rc.6 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
-- Bump @fluentui/react-theme to v9.0.0-rc.5 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
-- Bump @fluentui/react-utilities to v9.0.0-rc.6 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
-- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
+- Bump @fluentui/react-context-selector to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.5 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
 
 ## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-beta.8)
 
-Fri, 04 Mar 2022 05:17:30 GMT 
+Fri, 04 Mar 2022 05:17:30 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.0-beta.7..@fluentui/react-tabs_v9.0.0-beta.8)
 
 ### Changes
@@ -41,7 +126,7 @@ Fri, 04 Mar 2022 05:17:30 GMT
 
 ## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-beta.7)
 
-Tue, 01 Mar 2022 02:17:39 GMT 
+Tue, 01 Mar 2022 02:17:39 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.0-beta.6..@fluentui/react-tabs_v9.0.0-beta.7)
 
 ### Changes
@@ -53,7 +138,7 @@ Tue, 01 Mar 2022 02:17:39 GMT
 
 ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-beta.6)
 
-Fri, 18 Feb 2022 13:35:35 GMT 
+Fri, 18 Feb 2022 13:35:35 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.0-beta.4..@fluentui/react-tabs_v9.0.0-beta.6)
 
 ### Changes

package/README.md

@@ -2,4 +2,50 @@
 
 **React Tabs components for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**
 
-These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
+- A `TabList` provides single selection from a list of tabs.
+- When a `Tab` is selected, the content associated with the selected tab is displayed and other content is hidden.
+- A `TabList` has options to control how tabs are displayed:
+  - horizontal or vertical
+  - transparent or subtle appearance
+  - small or medium size tabs
+- Each `Tab` typically contains a text header and often includes an icon.
+
+## Usage
+
+To display tabs, declare a `TabList` with a list of `Tab` components as children.
+
+Text is typically used within each tab, but you can place any content you like.
+You can add an icon to a tab through the `icon` property.
+
+Each `Tab` requires a unique `value`.
+The value is passed as part of the data parameter when a tab is clicked and the `onTabSelect` event is raised.
+The `selectedValue` property allows you to control the selected tab.
+
+```tsx
+import { SelectTabData, SelectTabEvent, TabList, Tab } from '@fluentui/react-components';
+import { CalendarMonthRegular } from '@fluentui/react-icons';
+
+export const TabExample = () => {
+  const [selectedValue, setSelectedValue] = React.useState<TabValue>('conditions');
+
+  const onTabSelect = (event: SelectTabEvent, data: SelectTabData) => {
+    console.log(`The ${data.value} tab was selected`);
+    setSelectedValue(data.value);
+  };
+
+  return (
+    <TabList selectedValue={selectedValue} onTabSelect={onTabSelect}>
+      <Tab value="tab1">First Tab</Tab>
+      <Tab value="tab2" icon={<CalendarMonthRegular />}>
+        Second Tab
+      </Tab>
+      <Tab value="tab3">Third Tab</Tab>
+      <Tab value="tab4">Fourth Tab</Tab>
+    </TabList>
+  );
+};
+```
+
+### More information
+
+See [SPEC.md](./Spec.md) to learn more specifics how the `TabList` and `Tab` were built.

package/dist/{react-tabs.d.ts → index.d.ts}

@@ -33,67 +33,16 @@ export declare type SelectTabEventHandler = (event: SelectTabEvent, data: Select
  */
 export declare const Tab: ForwardRefComponent<TabProps>;
 
-export declare const tabClassName: string;
-
 export declare const tabClassNames: SlotClassNames<TabSlots>;
 
-declare type TabCommons = {
-    /**
-     * A tab can be set to disable interaction.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The value that identifies this tab when selected.
-     */
-    value: TabValue;
-};
-
 /**
  * A tab list provides single selection from a set of tabs.
  */
 export declare const TabList: ForwardRefComponent<TabListProps>;
 
-export declare const tabListClassName: string;
-
 export declare const tabListClassNames: SlotClassNames<TabListSlots>;
 
-declare type TabListCommons = {
-    /**
-     * A tab list can supports 'transparent' and 'subtle' appearance.
-     *- 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
-     *- 'transparent': No background and border styling
-     * The appearance affects each of the contained tabs.
-     * @default 'transparent'
-     */
-    appearance?: 'transparent' | 'subtle';
-    /**
-     * A tab list can be set to disable interaction.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Raised when a tab is selected.
-     */
-    onTabSelect?: SelectTabEventHandler;
-    /**
-     * The value of the currently selected tab.
-     */
-    selectedValue?: TabValue;
-    /**
-     * A tab list can be either 'small' or 'medium' size.
-     * The size affects each of the contained tabs.
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium';
-    /**
-     * A tab list can arrange its tabs vertically.
-     * @default false
-     */
-    vertical?: boolean;
-};
-
-export declare type TabListContextValue = Pick<TabListCommons, 'onTabSelect' | 'selectedValue'> & Required<Pick<TabListCommons, 'appearance' | 'disabled' | 'size' | 'vertical'>> & {
+export declare type TabListContextValue = Pick<TabListProps, 'onTabSelect' | 'selectedValue'> & Required<Pick<TabListProps, 'appearance' | 'disabled' | 'size' | 'vertical'>> & {
     /** A callback to allow a tab to register itself with the tab list. */
     onRegister: RegisterTabEventHandler;
     /** A callback to allow a tab to unregister itself with the tab list. */
@@ -125,12 +74,44 @@ export declare type TabListContextValues = {
 /**
  * TabList Props
  */
-export declare type TabListProps = ComponentProps<TabListSlots> & TabListCommons & {
+export declare type TabListProps = ComponentProps<TabListSlots> & {
+    /**
+     * A tab list can supports 'transparent' and 'subtle' appearance.
+     *- 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
+     *- 'transparent': No background and border styling
+     * The appearance affects each of the contained tabs.
+     * @default 'transparent'
+     */
+    appearance?: 'transparent' | 'subtle';
     /**
      * The value of the tab to be selected by default.
      * Typically useful when the selectedValue is uncontrolled.
      */
     defaultSelectedValue?: TabValue;
+    /**
+     * A tab list can be set to disable interaction.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Raised when a tab is selected.
+     */
+    onTabSelect?: SelectTabEventHandler;
+    /**
+     * The value of the currently selected tab.
+     */
+    selectedValue?: TabValue;
+    /**
+     * A tab list can be either 'small' or 'medium' size.
+     * The size affects each of the contained tabs.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium';
+    /**
+     * A tab list can arrange its tabs vertically.
+     * @default false
+     */
+    vertical?: boolean;
 };
 
 export declare type TabListSlots = {
@@ -148,7 +129,17 @@ export declare type TabListState = ComponentState<Required<TabListSlots>> & TabL
 /**
  * Tab Props
  */
-export declare type TabProps = ComponentProps<Partial<TabSlots>> & TabCommons;
+export declare type TabProps = ComponentProps<Partial<TabSlots>> & {
+    /**
+     * A tab can be set to disable interaction.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The value that identifies this tab when selected.
+     */
+    value: TabValue;
+};
 
 export declare type TabRegisterData = {
     /**
@@ -180,7 +171,7 @@ export declare type TabSlots = {
 /**
  * State used in rendering Tab
  */
-export declare type TabState = ComponentState<TabSlots> & Omit<TabCommons, 'disabled'> & Required<Pick<TabCommons, 'disabled'>> & {
+export declare type TabState = ComponentState<TabSlots> & Pick<TabProps, 'value'> & Required<Pick<TabProps, 'disabled'>> & {
     /**
      * A tab supports 'transparent' and 'subtle' appearance.
      */