@fluentui/react-tabs 9.6.3 → 9.6.5

package/lib-commonjs/Tab.js

@@ -2,5 +2,39 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./components/Tab/index"), exports);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Tab: function() {
+        return _index.Tab;
+    },
+    renderTab_unstable: function() {
+        return _index.renderTab_unstable;
+    },
+    tabClassNames: function() {
+        return _index.tabClassNames;
+    },
+    useTabAnimatedIndicatorStyles_unstable: function() {
+        return _index.useTabAnimatedIndicatorStyles_unstable;
+    },
+    useTabButtonStyles_unstable: function() {
+        return _index.useTabButtonStyles_unstable;
+    },
+    useTabContentStyles_unstable: function() {
+        return _index.useTabContentStyles_unstable;
+    },
+    useTabIndicatorStyles_unstable: function() {
+        return _index.useTabIndicatorStyles_unstable;
+    },
+    useTabStyles_unstable: function() {
+        return _index.useTabStyles_unstable;
+    },
+    useTab_unstable: function() {
+        return _index.useTab_unstable;
+    }
+});
+const _index = require("./components/Tab/index");

package/lib-commonjs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Tab.ts"],"sourcesContent":["export * from './components/Tab/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
+{"version":3,"sources":["../src/Tab.ts"],"sourcesContent":["export type { TabInternalSlots, TabProps, TabSlots, TabState, TabValue } from './components/Tab/index';\nexport {\n  Tab,\n  renderTab_unstable,\n  tabClassNames,\n  useTabAnimatedIndicatorStyles_unstable,\n  useTabButtonStyles_unstable,\n  useTabContentStyles_unstable,\n  useTabIndicatorStyles_unstable,\n  useTabStyles_unstable,\n  useTab_unstable,\n} from './components/Tab/index';\n"],"names":["Tab","renderTab_unstable","tabClassNames","useTabAnimatedIndicatorStyles_unstable","useTabButtonStyles_unstable","useTabContentStyles_unstable","useTabIndicatorStyles_unstable","useTabStyles_unstable","useTab_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEEA,GAAG;eAAHA,UAAG;;IACHC,kBAAkB;eAAlBA,yBAAkB;;IAClBC,aAAa;eAAbA,oBAAa;;IACbC,sCAAsC;eAAtCA,6CAAsC;;IACtCC,2BAA2B;eAA3BA,kCAA2B;;IAC3BC,4BAA4B;eAA5BA,mCAA4B;;IAC5BC,8BAA8B;eAA9BA,qCAA8B;;IAC9BC,qBAAqB;eAArBA,4BAAqB;;IACrBC,eAAe;eAAfA,sBAAe;;;uBACV"}

package/lib-commonjs/TabList.js

@@ -2,5 +2,39 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./components/TabList/index"), exports);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TabList: function() {
+        return _index.TabList;
+    },
+    TabListContext: function() {
+        return _index.TabListContext;
+    },
+    TabListProvider: function() {
+        return _index.TabListProvider;
+    },
+    renderTabList_unstable: function() {
+        return _index.renderTabList_unstable;
+    },
+    tabListClassNames: function() {
+        return _index.tabListClassNames;
+    },
+    useTabListContextValues_unstable: function() {
+        return _index.useTabListContextValues_unstable;
+    },
+    useTabListContext_unstable: function() {
+        return _index.useTabListContext_unstable;
+    },
+    useTabListStyles_unstable: function() {
+        return _index.useTabListStyles_unstable;
+    },
+    useTabList_unstable: function() {
+        return _index.useTabList_unstable;
+    }
+});
+const _index = require("./components/TabList/index");

package/lib-commonjs/TabList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TabList.ts"],"sourcesContent":["export * from './components/TabList/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
+{"version":3,"sources":["../src/TabList.ts"],"sourcesContent":["export type {\n  RegisterTabEventHandler,\n  SelectTabData,\n  SelectTabEvent,\n  SelectTabEventHandler,\n  TabListContextValue,\n  TabListContextValues,\n  TabListProps,\n  TabListSlots,\n  TabListState,\n  TabRegisterData,\n} from './components/TabList/index';\nexport {\n  TabList,\n  TabListContext,\n  TabListProvider,\n  renderTabList_unstable,\n  tabListClassNames,\n  useTabListContextValues_unstable,\n  useTabListContext_unstable,\n  useTabListStyles_unstable,\n  useTabList_unstable,\n} from './components/TabList/index';\n"],"names":["TabList","TabListContext","TabListProvider","renderTabList_unstable","tabListClassNames","useTabListContextValues_unstable","useTabListContext_unstable","useTabListStyles_unstable","useTabList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAaEA,OAAO;eAAPA,cAAO;;IACPC,cAAc;eAAdA,qBAAc;;IACdC,eAAe;eAAfA,sBAAe;;IACfC,sBAAsB;eAAtBA,6BAAsB;;IACtBC,iBAAiB;eAAjBA,wBAAiB;;IACjBC,gCAAgC;eAAhCA,uCAAgC;;IAChCC,0BAA0B;eAA1BA,iCAA0B;;IAC1BC,yBAAyB;eAAzBA,gCAAyB;;IACzBC,mBAAmB;eAAnBA,0BAAmB;;;uBACd"}

package/lib-commonjs/components/Tab/index.js

@@ -2,10 +2,43 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./Tab"), exports);
-_export_star._(require("./Tab.types"), exports);
-_export_star._(require("./renderTab"), exports);
-_export_star._(require("./useTab"), exports);
-_export_star._(require("./useTabStyles.styles"), exports);
-_export_star._(require("./useTabAnimatedIndicator.styles"), exports);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Tab: function() {
+        return _Tab.Tab;
+    },
+    renderTab_unstable: function() {
+        return _renderTab.renderTab_unstable;
+    },
+    tabClassNames: function() {
+        return _useTabStylesstyles.tabClassNames;
+    },
+    useTabAnimatedIndicatorStyles_unstable: function() {
+        return _useTabAnimatedIndicatorstyles.useTabAnimatedIndicatorStyles_unstable;
+    },
+    useTabButtonStyles_unstable: function() {
+        return _useTabStylesstyles.useTabButtonStyles_unstable;
+    },
+    useTabContentStyles_unstable: function() {
+        return _useTabStylesstyles.useTabContentStyles_unstable;
+    },
+    useTabIndicatorStyles_unstable: function() {
+        return _useTabStylesstyles.useTabIndicatorStyles_unstable;
+    },
+    useTabStyles_unstable: function() {
+        return _useTabStylesstyles.useTabStyles_unstable;
+    },
+    useTab_unstable: function() {
+        return _useTab.useTab_unstable;
+    }
+});
+const _Tab = require("./Tab");
+const _renderTab = require("./renderTab");
+const _useTab = require("./useTab");
+const _useTabStylesstyles = require("./useTabStyles.styles");
+const _useTabAnimatedIndicatorstyles = require("./useTabAnimatedIndicator.styles");

package/lib-commonjs/components/Tab/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Tab/index.ts"],"sourcesContent":["export * from './Tab';\nexport * from './Tab.types';\nexport * from './renderTab';\nexport * from './useTab';\nexport * from './useTabStyles.styles';\nexport * from './useTabAnimatedIndicator.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["../src/components/Tab/index.ts"],"sourcesContent":["export { Tab } from './Tab';\nexport type { TabInternalSlots, TabProps, TabSlots, TabState, TabValue } from './Tab.types';\nexport { renderTab_unstable } from './renderTab';\nexport { useTab_unstable } from './useTab';\nexport {\n  tabClassNames,\n  useTabButtonStyles_unstable,\n  useTabContentStyles_unstable,\n  useTabIndicatorStyles_unstable,\n  useTabStyles_unstable,\n} from './useTabStyles.styles';\nexport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator.styles';\n"],"names":["Tab","renderTab_unstable","tabClassNames","useTabAnimatedIndicatorStyles_unstable","useTabButtonStyles_unstable","useTabContentStyles_unstable","useTabIndicatorStyles_unstable","useTabStyles_unstable","useTab_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,GAAG;eAAHA,QAAG;;IAEHC,kBAAkB;eAAlBA,6BAAkB;;IAGzBC,aAAa;eAAbA,iCAAa;;IAMNC,sCAAsC;eAAtCA,qEAAsC;;IAL7CC,2BAA2B;eAA3BA,+CAA2B;;IAC3BC,4BAA4B;eAA5BA,gDAA4B;;IAC5BC,8BAA8B;eAA9BA,kDAA8B;;IAC9BC,qBAAqB;eAArBA,yCAAqB;;IANdC,eAAe;eAAfA,uBAAe;;;qBAHJ;2BAEe;wBACH;oCAOzB;+CACgD"}

package/lib-commonjs/components/Tab/useTabStyles.styles.js

@@ -169,11 +169,13 @@ const iconClassNames = {
         B0q3jbp: "f1iywnoi",
         Be9ayug: "f9n45c4"
     },
+    disabledCursor: {
+        Bceei9c: "fdrzuqr"
+    },
     disabled: {
         De3pzq: "f1c21dwh",
         Bptxc3x: "fato7r6",
-        cl4aha: "fao1bnu",
-        Bceei9c: "fdrzuqr"
+        cl4aha: "fao1bnu"
     },
     selected: {
         Bptxc3x: "f1cadz5z",
@@ -182,8 +184,104 @@ const iconClassNames = {
         cl4aha: "ffplhdr",
         B0q3jbp: "fjo17wb",
         Be9ayug: "f148789c"
-    },
-    circular: {
+    }
+}, {
+    d: [
+        ".f122n59{align-items:center;}",
+        ".f13qh94s{display:grid;}",
+        ".fi64zpg{flex-shrink:0;}",
+        ".f1u07yai{grid-auto-flow:column;}",
+        ".frn2hmy{grid-template-columns:auto;}",
+        ".f1olsevy{grid-template-rows:auto;}",
+        ".f1s6fcnf{outline-style:none;}",
+        ".f10pi13n{position:relative;}",
+        [
+            ".f3bhgqh{border:none;}",
+            {
+                p: -2
+            }
+        ],
+        [
+            ".ft85np5{border-radius:var(--borderRadiusMedium);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1k6fduh{cursor:pointer;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1cxpek8{text-transform:none;}",
+        ".f4d9j23{justify-content:center;}",
+        ".f1s9ku6b{justify-content:start;}",
+        ".f14mj54c{column-gap:var(--spacingHorizontalXXS);}",
+        [
+            ".f1wmopi4{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalSNudge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f12or63q{padding:var(--spacingVerticalXXS) var(--spacingHorizontalSNudge);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}",
+        [
+            ".f1w08f2p{padding:var(--spacingVerticalM) var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".fymxs25{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1ssfvub{padding:var(--spacingVerticalL) var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".fwkd1rq{padding:var(--spacingVerticalS) var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".f9rvdkv:enabled:hover{background-color:var(--colorTransparentBackgroundHover);}",
+        ".f1051ucx:enabled:active{background-color:var(--colorTransparentBackgroundPressed);}",
+        ".fmmjozx .fui-Tab__icon{color:var(--colorNeutralForeground2);}",
+        ".fqhzt5g:enabled:hover .fui-Tab__icon{color:var(--colorNeutralForeground2Hover);}",
+        ".f7l5cgy:enabled:active .fui-Tab__icon{color:var(--colorNeutralForeground2Pressed);}",
+        ".fpkze5g .fui-Tab__content{color:var(--colorNeutralForeground2);}",
+        ".f1iywnoi:enabled:hover .fui-Tab__content{color:var(--colorNeutralForeground2Hover);}",
+        ".f9n45c4:enabled:active .fui-Tab__content{color:var(--colorNeutralForeground2Pressed);}",
+        ".fhovq9v{background-color:var(--colorSubtleBackground);}",
+        ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}",
+        ".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}",
+        ".fdrzuqr{cursor:not-allowed;}",
+        ".fato7r6 .fui-Tab__icon{color:var(--colorNeutralForegroundDisabled);}",
+        ".fao1bnu .fui-Tab__content{color:var(--colorNeutralForegroundDisabled);}",
+        ".f1cadz5z .fui-Tab__icon{color:var(--colorCompoundBrandForeground1);}",
+        ".fwhdxxj:enabled:hover .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Hover);}",
+        ".fintccb:enabled:active .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Pressed);}",
+        ".ffplhdr .fui-Tab__content{color:var(--colorNeutralForeground1);}",
+        ".fjo17wb:enabled:hover .fui-Tab__content{color:var(--colorNeutralForeground1Hover);}",
+        ".f148789c:enabled:active .fui-Tab__content{color:var(--colorNeutralForeground1Pressed);}"
+    ]
+});
+const useCircularAppearanceStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
         Beyfa6y: 0,
         Bbmb7ep: 0,
         Btl43ni: 0,
@@ -192,8 +290,13 @@ const iconClassNames = {
         Bptxc3x: "ftorr8m",
         cl4aha: "f16lqpmv"
     },
-    subtleCircular: {
-        De3pzq: "f1c21dwh",
+    medium: {
+        Dbcxam: 0,
+        rjzwhg: 0,
+        Bblux5w: "f1lj1ynd"
+    },
+    subtle: {
+        De3pzq: "fhovq9v",
         Bgfg5da: 0,
         B9xav0g: 0,
         oivjwe: 0,
@@ -212,7 +315,7 @@ const iconClassNames = {
         B4j52fo: 0,
         irswps: "fp7rvkm",
         sj55zd: "fkfq4zb",
-        B95qlz1: "f1yywxnv",
+        B95qlz1: "f1bifk9c",
         Eo63ln: 0,
         r9osk6: 0,
         Itrz8y: 0,
@@ -231,7 +334,7 @@ const iconClassNames = {
         Bblwbaf: 0,
         B0ezav: "ft57sj0",
         r4wkhp: "f1fcoy83",
-        B7xitij: "f1lzpamt",
+        B7xitij: "fo6hitd",
         d3wsvi: 0,
         Hdqn7s: 0,
         zu5y1p: 0,
@@ -251,7 +354,7 @@ const iconClassNames = {
         goa3yj: "fhn220o",
         p743kt: "f15qf7sh"
     },
-    subtleCircularSelected: {
+    subtleSelected: {
         De3pzq: "f16xkysk",
         Bgfg5da: 0,
         B9xav0g: 0,
@@ -310,8 +413,8 @@ const iconClassNames = {
         goa3yj: "fmle6oo",
         p743kt: "f1d3itm4"
     },
-    subtleCircularDisabled: {
-        De3pzq: "f1c21dwh",
+    subtleDisabled: {
+        De3pzq: "fhovq9v",
         sj55zd: "f1s2aq7o",
         Bgfg5da: 0,
         B9xav0g: 0,
@@ -331,7 +434,8 @@ const iconClassNames = {
         B4j52fo: 0,
         irswps: "fp7rvkm"
     },
-    subtleCircularDisabledSelected: {
+    subtleDisabledSelected: {
+        De3pzq: "f1bg9a2p",
         Bgfg5da: 0,
         B9xav0g: 0,
         oivjwe: 0,
@@ -348,9 +452,10 @@ const iconClassNames = {
         g2u3we: 0,
         icvyot: 0,
         B4j52fo: 0,
-        irswps: "fegtqic"
+        irswps: "fegtqic",
+        sj55zd: "f1s2aq7o"
     },
-    filledCircular: {
+    filled: {
         De3pzq: "f16xq7d1",
         sj55zd: "fkfq4zb",
         B95qlz1: "fwwxidx",
@@ -358,7 +463,7 @@ const iconClassNames = {
         B7xitij: "f14i52sd",
         p743kt: "f15qf7sh"
     },
-    filledCircularSelected: {
+    filledSelected: {
         De3pzq: "ffp7eso",
         sj55zd: "f1phragk",
         B95qlz1: "f1lm9dni",
@@ -366,7 +471,7 @@ const iconClassNames = {
         B7xitij: "f1g6ncd0",
         p743kt: "fl71aob"
     },
-    filledCircularDisabled: {
+    filledDisabled: {
         De3pzq: "f1bg9a2p",
         Bgfg5da: 0,
         B9xav0g: 0,
@@ -387,7 +492,8 @@ const iconClassNames = {
         irswps: "fp7rvkm",
         sj55zd: "f1s2aq7o"
     },
-    filledCircularDisabledSelected: {
+    filledDisabledSelected: {
+        De3pzq: "f1bg9a2p",
         Bgfg5da: 0,
         B9xav0g: 0,
         oivjwe: 0,
@@ -404,109 +510,26 @@ const iconClassNames = {
         g2u3we: 0,
         icvyot: 0,
         B4j52fo: 0,
-        irswps: "fegtqic"
+        irswps: "fegtqic",
+        sj55zd: "f1s2aq7o"
     }
 }, {
     d: [
-        ".f122n59{align-items:center;}",
-        ".f13qh94s{display:grid;}",
-        ".fi64zpg{flex-shrink:0;}",
-        ".f1u07yai{grid-auto-flow:column;}",
-        ".frn2hmy{grid-template-columns:auto;}",
-        ".f1olsevy{grid-template-rows:auto;}",
-        ".f1s6fcnf{outline-style:none;}",
-        ".f10pi13n{position:relative;}",
         [
-            ".f3bhgqh{border:none;}",
-            {
-                p: -2
-            }
-        ],
-        [
-            ".ft85np5{border-radius:var(--borderRadiusMedium);}",
-            {
-                p: -1
-            }
-        ],
-        ".f1k6fduh{cursor:pointer;}",
-        ".fk6fouc{font-family:var(--fontFamilyBase);}",
-        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
-        [
-            ".f1a3p1vp{overflow:hidden;}",
-            {
-                p: -1
-            }
-        ],
-        ".f1cxpek8{text-transform:none;}",
-        ".f4d9j23{justify-content:center;}",
-        ".f1s9ku6b{justify-content:start;}",
-        ".f14mj54c{column-gap:var(--spacingHorizontalXXS);}",
-        [
-            ".f1wmopi4{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalSNudge);}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".f12or63q{padding:var(--spacingVerticalXXS) var(--spacingHorizontalSNudge);}",
-            {
-                p: -1
-            }
-        ],
-        ".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}",
-        [
-            ".f1w08f2p{padding:var(--spacingVerticalM) var(--spacingHorizontalMNudge);}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".fymxs25{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalMNudge);}",
-            {
-                p: -1
-            }
-        ],
-        [
-            ".f1ssfvub{padding:var(--spacingVerticalL) var(--spacingHorizontalMNudge);}",
+            ".f44lkw9{border-radius:var(--borderRadiusCircular);}",
             {
                 p: -1
             }
         ],
+        ".ftorr8m .fui-Tab__icon{color:inherit;}",
+        ".f16lqpmv .fui-Tab__content{color:inherit;}",
         [
-            ".fwkd1rq{padding:var(--spacingVerticalS) var(--spacingHorizontalMNudge);}",
+            ".f1lj1ynd{padding-block:var(--spacingVerticalSNudge);}",
             {
                 p: -1
             }
         ],
-        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
-        ".f9rvdkv:enabled:hover{background-color:var(--colorTransparentBackgroundHover);}",
-        ".f1051ucx:enabled:active{background-color:var(--colorTransparentBackgroundPressed);}",
-        ".fmmjozx .fui-Tab__icon{color:var(--colorNeutralForeground2);}",
-        ".fqhzt5g:enabled:hover .fui-Tab__icon{color:var(--colorNeutralForeground2Hover);}",
-        ".f7l5cgy:enabled:active .fui-Tab__icon{color:var(--colorNeutralForeground2Pressed);}",
-        ".fpkze5g .fui-Tab__content{color:var(--colorNeutralForeground2);}",
-        ".f1iywnoi:enabled:hover .fui-Tab__content{color:var(--colorNeutralForeground2Hover);}",
-        ".f9n45c4:enabled:active .fui-Tab__content{color:var(--colorNeutralForeground2Pressed);}",
         ".fhovq9v{background-color:var(--colorSubtleBackground);}",
-        ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}",
-        ".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}",
-        ".fato7r6 .fui-Tab__icon{color:var(--colorNeutralForegroundDisabled);}",
-        ".fao1bnu .fui-Tab__content{color:var(--colorNeutralForegroundDisabled);}",
-        ".fdrzuqr{cursor:not-allowed;}",
-        ".f1cadz5z .fui-Tab__icon{color:var(--colorCompoundBrandForeground1);}",
-        ".fwhdxxj:enabled:hover .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Hover);}",
-        ".fintccb:enabled:active .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Pressed);}",
-        ".ffplhdr .fui-Tab__content{color:var(--colorNeutralForeground1);}",
-        ".fjo17wb:enabled:hover .fui-Tab__content{color:var(--colorNeutralForeground1Hover);}",
-        ".f148789c:enabled:active .fui-Tab__content{color:var(--colorNeutralForeground1Pressed);}",
-        [
-            ".f44lkw9{border-radius:var(--borderRadiusCircular);}",
-            {
-                p: -1
-            }
-        ],
-        ".ftorr8m .fui-Tab__icon{color:inherit;}",
-        ".f16lqpmv .fui-Tab__content{color:inherit;}",
         [
             ".fp7rvkm{border:solid var(--strokeWidthThin) var(--colorTransparentStroke);}",
             {
@@ -514,7 +537,7 @@ const iconClassNames = {
             }
         ],
         ".fkfq4zb{color:var(--colorNeutralForeground2);}",
-        ".f1yywxnv:enabled:hover{background-color:var(--colorNeutralBackground1Hover);}",
+        ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}",
         [
             ".ft57sj0:enabled:hover{border:solid var(--strokeWidthThin) var(--colorNeutralStroke1Hover);}",
             {
@@ -522,7 +545,7 @@ const iconClassNames = {
             }
         ],
         ".f1fcoy83:enabled:hover{color:var(--colorNeutralForeground2Hover);}",
-        ".f1lzpamt:enabled:active{background-color:var(--colorNeutralBackground1Pressed);}",
+        ".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}",
         [
             ".fhn220o:enabled:active{border:solid var(--strokeWidthThin) var(--colorNeutralStroke1Pressed);}",
             {
@@ -561,6 +584,7 @@ const iconClassNames = {
                 p: -2
             }
         ],
+        ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
         [
             ".fegtqic{border:solid var(--strokeWidthThin) var(--colorNeutralStrokeDisabled);}",
             {
@@ -576,7 +600,6 @@ const iconClassNames = {
         ".f1mn5ei1:enabled:hover{color:var(--colorNeutralForegroundOnBrand);}",
         ".f1g6ncd0:enabled:active{background-color:var(--colorBrandBackgroundPressed);}",
         ".fl71aob:enabled:active{color:var(--colorNeutralForegroundOnBrand);}",
-        ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
         [
             ".fp7rvkm{border:solid var(--strokeWidthThin) var(--colorTransparentStroke);}",
             {
@@ -613,6 +636,26 @@ const iconClassNames = {
             "fqa318h"
         ],
         Bhxq17a: "f1vjpng2"
+    },
+    circular: {
+        B8q5s1w: "f8hki3x",
+        Bci5o5g: [
+            "f1d2448m",
+            "ffh67wi"
+        ],
+        n8qw10: "f1bjia2o",
+        Bdrgwmp: [
+            "ffh67wi",
+            "f1d2448m"
+        ],
+        Bn4voq9: "f1p7hgxw",
+        Bfpq7zp: "f1way5bb",
+        g9k6zt: "f9znhxp",
+        j6ew2k: [
+            "fzgyhws",
+            "fqxug60"
+        ],
+        Bhxq17a: "f1vjpng2"
     }
 }, {
     d: [
@@ -624,7 +667,9 @@ const iconClassNames = {
         ".f1way5bb[data-fui-focus-visible]{outline-color:transparent;}",
         ".f9znhxp[data-fui-focus-visible]{outline-style:solid;}",
         ".fqa318h[data-fui-focus-visible]{box-shadow:var(--shadow4),0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2);}",
-        ".f1vjpng2[data-fui-focus-visible]{z-index:1;}"
+        ".f1vjpng2[data-fui-focus-visible]{z-index:1;}",
+        ".fzgyhws[data-fui-focus-visible]{box-shadow:var(--shadow4),0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2),0 0 0 var(--strokeWidthThin) var(--colorNeutralStrokeOnBrand) inset;}",
+        ".fqxug60[data-fui-focus-visible]{box-shadow:var(--shadow4),0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2),0 0 0 var(--strokeWidthThin) var(--colorNeutralStrokeOnBrand) inset;}"
     ]
 });
 /** Indicator styles for when pending selection */ const usePendingIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
@@ -1073,28 +1118,37 @@ const useTabButtonStyles_unstable = (state, slot)=>{
     'use no memo';
     const rootStyles = useRootStyles();
     const focusStyles = useFocusStyles();
+    const circularStyles = useCircularAppearanceStyles();
     const { appearance, disabled, selected, size, vertical } = state;
     const isSubtleCircular = appearance === 'subtle-circular';
     const isFilledCircular = appearance === 'filled-circular';
     const isCircular = isSubtleCircular || isFilledCircular;
     const circularAppearance = [
-        rootStyles.circular,
+        circularStyles.base,
+        focusStyles.circular,
+        // sizes
+        size === 'medium' && circularStyles.medium,
         // subtle-circular appearance
-        isSubtleCircular && rootStyles.subtleCircular,
-        selected && isSubtleCircular && rootStyles.subtleCircularSelected,
-        disabled && isSubtleCircular && rootStyles.subtleCircularDisabled,
-        selected && disabled && isSubtleCircular && rootStyles.subtleCircularDisabledSelected,
+        isSubtleCircular && circularStyles.subtle,
+        selected && isSubtleCircular && circularStyles.subtleSelected,
+        disabled && isSubtleCircular && circularStyles.subtleDisabled,
+        selected && disabled && isSubtleCircular && circularStyles.subtleDisabledSelected,
         // filled-circular appearance
-        isFilledCircular && rootStyles.filledCircular,
-        selected && isFilledCircular && rootStyles.filledCircularSelected,
-        disabled && isFilledCircular && rootStyles.filledCircularDisabled,
-        selected && disabled && isFilledCircular && rootStyles.filledCircularDisabledSelected
+        isFilledCircular && circularStyles.filled,
+        selected && isFilledCircular && circularStyles.filledSelected,
+        disabled && isFilledCircular && circularStyles.filledDisabled,
+        selected && disabled && isFilledCircular && circularStyles.filledDisabledSelected
+    ];
+    const regularAppearance = [
+        focusStyles.base,
+        !disabled && appearance === 'subtle' && rootStyles.subtle,
+        !disabled && appearance === 'transparent' && rootStyles.transparent,
+        !disabled && selected && rootStyles.selected,
+        disabled && rootStyles.disabled
     ];
     slot.className = (0, _react.mergeClasses)(rootStyles.button, // orientation
     vertical ? rootStyles.vertical : rootStyles.horizontal, // size
-    size === 'small' && (vertical ? rootStyles.smallVertical : rootStyles.smallHorizontal), size === 'medium' && (vertical ? rootStyles.mediumVertical : rootStyles.mediumHorizontal), size === 'large' && (vertical ? rootStyles.largeVertical : rootStyles.largeHorizontal), focusStyles.base, !disabled && appearance === 'subtle' && rootStyles.subtle, !disabled && appearance === 'transparent' && rootStyles.transparent, ...isCircular ? circularAppearance : [
-        !disabled && selected && rootStyles.selected
-    ], disabled && rootStyles.disabled, slot.className);
+    size === 'small' && (vertical ? rootStyles.smallVertical : rootStyles.smallHorizontal), size === 'medium' && (vertical ? rootStyles.mediumVertical : rootStyles.mediumHorizontal), size === 'large' && (vertical ? rootStyles.largeVertical : rootStyles.largeHorizontal), ...isCircular ? circularAppearance : regularAppearance, disabled && rootStyles.disabledCursor, slot.className);
     return state;
 };
 const useTabContentStyles_unstable = (state)=>{