@fluentui/react-tabs 9.7.6 → 9.7.8

package/CHANGELOG.md

@@ -1,12 +1,35 @@
 # Change Log - @fluentui/react-tabs
 
-This log was last generated on Thu, 24 Apr 2025 09:56:28 GMT and should not be manually modified.
+This log was last generated on Fri, 06 Jun 2025 13:10:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.7.8)
+
+Fri, 06 Jun 2025 13:10:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.7.7..@fluentui/react-tabs_v9.7.8)
+
+### Patches
+
+- Bump @fluentui/react-context-selector to v9.1.77 ([PR #34572](https://github.com/microsoft/fluentui/pull/34572) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.55 ([PR #34572](https://github.com/microsoft/fluentui/pull/34572) by beachball)
+- Bump @fluentui/react-tabster to v9.24.8 ([PR #34572](https://github.com/microsoft/fluentui/pull/34572) by beachball)
+- Bump @fluentui/react-utilities to v9.20.0 ([PR #34572](https://github.com/microsoft/fluentui/pull/34572) by beachball)
+
+## [9.7.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.7.7)
+
+Wed, 14 May 2025 18:49:19 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.7.6..@fluentui/react-tabs_v9.7.7)
+
+### Patches
+
+- fix: filled-circular appearance variant shows selected tab in high contrast ([PR #34294](https://github.com/microsoft/fluentui/pull/34294) by sarah.higley@microsoft.com)
+- fix: Tab filled (not filled-subtle) appearance has border in WHCM ([PR #34341](https://github.com/microsoft/fluentui/pull/34341) by sarah.higley@microsoft.com)
+- Bump @fluentui/react-tabster to v9.24.7 ([PR #34438](https://github.com/microsoft/fluentui/pull/34438) by beachball)
+
 ## [9.7.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.7.6)
 
-Thu, 24 Apr 2025 09:56:28 GMT 
+Thu, 24 Apr 2025 09:59:45 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.7.5..@fluentui/react-tabs_v9.7.6)
 
 ### Patches

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

@@ -189,16 +189,6 @@ const useCircularAppearanceStyles = /*#__PURE__*/__styles({
     Btl43ni: 0,
     B7oj6ja: 0,
     Dimara: "f44lkw9",
-    Bptxc3x: "ftorr8m",
-    cl4aha: "f16lqpmv"
-  },
-  medium: {
-    Dbcxam: 0,
-    rjzwhg: 0,
-    Bblux5w: "f1lj1ynd"
-  },
-  subtle: {
-    De3pzq: "fhovq9v",
     Bgfg5da: 0,
     B9xav0g: 0,
     oivjwe: 0,
@@ -215,7 +205,17 @@ const useCircularAppearanceStyles = /*#__PURE__*/__styles({
     g2u3we: 0,
     icvyot: 0,
     B4j52fo: 0,
-    irswps: "fqeaewv",
+    irswps: "fp7rvkm",
+    Bptxc3x: "ftorr8m",
+    cl4aha: "f16lqpmv"
+  },
+  medium: {
+    Dbcxam: 0,
+    rjzwhg: 0,
+    Bblux5w: "f1lj1ynd"
+  },
+  subtle: {
+    De3pzq: "fhovq9v",
     sj55zd: "fkfq4zb",
     B95qlz1: "f1bifk9c",
     Eo63ln: 0,
@@ -254,7 +254,24 @@ const useCircularAppearanceStyles = /*#__PURE__*/__styles({
     J1oqyp: 0,
     kem6az: 0,
     goa3yj: "fhn220o",
-    p743kt: "f15qf7sh"
+    p743kt: "f15qf7sh",
+    uu68id: 0,
+    Bxeuatn: 0,
+    felo30: 0,
+    Bc736ss: 0,
+    Bhz882k: 0,
+    n51gp8: 0,
+    Eshu5l: 0,
+    Bk6ri7n: 0,
+    v49c4f: 0,
+    Bn1d65q: 0,
+    c4eypz: 0,
+    v3aym: 0,
+    hft9gk: 0,
+    Bjwas2f: 0,
+    Bk5ld8o: 0,
+    gwxt9v: 0,
+    B6k8go: "f130w16x"
   },
   subtleSelected: {
     De3pzq: "f16xkysk",
@@ -313,28 +330,28 @@ const useCircularAppearanceStyles = /*#__PURE__*/__styles({
     J1oqyp: 0,
     kem6az: 0,
     goa3yj: "fmle6oo",
-    p743kt: "f1d3itm4"
+    p743kt: "f1d3itm4",
+    uu68id: 0,
+    Bxeuatn: 0,
+    felo30: 0,
+    Bc736ss: 0,
+    Bhz882k: 0,
+    n51gp8: 0,
+    Eshu5l: 0,
+    Bk6ri7n: 0,
+    v49c4f: 0,
+    Bn1d65q: 0,
+    c4eypz: 0,
+    v3aym: 0,
+    hft9gk: 0,
+    Bjwas2f: 0,
+    Bk5ld8o: 0,
+    gwxt9v: 0,
+    B6k8go: "f19qjb1h"
   },
   subtleDisabled: {
     De3pzq: "fhovq9v",
-    sj55zd: "f1s2aq7o",
-    Bgfg5da: 0,
-    B9xav0g: 0,
-    oivjwe: 0,
-    Bn0qgzm: 0,
-    B4g9neb: 0,
-    zhjwy3: 0,
-    wvpqe5: 0,
-    ibv6hh: 0,
-    u1mtju: 0,
-    h3c5rm: 0,
-    vrafjx: 0,
-    Bekrc4i: 0,
-    i8vvqc: 0,
-    g2u3we: 0,
-    icvyot: 0,
-    B4j52fo: 0,
-    irswps: "fqeaewv"
+    sj55zd: "f1s2aq7o"
   },
   subtleDisabledSelected: {
     De3pzq: "f1bg9a2p",
@@ -384,23 +401,6 @@ const useCircularAppearanceStyles = /*#__PURE__*/__styles({
   },
   filledDisabled: {
     De3pzq: "f1bg9a2p",
-    Bgfg5da: 0,
-    B9xav0g: 0,
-    oivjwe: 0,
-    Bn0qgzm: 0,
-    B4g9neb: 0,
-    zhjwy3: 0,
-    wvpqe5: 0,
-    ibv6hh: 0,
-    u1mtju: 0,
-    h3c5rm: 0,
-    vrafjx: 0,
-    Bekrc4i: 0,
-    i8vvqc: 0,
-    g2u3we: 0,
-    icvyot: 0,
-    B4j52fo: 0,
-    irswps: "fqeaewv",
     sj55zd: "f1s2aq7o"
   },
   filledDisabledSelected: {
@@ -427,11 +427,11 @@ const useCircularAppearanceStyles = /*#__PURE__*/__styles({
 }, {
   d: [[".f44lkw9{border-radius:var(--borderRadiusCircular);}", {
     p: -1
+  }], [".fp7rvkm{border:solid var(--strokeWidthThin) var(--colorTransparentStroke);}", {
+    p: -2
   }], ".ftorr8m .fui-Tab__icon{color:inherit;}", ".f16lqpmv .fui-Tab__content{color:inherit;}", [".f1lj1ynd{padding-block:var(--spacingVerticalSNudge);}", {
     p: -1
-  }], ".fhovq9v{background-color:var(--colorSubtleBackground);}", [".fqeaewv{border:solid var(--strokeWidthThin) transparent;}", {
-    p: -2
-  }], ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}", [".ft57sj0:enabled:hover{border:solid var(--strokeWidthThin) var(--colorNeutralStroke1Hover);}", {
+  }], ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}", [".ft57sj0:enabled:hover{border:solid var(--strokeWidthThin) var(--colorNeutralStroke1Hover);}", {
     p: -2
   }], ".f1fcoy83:enabled:hover{color:var(--colorNeutralForeground2Hover);}", ".fo6hitd:enabled:active{background-color:var(--colorSubtleBackgroundPressed);}", [".fhn220o:enabled:active{border:solid var(--strokeWidthThin) var(--colorNeutralStroke1Pressed);}", {
     p: -2
@@ -441,16 +441,18 @@ const useCircularAppearanceStyles = /*#__PURE__*/__styles({
     p: -2
   }], ".f1afuynh:enabled:hover{color:var(--colorBrandForeground2Hover);}", ".f94ddyl:enabled:active{background-color:var(--colorBrandBackground2Pressed);}", [".fmle6oo:enabled:active{border:solid var(--strokeWidthThin) var(--colorCompoundBrandStrokePressed);}", {
     p: -2
-  }], ".f1d3itm4:enabled:active{color:var(--colorBrandForeground2Pressed);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", [".fqeaewv{border:solid var(--strokeWidthThin) transparent;}", {
-    p: -2
-  }], ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}", [".fegtqic{border:solid var(--strokeWidthThin) var(--colorNeutralStrokeDisabled);}", {
+  }], ".f1d3itm4:enabled:active{color:var(--colorBrandForeground2Pressed);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}", [".fegtqic{border:solid var(--strokeWidthThin) var(--colorNeutralStrokeDisabled);}", {
     p: -2
-  }], ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".fwwxidx:enabled:hover{background-color:var(--colorNeutralBackground3Hover);}", ".f14i52sd:enabled:active{background-color:var(--colorNeutralBackground3Pressed);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".f1lm9dni:enabled:hover{background-color:var(--colorBrandBackgroundHover);}", ".f1mn5ei1:enabled:hover{color:var(--colorNeutralForegroundOnBrand);}", ".f1g6ncd0:enabled:active{background-color:var(--colorBrandBackgroundPressed);}", ".fl71aob:enabled:active{color:var(--colorNeutralForegroundOnBrand);}", [".fqeaewv{border:solid var(--strokeWidthThin) transparent;}", {
-    p: -2
-  }], [".fegtqic{border:solid var(--strokeWidthThin) var(--colorNeutralStrokeDisabled);}", {
+  }], ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".fwwxidx:enabled:hover{background-color:var(--colorNeutralBackground3Hover);}", ".f14i52sd:enabled:active{background-color:var(--colorNeutralBackground3Pressed);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".f1lm9dni:enabled:hover{background-color:var(--colorBrandBackgroundHover);}", ".f1mn5ei1:enabled:hover{color:var(--colorNeutralForegroundOnBrand);}", ".f1g6ncd0:enabled:active{background-color:var(--colorBrandBackgroundPressed);}", ".fl71aob:enabled:active{color:var(--colorNeutralForegroundOnBrand);}", [".fegtqic{border:solid var(--strokeWidthThin) var(--colorNeutralStrokeDisabled);}", {
     p: -2
   }]],
-  m: [["@media (forced-colors: active){.f159yq2d:enabled:hover{background-color:Highlight;}}", {
+  m: [["@media (forced-colors: active){.f130w16x{border:solid var(--strokeWidthThin) Canvas;}}", {
+    p: -2,
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f19qjb1h{border:solid var(--strokeWidthThin) Highlight;}}", {
+    p: -2,
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f159yq2d:enabled:hover{background-color:Highlight;}}", {
     m: "(forced-colors: active)"
   }], ["@media (forced-colors: active){.ful0ncq:enabled:hover{forced-color-adjust:none;}}", {
     m: "(forced-colors: active)"

package/lib/components/Tab/useTabStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","useTabAnimatedIndicatorStyles_unstable","tabClassNames","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","Bt984gj","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","oeaueh","qhf8xq","button","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bceei9c","Bahqtrf","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","B95qlz1","B7xitij","Bptxc3x","Bwqhzpy","iyk698","cl4aha","B0q3jbp","Be9ayug","subtle","disabledCursor","disabled","selected","d","p","useCircularAppearanceStyles","base","medium","Dbcxam","rjzwhg","Bblux5w","sj55zd","Eo63ln","r9osk6","Itrz8y","zeg6vx","l65xgk","Bw4olcx","Folb0i","I2h8y4","Bgxgoyi","Bvlkotb","Fwyncl","Byh5edv","Becqvjq","uumbiq","B73q3dg","Bblwbaf","B0ezav","r4wkhp","d3wsvi","Hdqn7s","zu5y1p","owqphb","g9c53k","Btmu08z","Bthxvy6","gluvuq","tb88gp","wns6jk","kdfdk4","Bbw008l","Bayi1ib","B1kkfu3","J1oqyp","kem6az","goa3yj","p743kt","subtleSelected","subtleDisabled","subtleDisabledSelected","Bw5j0gk","Baikq8m","B2ndh17","w0x64w","Bdzpij4","filledSelected","bml8oc","qew46a","B84x17g","Jetwu1","filledDisabled","filledDisabledSelected","m","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","circular","usePendingIndicatorStyles","az7l2e","vqofr","Bv4n3vi","Bgqb9hq","B0uxbk8","Bf3jju6","amg5m6","zkfqfm","Bkydozb","Bka2azo","vzq8l0","csmgbd","Br4ovkg","aelrif","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","h","a","useActiveIndicatorStyles","Bjyk6c5","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","E3zdtr","Bej4dhw","B7wqxwa","f7digc","Bvuzv5k","k4sdgo","By385i5","Dlnsje","Eqx8gd","B1piin3","bn5sak","a2br6o","useIconStyles","Br312pm","Ijaq50","D0sxk3","t6yez3","small","Be2twd7","Bqenvij","a9b677","large","useContentStyles","Bhrd7zp","largeSelected","noIconBefore","iconBefore","placeholder","Bcdw1i0","useTabStyles_unstable","state","useTabIndicatorStyles_unstable","useTabButtonStyles_unstable","useTabContentStyles_unstable","rootStyles","pendingIndicatorStyles","activeIndicatorStyles","appearance","size","classes","push","className","slot","focusStyles","circularStyles","isSubtleCircular","isFilledCircular","isCircular","circularAppearance","regularAppearance","iconStyles","contentStyles","contentReservedSpace","contentReservedSpaceClassName"],"sources":["useTabStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator.styles';\nexport const tabClassNames = {\n    root: 'fui-Tab',\n    icon: 'fui-Tab__icon',\n    content: 'fui-Tab__content'\n};\nconst reservedSpaceClassNames = {\n    content: 'fui-Tab__content--reserved-space'\n};\n// These should match the constants defined in @fluentui/react-icons\n// This package avoids taking a dependency on the icons package for only the constants.\nconst iconClassNames = {\n    filled: 'fui-Icon-filled',\n    regular: 'fui-Icon-regular'\n};\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    root: {\n        alignItems: 'center',\n        display: 'grid',\n        flexShrink: 0,\n        gridAutoFlow: 'column',\n        gridTemplateColumns: 'auto',\n        gridTemplateRows: 'auto',\n        outlineStyle: 'none',\n        position: 'relative'\n    },\n    button: {\n        alignItems: 'center',\n        border: 'none',\n        borderRadius: tokens.borderRadiusMedium,\n        cursor: 'pointer',\n        display: 'grid',\n        flexShrink: 0,\n        gridAutoFlow: 'column',\n        gridTemplateColumns: 'auto',\n        gridTemplateRows: 'auto',\n        fontFamily: tokens.fontFamilyBase,\n        lineHeight: tokens.lineHeightBase300,\n        outlineStyle: 'none',\n        position: 'relative',\n        overflow: 'hidden',\n        textTransform: 'none'\n    },\n    horizontal: {\n        justifyContent: 'center'\n    },\n    vertical: {\n        justifyContent: 'start'\n    },\n    smallHorizontal: {\n        columnGap: tokens.spacingHorizontalXXS,\n        padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalSNudge}`\n    },\n    smallVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalXXS,\n        padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge}`\n    },\n    mediumHorizontal: {\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalMNudge}`\n    },\n    mediumVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalMNudge}`\n    },\n    largeHorizontal: {\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalMNudge}`\n    },\n    largeVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`\n    },\n    transparent: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorTransparentBackgroundHover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorTransparentBackgroundPressed\n        },\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        }\n    },\n    subtle: {\n        backgroundColor: tokens.colorSubtleBackground,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        },\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        }\n    },\n    disabledCursor: {\n        cursor: 'not-allowed'\n    },\n    disabled: {\n        backgroundColor: tokens.colorTransparentBackground,\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    selected: {\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1Pressed\n        }\n    }\n});\nconst useCircularAppearanceStyles = makeStyles({\n    base: {\n        borderRadius: tokens.borderRadiusCircular,\n        [`& .${tabClassNames.icon}`]: {\n            color: 'inherit'\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: 'inherit'\n        }\n    },\n    medium: {\n        paddingBlock: `${tokens.spacingVerticalSNudge}`\n    },\n    subtle: {\n        backgroundColor: tokens.colorSubtleBackground,\n        border: `solid ${tokens.strokeWidthThin} transparent`,\n        color: tokens.colorNeutralForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStroke1Hover}`,\n            color: tokens.colorNeutralForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStroke1Pressed}`,\n            color: tokens.colorNeutralForeground2Pressed\n        }\n    },\n    subtleSelected: {\n        backgroundColor: tokens.colorBrandBackground2,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStroke}`,\n        color: tokens.colorBrandForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorBrandBackground2Hover,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStrokeHover}`,\n            color: tokens.colorBrandForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorBrandBackground2Pressed,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStrokePressed}`,\n            color: tokens.colorBrandForeground2Pressed\n        }\n    },\n    subtleDisabled: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForegroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} transparent`\n    },\n    subtleDisabledSelected: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeDisabled}`,\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: tokens.colorNeutralForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorNeutralBackground3Hover,\n            color: tokens.colorNeutralForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorNeutralBackground3Pressed,\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        '@media (forced-colors: active)': {\n            ':enabled:hover': {\n                backgroundColor: 'Highlight',\n                forcedColorAdjust: 'none',\n                [`& .${tabClassNames.content}`]: {\n                    color: 'HighlightText'\n                },\n                [`& .${iconClassNames.filled}`]: {\n                    color: 'HighlightText'\n                },\n                [`& .${iconClassNames.regular}`]: {\n                    color: 'HighlightText'\n                }\n            }\n        }\n    },\n    filledSelected: {\n        backgroundColor: tokens.colorBrandBackground,\n        color: tokens.colorNeutralForegroundOnBrand,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorBrandBackgroundHover,\n            color: tokens.colorNeutralForegroundOnBrand\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorBrandBackgroundPressed,\n            color: tokens.colorNeutralForegroundOnBrand\n        },\n        '@media (forced-colors: active)': {\n            ':enabled': {\n                backgroundColor: 'ButtonText',\n                [`& .${tabClassNames.content}`]: {\n                    color: 'ButtonFace',\n                    forcedColorAdjust: 'none'\n                }\n            },\n            [`:enabled .${tabClassNames.icon}`]: {\n                color: 'ButtonFace'\n            }\n        }\n    },\n    filledDisabled: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} transparent`,\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    filledDisabledSelected: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeDisabled}`,\n        color: tokens.colorNeutralForegroundDisabled\n    }\n});\n/**\n * Focus styles for the root slot\n */ const useFocusStyles = makeStyles({\n    // Tab creates a custom focus indicator because the default focus indicator\n    // is applied using an ::after pseudo-element on the root. Since the selection\n    // indicator uses an ::after pseudo-element on the root, there is a conflict.\n    base: createCustomFocusIndicatorStyle({\n        ...shorthands.borderColor('transparent'),\n        outlineWidth: tokens.strokeWidthThick,\n        outlineColor: 'transparent',\n        outlineStyle: 'solid',\n        boxShadow: `\n      ${tokens.shadow4},\n      0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2}\n    `,\n        zIndex: 1\n    }, {\n        enableOutline: true\n    }),\n    circular: createCustomFocusIndicatorStyle({\n        ...shorthands.borderColor('transparent'),\n        outlineWidth: tokens.strokeWidthThick,\n        outlineColor: 'transparent',\n        outlineStyle: 'solid',\n        boxShadow: `\n        ${tokens.shadow4},\n        0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2},\n        0 0 0 ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeOnBrand} inset\n      `,\n        zIndex: 1\n    }, {\n        enableOutline: true\n    })\n});\n/** Indicator styles for when pending selection */ const usePendingIndicatorStyles = makeStyles({\n    base: {\n        ':hover::before': {\n            backgroundColor: tokens.colorNeutralStroke1Hover,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        },\n        ':active::before': {\n            backgroundColor: tokens.colorNeutralStroke1Pressed,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        },\n        '@media (forced-colors: active)': {\n            ':hover::before': {\n                backgroundColor: 'Highlight'\n            },\n            ':active::before': {\n                backgroundColor: 'Highlight'\n            }\n        }\n    },\n    disabled: {\n        ':hover::before': {\n            backgroundColor: tokens.colorTransparentStroke\n        },\n        ':active::before': {\n            backgroundColor: tokens.colorTransparentStroke\n        },\n        '@media (forced-colors: active)': {\n            ':hover::before': {\n                backgroundColor: 'transparent'\n            },\n            ':active::before': {\n                backgroundColor: 'transparent'\n            }\n        }\n    },\n    smallHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThick,\n            left: tokens.spacingHorizontalSNudge,\n            right: tokens.spacingHorizontalSNudge\n        }\n    },\n    smallVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalXS,\n            left: 0,\n            top: tokens.spacingVerticalXS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    mediumHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    mediumVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalS,\n            left: 0,\n            top: tokens.spacingVerticalS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    largeHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    largeVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalMNudge,\n            left: 0,\n            top: tokens.spacingVerticalMNudge,\n            width: tokens.strokeWidthThicker\n        }\n    }\n});\nconst useActiveIndicatorStyles = makeStyles({\n    base: {\n        '::after': {\n            backgroundColor: tokens.colorTransparentStroke,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        }\n    },\n    selected: {\n        '::after': {\n            backgroundColor: tokens.colorCompoundBrandStroke\n        },\n        ':enabled:hover::after': {\n            backgroundColor: tokens.colorCompoundBrandStrokeHover\n        },\n        ':enabled:active::after': {\n            backgroundColor: tokens.colorCompoundBrandStrokePressed\n        },\n        '@media (forced-colors: active)': {\n            '::after': {\n                backgroundColor: 'ButtonText'\n            },\n            ':enabled:hover::after': {\n                backgroundColor: 'ButtonText'\n            },\n            ':enabled:active::after': {\n                backgroundColor: 'ButtonText'\n            }\n        }\n    },\n    disabled: {\n        '::after': {\n            backgroundColor: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    smallHorizontal: {\n        '::after': {\n            bottom: 0,\n            height: tokens.strokeWidthThick,\n            left: tokens.spacingHorizontalSNudge,\n            right: tokens.spacingHorizontalSNudge\n        }\n    },\n    smallVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalXS,\n            left: '0',\n            top: tokens.spacingVerticalXS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    mediumHorizontal: {\n        '::after': {\n            bottom: '0',\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    mediumVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalS,\n            left: 0,\n            top: tokens.spacingVerticalS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    largeHorizontal: {\n        '::after': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    largeVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalMNudge,\n            left: 0,\n            top: tokens.spacingVerticalMNudge,\n            width: tokens.strokeWidthThicker\n        }\n    }\n});\n/**\n * Styles for the icon slot.\n */ const useIconStyles = makeStyles({\n    base: {\n        gridColumnStart: 1,\n        gridRowStart: 1,\n        alignItems: 'center',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        overflow: 'hidden',\n        [`& .${iconClassNames.filled}`]: {\n            display: 'none'\n        },\n        [`& .${iconClassNames.regular}`]: {\n            display: 'inline'\n        }\n    },\n    // per design, the small and medium font sizes are the same.\n    // the size prop only affects spacing.\n    small: {\n        fontSize: '20px',\n        height: '20px',\n        width: '20px'\n    },\n    medium: {\n        fontSize: '20px',\n        height: '20px',\n        width: '20px'\n    },\n    large: {\n        fontSize: '24px',\n        height: '24px',\n        width: '24px'\n    },\n    selected: {\n        [`& .${iconClassNames.filled}`]: {\n            display: 'inline'\n        },\n        [`& .${iconClassNames.regular}`]: {\n            display: 'none'\n        }\n    }\n});\n/**\n * Styles for the content slot (children)\n */ const useContentStyles = makeStyles({\n    base: {\n        ...typographyStyles.body1,\n        overflow: 'hidden',\n        // content padding is the same for medium & small, horizontal & vertical\n        padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXXS}`\n    },\n    selected: {\n        ...typographyStyles.body1Strong\n    },\n    large: {\n        ...typographyStyles.body2\n    },\n    largeSelected: {\n        ...typographyStyles.subtitle2\n    },\n    noIconBefore: {\n        gridColumnStart: 1,\n        gridRowStart: 1\n    },\n    iconBefore: {\n        gridColumnStart: 2,\n        gridRowStart: 1\n    },\n    placeholder: {\n        visibility: 'hidden'\n    }\n});\n/**\n * Apply styling to the Tab slots based on the state\n */ export const useTabStyles_unstable = (state)=>{\n    'use no memo';\n    useTabIndicatorStyles_unstable(state);\n    useTabButtonStyles_unstable(state, state.root);\n    useTabContentStyles_unstable(state);\n    return state;\n};\n/**\n * Applies styles for the Tab indicator based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The `Tab` component's current state\n * @returns The state object with updated button styles\n */ export const useTabIndicatorStyles_unstable = (state)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const pendingIndicatorStyles = usePendingIndicatorStyles();\n    const activeIndicatorStyles = useActiveIndicatorStyles();\n    const { appearance, disabled, selected, size, vertical } = state;\n    const classes = [\n        tabClassNames.root,\n        rootStyles.root\n    ];\n    if (appearance !== 'subtle-circular' && appearance !== 'filled-circular') {\n        classes.push(// pending indicator (before pseudo element)\n        pendingIndicatorStyles.base, size === 'small' && (vertical ? pendingIndicatorStyles.smallVertical : pendingIndicatorStyles.smallHorizontal), size === 'medium' && (vertical ? pendingIndicatorStyles.mediumVertical : pendingIndicatorStyles.mediumHorizontal), size === 'large' && (vertical ? pendingIndicatorStyles.largeVertical : pendingIndicatorStyles.largeHorizontal), disabled && pendingIndicatorStyles.disabled, // active indicator (after pseudo element)\n        selected && activeIndicatorStyles.base, selected && !disabled && activeIndicatorStyles.selected, selected && size === 'small' && (vertical ? activeIndicatorStyles.smallVertical : activeIndicatorStyles.smallHorizontal), selected && size === 'medium' && (vertical ? activeIndicatorStyles.mediumVertical : activeIndicatorStyles.mediumHorizontal), selected && size === 'large' && (vertical ? activeIndicatorStyles.largeVertical : activeIndicatorStyles.largeHorizontal), selected && disabled && activeIndicatorStyles.disabled);\n    }\n    state.root.className = mergeClasses(...classes, state.root.className);\n    useTabAnimatedIndicatorStyles_unstable(state);\n    return state;\n};\n/**\n * Applies styles to the Tab button slot based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The Tab component's current state\n * @param slot - The button slot of the Tab component\n * @returns The state object with updated button styles\n */ export const useTabButtonStyles_unstable = (state, slot)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const focusStyles = useFocusStyles();\n    const circularStyles = useCircularAppearanceStyles();\n    const { appearance, disabled, selected, size, vertical } = state;\n    const isSubtleCircular = appearance === 'subtle-circular';\n    const isFilledCircular = appearance === 'filled-circular';\n    const isCircular = isSubtleCircular || isFilledCircular;\n    const circularAppearance = [\n        circularStyles.base,\n        focusStyles.circular,\n        // sizes\n        size === 'medium' && circularStyles.medium,\n        // subtle-circular appearance\n        isSubtleCircular && circularStyles.subtle,\n        selected && isSubtleCircular && circularStyles.subtleSelected,\n        disabled && isSubtleCircular && circularStyles.subtleDisabled,\n        selected && disabled && isSubtleCircular && circularStyles.subtleDisabledSelected,\n        // filled-circular appearance\n        isFilledCircular && circularStyles.filled,\n        selected && isFilledCircular && circularStyles.filledSelected,\n        disabled && isFilledCircular && circularStyles.filledDisabled,\n        selected && disabled && isFilledCircular && circularStyles.filledDisabledSelected\n    ];\n    const regularAppearance = [\n        focusStyles.base,\n        !disabled && appearance === 'subtle' && rootStyles.subtle,\n        !disabled && appearance === 'transparent' && rootStyles.transparent,\n        !disabled && selected && rootStyles.selected,\n        disabled && rootStyles.disabled\n    ];\n    slot.className = mergeClasses(rootStyles.button, // orientation\n    vertical ? rootStyles.vertical : rootStyles.horizontal, // size\n    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);\n    return state;\n};\n/**\n * Applies styles to the Tab content slot based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The Tab component's current state\n * @returns The state object with updated content styles\n */ export const useTabContentStyles_unstable = (state)=>{\n    'use no memo';\n    const iconStyles = useIconStyles();\n    const contentStyles = useContentStyles();\n    const { selected, size } = state;\n    if (state.icon) {\n        state.icon.className = mergeClasses(tabClassNames.icon, iconStyles.base, iconStyles[size], selected && iconStyles.selected, state.icon.className);\n    }\n    // This needs to be before state.content.className is updated\n    if (state.contentReservedSpace) {\n        state.contentReservedSpace.className = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.className);\n        // FIXME: this is a deprecated API\n        // should be removed in the next major version\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        state.contentReservedSpaceClassName = state.contentReservedSpace.className;\n    }\n    state.content.className = mergeClasses(tabClassNames.content, contentStyles.base, size === 'large' && contentStyles.large, selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected), state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, state.content.className);\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","useTabAnimatedIndicatorStyles_unstable","tabClassNames","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","Bt984gj","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","oeaueh","qhf8xq","button","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bceei9c","Bahqtrf","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","B95qlz1","B7xitij","Bptxc3x","Bwqhzpy","iyk698","cl4aha","B0q3jbp","Be9ayug","subtle","disabledCursor","disabled","selected","d","p","useCircularAppearanceStyles","base","medium","Dbcxam","rjzwhg","Bblux5w","sj55zd","Eo63ln","r9osk6","Itrz8y","zeg6vx","l65xgk","Bw4olcx","Folb0i","I2h8y4","Bgxgoyi","Bvlkotb","Fwyncl","Byh5edv","Becqvjq","uumbiq","B73q3dg","Bblwbaf","B0ezav","r4wkhp","d3wsvi","Hdqn7s","zu5y1p","owqphb","g9c53k","Btmu08z","Bthxvy6","gluvuq","tb88gp","wns6jk","kdfdk4","Bbw008l","Bayi1ib","B1kkfu3","J1oqyp","kem6az","goa3yj","p743kt","uu68id","Bxeuatn","felo30","Bc736ss","Bhz882k","n51gp8","Eshu5l","Bk6ri7n","v49c4f","Bn1d65q","c4eypz","v3aym","hft9gk","Bjwas2f","Bk5ld8o","gwxt9v","B6k8go","subtleSelected","subtleDisabled","subtleDisabledSelected","Bw5j0gk","Baikq8m","B2ndh17","w0x64w","Bdzpij4","filledSelected","bml8oc","qew46a","B84x17g","Jetwu1","filledDisabled","filledDisabledSelected","m","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","circular","usePendingIndicatorStyles","az7l2e","vqofr","Bv4n3vi","Bgqb9hq","B0uxbk8","Bf3jju6","amg5m6","zkfqfm","Bkydozb","Bka2azo","vzq8l0","csmgbd","Br4ovkg","aelrif","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","h","a","useActiveIndicatorStyles","Bjyk6c5","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","E3zdtr","Bej4dhw","B7wqxwa","f7digc","Bvuzv5k","k4sdgo","By385i5","Dlnsje","Eqx8gd","B1piin3","bn5sak","a2br6o","useIconStyles","Br312pm","Ijaq50","D0sxk3","t6yez3","small","Be2twd7","Bqenvij","a9b677","large","useContentStyles","Bhrd7zp","largeSelected","noIconBefore","iconBefore","placeholder","Bcdw1i0","useTabStyles_unstable","state","useTabIndicatorStyles_unstable","useTabButtonStyles_unstable","useTabContentStyles_unstable","rootStyles","pendingIndicatorStyles","activeIndicatorStyles","appearance","size","classes","push","className","slot","focusStyles","circularStyles","isSubtleCircular","isFilledCircular","isCircular","circularAppearance","regularAppearance","iconStyles","contentStyles","contentReservedSpace","contentReservedSpaceClassName"],"sources":["useTabStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator.styles';\nexport const tabClassNames = {\n    root: 'fui-Tab',\n    icon: 'fui-Tab__icon',\n    content: 'fui-Tab__content'\n};\nconst reservedSpaceClassNames = {\n    content: 'fui-Tab__content--reserved-space'\n};\n// These should match the constants defined in @fluentui/react-icons\n// This package avoids taking a dependency on the icons package for only the constants.\nconst iconClassNames = {\n    filled: 'fui-Icon-filled',\n    regular: 'fui-Icon-regular'\n};\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    root: {\n        alignItems: 'center',\n        display: 'grid',\n        flexShrink: 0,\n        gridAutoFlow: 'column',\n        gridTemplateColumns: 'auto',\n        gridTemplateRows: 'auto',\n        outlineStyle: 'none',\n        position: 'relative'\n    },\n    button: {\n        alignItems: 'center',\n        border: 'none',\n        borderRadius: tokens.borderRadiusMedium,\n        cursor: 'pointer',\n        display: 'grid',\n        flexShrink: 0,\n        gridAutoFlow: 'column',\n        gridTemplateColumns: 'auto',\n        gridTemplateRows: 'auto',\n        fontFamily: tokens.fontFamilyBase,\n        lineHeight: tokens.lineHeightBase300,\n        outlineStyle: 'none',\n        position: 'relative',\n        overflow: 'hidden',\n        textTransform: 'none'\n    },\n    horizontal: {\n        justifyContent: 'center'\n    },\n    vertical: {\n        justifyContent: 'start'\n    },\n    smallHorizontal: {\n        columnGap: tokens.spacingHorizontalXXS,\n        padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalSNudge}`\n    },\n    smallVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalXXS,\n        padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge}`\n    },\n    mediumHorizontal: {\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalMNudge}`\n    },\n    mediumVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalMNudge}`\n    },\n    largeHorizontal: {\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalMNudge}`\n    },\n    largeVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`\n    },\n    transparent: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorTransparentBackgroundHover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorTransparentBackgroundPressed\n        },\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        }\n    },\n    subtle: {\n        backgroundColor: tokens.colorSubtleBackground,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        },\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        }\n    },\n    disabledCursor: {\n        cursor: 'not-allowed'\n    },\n    disabled: {\n        backgroundColor: tokens.colorTransparentBackground,\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    selected: {\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1Pressed\n        }\n    }\n});\nconst useCircularAppearanceStyles = makeStyles({\n    base: {\n        borderRadius: tokens.borderRadiusCircular,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorTransparentStroke}`,\n        [`& .${tabClassNames.icon}`]: {\n            color: 'inherit'\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: 'inherit'\n        }\n    },\n    medium: {\n        paddingBlock: `${tokens.spacingVerticalSNudge}`\n    },\n    subtle: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStroke1Hover}`,\n            color: tokens.colorNeutralForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStroke1Pressed}`,\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        '@media (forced-colors: active)': {\n            border: `solid ${tokens.strokeWidthThin} Canvas`\n        }\n    },\n    subtleSelected: {\n        backgroundColor: tokens.colorBrandBackground2,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStroke}`,\n        color: tokens.colorBrandForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorBrandBackground2Hover,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStrokeHover}`,\n            color: tokens.colorBrandForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorBrandBackground2Pressed,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStrokePressed}`,\n            color: tokens.colorBrandForeground2Pressed\n        },\n        '@media (forced-colors: active)': {\n            border: `solid ${tokens.strokeWidthThin} Highlight`\n        }\n    },\n    subtleDisabled: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    subtleDisabledSelected: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeDisabled}`,\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: tokens.colorNeutralForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorNeutralBackground3Hover,\n            color: tokens.colorNeutralForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorNeutralBackground3Pressed,\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        '@media (forced-colors: active)': {\n            ':enabled:hover': {\n                backgroundColor: 'Highlight',\n                forcedColorAdjust: 'none',\n                [`& .${tabClassNames.content}`]: {\n                    color: 'HighlightText'\n                },\n                [`& .${iconClassNames.filled}`]: {\n                    color: 'HighlightText'\n                },\n                [`& .${iconClassNames.regular}`]: {\n                    color: 'HighlightText'\n                }\n            }\n        }\n    },\n    filledSelected: {\n        backgroundColor: tokens.colorBrandBackground,\n        color: tokens.colorNeutralForegroundOnBrand,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorBrandBackgroundHover,\n            color: tokens.colorNeutralForegroundOnBrand\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorBrandBackgroundPressed,\n            color: tokens.colorNeutralForegroundOnBrand\n        },\n        '@media (forced-colors: active)': {\n            ':enabled': {\n                backgroundColor: 'ButtonText',\n                [`& .${tabClassNames.content}`]: {\n                    color: 'ButtonFace',\n                    forcedColorAdjust: 'none'\n                }\n            },\n            [`:enabled .${tabClassNames.icon}`]: {\n                color: 'ButtonFace'\n            }\n        }\n    },\n    filledDisabled: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    filledDisabledSelected: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeDisabled}`,\n        color: tokens.colorNeutralForegroundDisabled\n    }\n});\n/**\n * Focus styles for the root slot\n */ const useFocusStyles = makeStyles({\n    // Tab creates a custom focus indicator because the default focus indicator\n    // is applied using an ::after pseudo-element on the root. Since the selection\n    // indicator uses an ::after pseudo-element on the root, there is a conflict.\n    base: createCustomFocusIndicatorStyle({\n        ...shorthands.borderColor('transparent'),\n        outlineWidth: tokens.strokeWidthThick,\n        outlineColor: 'transparent',\n        outlineStyle: 'solid',\n        boxShadow: `\n      ${tokens.shadow4},\n      0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2}\n    `,\n        zIndex: 1\n    }, {\n        enableOutline: true\n    }),\n    circular: createCustomFocusIndicatorStyle({\n        ...shorthands.borderColor('transparent'),\n        outlineWidth: tokens.strokeWidthThick,\n        outlineColor: 'transparent',\n        outlineStyle: 'solid',\n        boxShadow: `\n        ${tokens.shadow4},\n        0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2},\n        0 0 0 ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeOnBrand} inset\n      `,\n        zIndex: 1\n    }, {\n        enableOutline: true\n    })\n});\n/** Indicator styles for when pending selection */ const usePendingIndicatorStyles = makeStyles({\n    base: {\n        ':hover::before': {\n            backgroundColor: tokens.colorNeutralStroke1Hover,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        },\n        ':active::before': {\n            backgroundColor: tokens.colorNeutralStroke1Pressed,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        },\n        '@media (forced-colors: active)': {\n            ':hover::before': {\n                backgroundColor: 'Highlight'\n            },\n            ':active::before': {\n                backgroundColor: 'Highlight'\n            }\n        }\n    },\n    disabled: {\n        ':hover::before': {\n            backgroundColor: tokens.colorTransparentStroke\n        },\n        ':active::before': {\n            backgroundColor: tokens.colorTransparentStroke\n        },\n        '@media (forced-colors: active)': {\n            ':hover::before': {\n                backgroundColor: 'transparent'\n            },\n            ':active::before': {\n                backgroundColor: 'transparent'\n            }\n        }\n    },\n    smallHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThick,\n            left: tokens.spacingHorizontalSNudge,\n            right: tokens.spacingHorizontalSNudge\n        }\n    },\n    smallVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalXS,\n            left: 0,\n            top: tokens.spacingVerticalXS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    mediumHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    mediumVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalS,\n            left: 0,\n            top: tokens.spacingVerticalS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    largeHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    largeVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalMNudge,\n            left: 0,\n            top: tokens.spacingVerticalMNudge,\n            width: tokens.strokeWidthThicker\n        }\n    }\n});\nconst useActiveIndicatorStyles = makeStyles({\n    base: {\n        '::after': {\n            backgroundColor: tokens.colorTransparentStroke,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        }\n    },\n    selected: {\n        '::after': {\n            backgroundColor: tokens.colorCompoundBrandStroke\n        },\n        ':enabled:hover::after': {\n            backgroundColor: tokens.colorCompoundBrandStrokeHover\n        },\n        ':enabled:active::after': {\n            backgroundColor: tokens.colorCompoundBrandStrokePressed\n        },\n        '@media (forced-colors: active)': {\n            '::after': {\n                backgroundColor: 'ButtonText'\n            },\n            ':enabled:hover::after': {\n                backgroundColor: 'ButtonText'\n            },\n            ':enabled:active::after': {\n                backgroundColor: 'ButtonText'\n            }\n        }\n    },\n    disabled: {\n        '::after': {\n            backgroundColor: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    smallHorizontal: {\n        '::after': {\n            bottom: 0,\n            height: tokens.strokeWidthThick,\n            left: tokens.spacingHorizontalSNudge,\n            right: tokens.spacingHorizontalSNudge\n        }\n    },\n    smallVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalXS,\n            left: '0',\n            top: tokens.spacingVerticalXS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    mediumHorizontal: {\n        '::after': {\n            bottom: '0',\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    mediumVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalS,\n            left: 0,\n            top: tokens.spacingVerticalS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    largeHorizontal: {\n        '::after': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    largeVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalMNudge,\n            left: 0,\n            top: tokens.spacingVerticalMNudge,\n            width: tokens.strokeWidthThicker\n        }\n    }\n});\n/**\n * Styles for the icon slot.\n */ const useIconStyles = makeStyles({\n    base: {\n        gridColumnStart: 1,\n        gridRowStart: 1,\n        alignItems: 'center',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        overflow: 'hidden',\n        [`& .${iconClassNames.filled}`]: {\n            display: 'none'\n        },\n        [`& .${iconClassNames.regular}`]: {\n            display: 'inline'\n        }\n    },\n    // per design, the small and medium font sizes are the same.\n    // the size prop only affects spacing.\n    small: {\n        fontSize: '20px',\n        height: '20px',\n        width: '20px'\n    },\n    medium: {\n        fontSize: '20px',\n        height: '20px',\n        width: '20px'\n    },\n    large: {\n        fontSize: '24px',\n        height: '24px',\n        width: '24px'\n    },\n    selected: {\n        [`& .${iconClassNames.filled}`]: {\n            display: 'inline'\n        },\n        [`& .${iconClassNames.regular}`]: {\n            display: 'none'\n        }\n    }\n});\n/**\n * Styles for the content slot (children)\n */ const useContentStyles = makeStyles({\n    base: {\n        ...typographyStyles.body1,\n        overflow: 'hidden',\n        // content padding is the same for medium & small, horizontal & vertical\n        padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXXS}`\n    },\n    selected: {\n        ...typographyStyles.body1Strong\n    },\n    large: {\n        ...typographyStyles.body2\n    },\n    largeSelected: {\n        ...typographyStyles.subtitle2\n    },\n    noIconBefore: {\n        gridColumnStart: 1,\n        gridRowStart: 1\n    },\n    iconBefore: {\n        gridColumnStart: 2,\n        gridRowStart: 1\n    },\n    placeholder: {\n        visibility: 'hidden'\n    }\n});\n/**\n * Apply styling to the Tab slots based on the state\n */ export const useTabStyles_unstable = (state)=>{\n    'use no memo';\n    useTabIndicatorStyles_unstable(state);\n    useTabButtonStyles_unstable(state, state.root);\n    useTabContentStyles_unstable(state);\n    return state;\n};\n/**\n * Applies styles for the Tab indicator based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The `Tab` component's current state\n * @returns The state object with updated button styles\n */ export const useTabIndicatorStyles_unstable = (state)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const pendingIndicatorStyles = usePendingIndicatorStyles();\n    const activeIndicatorStyles = useActiveIndicatorStyles();\n    const { appearance, disabled, selected, size, vertical } = state;\n    const classes = [\n        tabClassNames.root,\n        rootStyles.root\n    ];\n    if (appearance !== 'subtle-circular' && appearance !== 'filled-circular') {\n        classes.push(// pending indicator (before pseudo element)\n        pendingIndicatorStyles.base, size === 'small' && (vertical ? pendingIndicatorStyles.smallVertical : pendingIndicatorStyles.smallHorizontal), size === 'medium' && (vertical ? pendingIndicatorStyles.mediumVertical : pendingIndicatorStyles.mediumHorizontal), size === 'large' && (vertical ? pendingIndicatorStyles.largeVertical : pendingIndicatorStyles.largeHorizontal), disabled && pendingIndicatorStyles.disabled, // active indicator (after pseudo element)\n        selected && activeIndicatorStyles.base, selected && !disabled && activeIndicatorStyles.selected, selected && size === 'small' && (vertical ? activeIndicatorStyles.smallVertical : activeIndicatorStyles.smallHorizontal), selected && size === 'medium' && (vertical ? activeIndicatorStyles.mediumVertical : activeIndicatorStyles.mediumHorizontal), selected && size === 'large' && (vertical ? activeIndicatorStyles.largeVertical : activeIndicatorStyles.largeHorizontal), selected && disabled && activeIndicatorStyles.disabled);\n    }\n    state.root.className = mergeClasses(...classes, state.root.className);\n    useTabAnimatedIndicatorStyles_unstable(state);\n    return state;\n};\n/**\n * Applies styles to the Tab button slot based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The Tab component's current state\n * @param slot - The button slot of the Tab component\n * @returns The state object with updated button styles\n */ export const useTabButtonStyles_unstable = (state, slot)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const focusStyles = useFocusStyles();\n    const circularStyles = useCircularAppearanceStyles();\n    const { appearance, disabled, selected, size, vertical } = state;\n    const isSubtleCircular = appearance === 'subtle-circular';\n    const isFilledCircular = appearance === 'filled-circular';\n    const isCircular = isSubtleCircular || isFilledCircular;\n    const circularAppearance = [\n        circularStyles.base,\n        focusStyles.circular,\n        // sizes\n        size === 'medium' && circularStyles.medium,\n        // subtle-circular appearance\n        isSubtleCircular && circularStyles.subtle,\n        selected && isSubtleCircular && circularStyles.subtleSelected,\n        disabled && isSubtleCircular && circularStyles.subtleDisabled,\n        selected && disabled && isSubtleCircular && circularStyles.subtleDisabledSelected,\n        // filled-circular appearance\n        isFilledCircular && circularStyles.filled,\n        selected && isFilledCircular && circularStyles.filledSelected,\n        disabled && isFilledCircular && circularStyles.filledDisabled,\n        selected && disabled && isFilledCircular && circularStyles.filledDisabledSelected\n    ];\n    const regularAppearance = [\n        focusStyles.base,\n        !disabled && appearance === 'subtle' && rootStyles.subtle,\n        !disabled && appearance === 'transparent' && rootStyles.transparent,\n        !disabled && selected && rootStyles.selected,\n        disabled && rootStyles.disabled\n    ];\n    slot.className = mergeClasses(rootStyles.button, // orientation\n    vertical ? rootStyles.vertical : rootStyles.horizontal, // size\n    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);\n    return state;\n};\n/**\n * Applies styles to the Tab content slot based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The Tab component's current state\n * @returns The state object with updated content styles\n */ export const useTabContentStyles_unstable = (state)=>{\n    'use no memo';\n    const iconStyles = useIconStyles();\n    const contentStyles = useContentStyles();\n    const { selected, size } = state;\n    if (state.icon) {\n        state.icon.className = mergeClasses(tabClassNames.icon, iconStyles.base, iconStyles[size], selected && iconStyles.selected, state.icon.className);\n    }\n    // This needs to be before state.content.className is updated\n    if (state.contentReservedSpace) {\n        state.contentReservedSpace.className = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.className);\n        // FIXME: this is a deprecated API\n        // should be removed in the next major version\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        state.contentReservedSpaceClassName = state.contentReservedSpace.className;\n    }\n    state.content.className = mergeClasses(tabClassNames.content, contentStyles.base, size === 'large' && contentStyles.large, selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected), state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, state.content.className);\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -287,16 +287,6 @@ const useCircularAppearanceStyles = /*#__PURE__*/ (0, _react.__styles)({
         Btl43ni: 0,
         B7oj6ja: 0,
         Dimara: "f44lkw9",
-        Bptxc3x: "ftorr8m",
-        cl4aha: "f16lqpmv"
-    },
-    medium: {
-        Dbcxam: 0,
-        rjzwhg: 0,
-        Bblux5w: "f1lj1ynd"
-    },
-    subtle: {
-        De3pzq: "fhovq9v",
         Bgfg5da: 0,
         B9xav0g: 0,
         oivjwe: 0,
@@ -313,7 +303,17 @@ const useCircularAppearanceStyles = /*#__PURE__*/ (0, _react.__styles)({
         g2u3we: 0,
         icvyot: 0,
         B4j52fo: 0,
-        irswps: "fqeaewv",
+        irswps: "fp7rvkm",
+        Bptxc3x: "ftorr8m",
+        cl4aha: "f16lqpmv"
+    },
+    medium: {
+        Dbcxam: 0,
+        rjzwhg: 0,
+        Bblux5w: "f1lj1ynd"
+    },
+    subtle: {
+        De3pzq: "fhovq9v",
         sj55zd: "fkfq4zb",
         B95qlz1: "f1bifk9c",
         Eo63ln: 0,
@@ -352,7 +352,24 @@ const useCircularAppearanceStyles = /*#__PURE__*/ (0, _react.__styles)({
         J1oqyp: 0,
         kem6az: 0,
         goa3yj: "fhn220o",
-        p743kt: "f15qf7sh"
+        p743kt: "f15qf7sh",
+        uu68id: 0,
+        Bxeuatn: 0,
+        felo30: 0,
+        Bc736ss: 0,
+        Bhz882k: 0,
+        n51gp8: 0,
+        Eshu5l: 0,
+        Bk6ri7n: 0,
+        v49c4f: 0,
+        Bn1d65q: 0,
+        c4eypz: 0,
+        v3aym: 0,
+        hft9gk: 0,
+        Bjwas2f: 0,
+        Bk5ld8o: 0,
+        gwxt9v: 0,
+        B6k8go: "f130w16x"
     },
     subtleSelected: {
         De3pzq: "f16xkysk",
@@ -411,28 +428,28 @@ const useCircularAppearanceStyles = /*#__PURE__*/ (0, _react.__styles)({
         J1oqyp: 0,
         kem6az: 0,
         goa3yj: "fmle6oo",
-        p743kt: "f1d3itm4"
+        p743kt: "f1d3itm4",
+        uu68id: 0,
+        Bxeuatn: 0,
+        felo30: 0,
+        Bc736ss: 0,
+        Bhz882k: 0,
+        n51gp8: 0,
+        Eshu5l: 0,
+        Bk6ri7n: 0,
+        v49c4f: 0,
+        Bn1d65q: 0,
+        c4eypz: 0,
+        v3aym: 0,
+        hft9gk: 0,
+        Bjwas2f: 0,
+        Bk5ld8o: 0,
+        gwxt9v: 0,
+        B6k8go: "f19qjb1h"
     },
     subtleDisabled: {
         De3pzq: "fhovq9v",
-        sj55zd: "f1s2aq7o",
-        Bgfg5da: 0,
-        B9xav0g: 0,
-        oivjwe: 0,
-        Bn0qgzm: 0,
-        B4g9neb: 0,
-        zhjwy3: 0,
-        wvpqe5: 0,
-        ibv6hh: 0,
-        u1mtju: 0,
-        h3c5rm: 0,
-        vrafjx: 0,
-        Bekrc4i: 0,
-        i8vvqc: 0,
-        g2u3we: 0,
-        icvyot: 0,
-        B4j52fo: 0,
-        irswps: "fqeaewv"
+        sj55zd: "f1s2aq7o"
     },
     subtleDisabledSelected: {
         De3pzq: "f1bg9a2p",
@@ -482,23 +499,6 @@ const useCircularAppearanceStyles = /*#__PURE__*/ (0, _react.__styles)({
     },
     filledDisabled: {
         De3pzq: "f1bg9a2p",
-        Bgfg5da: 0,
-        B9xav0g: 0,
-        oivjwe: 0,
-        Bn0qgzm: 0,
-        B4g9neb: 0,
-        zhjwy3: 0,
-        wvpqe5: 0,
-        ibv6hh: 0,
-        u1mtju: 0,
-        h3c5rm: 0,
-        vrafjx: 0,
-        Bekrc4i: 0,
-        i8vvqc: 0,
-        g2u3we: 0,
-        icvyot: 0,
-        B4j52fo: 0,
-        irswps: "fqeaewv",
         sj55zd: "f1s2aq7o"
     },
     filledDisabledSelected: {
@@ -530,6 +530,12 @@ const useCircularAppearanceStyles = /*#__PURE__*/ (0, _react.__styles)({
                 p: -1
             }
         ],
+        [
+            ".fp7rvkm{border:solid var(--strokeWidthThin) var(--colorTransparentStroke);}",
+            {
+                p: -2
+            }
+        ],
         ".ftorr8m .fui-Tab__icon{color:inherit;}",
         ".f16lqpmv .fui-Tab__content{color:inherit;}",
         [
@@ -539,12 +545,6 @@ const useCircularAppearanceStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         ".fhovq9v{background-color:var(--colorSubtleBackground);}",
-        [
-            ".fqeaewv{border:solid var(--strokeWidthThin) transparent;}",
-            {
-                p: -2
-            }
-        ],
         ".fkfq4zb{color:var(--colorNeutralForeground2);}",
         ".f1bifk9c:enabled:hover{background-color:var(--colorSubtleBackgroundHover);}",
         [
@@ -587,12 +587,6 @@ const useCircularAppearanceStyles = /*#__PURE__*/ (0, _react.__styles)({
         ],
         ".f1d3itm4:enabled:active{color:var(--colorBrandForeground2Pressed);}",
         ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
-        [
-            ".fqeaewv{border:solid var(--strokeWidthThin) transparent;}",
-            {
-                p: -2
-            }
-        ],
         ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
         [
             ".fegtqic{border:solid var(--strokeWidthThin) var(--colorNeutralStrokeDisabled);}",
@@ -609,12 +603,6 @@ const useCircularAppearanceStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".f1mn5ei1:enabled:hover{color:var(--colorNeutralForegroundOnBrand);}",
         ".f1g6ncd0:enabled:active{background-color:var(--colorBrandBackgroundPressed);}",
         ".fl71aob:enabled:active{color:var(--colorNeutralForegroundOnBrand);}",
-        [
-            ".fqeaewv{border:solid var(--strokeWidthThin) transparent;}",
-            {
-                p: -2
-            }
-        ],
         [
             ".fegtqic{border:solid var(--strokeWidthThin) var(--colorNeutralStrokeDisabled);}",
             {
@@ -623,6 +611,20 @@ const useCircularAppearanceStyles = /*#__PURE__*/ (0, _react.__styles)({
         ]
     ],
     m: [
+        [
+            "@media (forced-colors: active){.f130w16x{border:solid var(--strokeWidthThin) Canvas;}}",
+            {
+                p: -2,
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f19qjb1h{border:solid var(--strokeWidthThin) Highlight;}}",
+            {
+                p: -2,
+                m: "(forced-colors: active)"
+            }
+        ],
         [
             "@media (forced-colors: active){.f159yq2d:enabled:hover{background-color:Highlight;}}",
             {

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

@@ -1 +1 @@
-{"version":3,"sources":["useTabStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator.styles';\nexport const tabClassNames = {\n    root: 'fui-Tab',\n    icon: 'fui-Tab__icon',\n    content: 'fui-Tab__content'\n};\nconst reservedSpaceClassNames = {\n    content: 'fui-Tab__content--reserved-space'\n};\n// These should match the constants defined in @fluentui/react-icons\n// This package avoids taking a dependency on the icons package for only the constants.\nconst iconClassNames = {\n    filled: 'fui-Icon-filled',\n    regular: 'fui-Icon-regular'\n};\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    root: {\n        alignItems: 'center',\n        display: 'grid',\n        flexShrink: 0,\n        gridAutoFlow: 'column',\n        gridTemplateColumns: 'auto',\n        gridTemplateRows: 'auto',\n        outlineStyle: 'none',\n        position: 'relative'\n    },\n    button: {\n        alignItems: 'center',\n        border: 'none',\n        borderRadius: tokens.borderRadiusMedium,\n        cursor: 'pointer',\n        display: 'grid',\n        flexShrink: 0,\n        gridAutoFlow: 'column',\n        gridTemplateColumns: 'auto',\n        gridTemplateRows: 'auto',\n        fontFamily: tokens.fontFamilyBase,\n        lineHeight: tokens.lineHeightBase300,\n        outlineStyle: 'none',\n        position: 'relative',\n        overflow: 'hidden',\n        textTransform: 'none'\n    },\n    horizontal: {\n        justifyContent: 'center'\n    },\n    vertical: {\n        justifyContent: 'start'\n    },\n    smallHorizontal: {\n        columnGap: tokens.spacingHorizontalXXS,\n        padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalSNudge}`\n    },\n    smallVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalXXS,\n        padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge}`\n    },\n    mediumHorizontal: {\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalMNudge}`\n    },\n    mediumVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalMNudge}`\n    },\n    largeHorizontal: {\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalMNudge}`\n    },\n    largeVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`\n    },\n    transparent: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorTransparentBackgroundHover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorTransparentBackgroundPressed\n        },\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        }\n    },\n    subtle: {\n        backgroundColor: tokens.colorSubtleBackground,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        },\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        }\n    },\n    disabledCursor: {\n        cursor: 'not-allowed'\n    },\n    disabled: {\n        backgroundColor: tokens.colorTransparentBackground,\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    selected: {\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1Pressed\n        }\n    }\n});\nconst useCircularAppearanceStyles = makeStyles({\n    base: {\n        borderRadius: tokens.borderRadiusCircular,\n        [`& .${tabClassNames.icon}`]: {\n            color: 'inherit'\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: 'inherit'\n        }\n    },\n    medium: {\n        paddingBlock: `${tokens.spacingVerticalSNudge}`\n    },\n    subtle: {\n        backgroundColor: tokens.colorSubtleBackground,\n        border: `solid ${tokens.strokeWidthThin} transparent`,\n        color: tokens.colorNeutralForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStroke1Hover}`,\n            color: tokens.colorNeutralForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStroke1Pressed}`,\n            color: tokens.colorNeutralForeground2Pressed\n        }\n    },\n    subtleSelected: {\n        backgroundColor: tokens.colorBrandBackground2,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStroke}`,\n        color: tokens.colorBrandForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorBrandBackground2Hover,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStrokeHover}`,\n            color: tokens.colorBrandForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorBrandBackground2Pressed,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStrokePressed}`,\n            color: tokens.colorBrandForeground2Pressed\n        }\n    },\n    subtleDisabled: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForegroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} transparent`\n    },\n    subtleDisabledSelected: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeDisabled}`,\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: tokens.colorNeutralForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorNeutralBackground3Hover,\n            color: tokens.colorNeutralForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorNeutralBackground3Pressed,\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        '@media (forced-colors: active)': {\n            ':enabled:hover': {\n                backgroundColor: 'Highlight',\n                forcedColorAdjust: 'none',\n                [`& .${tabClassNames.content}`]: {\n                    color: 'HighlightText'\n                },\n                [`& .${iconClassNames.filled}`]: {\n                    color: 'HighlightText'\n                },\n                [`& .${iconClassNames.regular}`]: {\n                    color: 'HighlightText'\n                }\n            }\n        }\n    },\n    filledSelected: {\n        backgroundColor: tokens.colorBrandBackground,\n        color: tokens.colorNeutralForegroundOnBrand,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorBrandBackgroundHover,\n            color: tokens.colorNeutralForegroundOnBrand\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorBrandBackgroundPressed,\n            color: tokens.colorNeutralForegroundOnBrand\n        },\n        '@media (forced-colors: active)': {\n            ':enabled': {\n                backgroundColor: 'ButtonText',\n                [`& .${tabClassNames.content}`]: {\n                    color: 'ButtonFace',\n                    forcedColorAdjust: 'none'\n                }\n            },\n            [`:enabled .${tabClassNames.icon}`]: {\n                color: 'ButtonFace'\n            }\n        }\n    },\n    filledDisabled: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} transparent`,\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    filledDisabledSelected: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeDisabled}`,\n        color: tokens.colorNeutralForegroundDisabled\n    }\n});\n/**\n * Focus styles for the root slot\n */ const useFocusStyles = makeStyles({\n    // Tab creates a custom focus indicator because the default focus indicator\n    // is applied using an ::after pseudo-element on the root. Since the selection\n    // indicator uses an ::after pseudo-element on the root, there is a conflict.\n    base: createCustomFocusIndicatorStyle({\n        ...shorthands.borderColor('transparent'),\n        outlineWidth: tokens.strokeWidthThick,\n        outlineColor: 'transparent',\n        outlineStyle: 'solid',\n        boxShadow: `\n      ${tokens.shadow4},\n      0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2}\n    `,\n        zIndex: 1\n    }, {\n        enableOutline: true\n    }),\n    circular: createCustomFocusIndicatorStyle({\n        ...shorthands.borderColor('transparent'),\n        outlineWidth: tokens.strokeWidthThick,\n        outlineColor: 'transparent',\n        outlineStyle: 'solid',\n        boxShadow: `\n        ${tokens.shadow4},\n        0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2},\n        0 0 0 ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeOnBrand} inset\n      `,\n        zIndex: 1\n    }, {\n        enableOutline: true\n    })\n});\n/** Indicator styles for when pending selection */ const usePendingIndicatorStyles = makeStyles({\n    base: {\n        ':hover::before': {\n            backgroundColor: tokens.colorNeutralStroke1Hover,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        },\n        ':active::before': {\n            backgroundColor: tokens.colorNeutralStroke1Pressed,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        },\n        '@media (forced-colors: active)': {\n            ':hover::before': {\n                backgroundColor: 'Highlight'\n            },\n            ':active::before': {\n                backgroundColor: 'Highlight'\n            }\n        }\n    },\n    disabled: {\n        ':hover::before': {\n            backgroundColor: tokens.colorTransparentStroke\n        },\n        ':active::before': {\n            backgroundColor: tokens.colorTransparentStroke\n        },\n        '@media (forced-colors: active)': {\n            ':hover::before': {\n                backgroundColor: 'transparent'\n            },\n            ':active::before': {\n                backgroundColor: 'transparent'\n            }\n        }\n    },\n    smallHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThick,\n            left: tokens.spacingHorizontalSNudge,\n            right: tokens.spacingHorizontalSNudge\n        }\n    },\n    smallVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalXS,\n            left: 0,\n            top: tokens.spacingVerticalXS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    mediumHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    mediumVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalS,\n            left: 0,\n            top: tokens.spacingVerticalS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    largeHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    largeVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalMNudge,\n            left: 0,\n            top: tokens.spacingVerticalMNudge,\n            width: tokens.strokeWidthThicker\n        }\n    }\n});\nconst useActiveIndicatorStyles = makeStyles({\n    base: {\n        '::after': {\n            backgroundColor: tokens.colorTransparentStroke,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        }\n    },\n    selected: {\n        '::after': {\n            backgroundColor: tokens.colorCompoundBrandStroke\n        },\n        ':enabled:hover::after': {\n            backgroundColor: tokens.colorCompoundBrandStrokeHover\n        },\n        ':enabled:active::after': {\n            backgroundColor: tokens.colorCompoundBrandStrokePressed\n        },\n        '@media (forced-colors: active)': {\n            '::after': {\n                backgroundColor: 'ButtonText'\n            },\n            ':enabled:hover::after': {\n                backgroundColor: 'ButtonText'\n            },\n            ':enabled:active::after': {\n                backgroundColor: 'ButtonText'\n            }\n        }\n    },\n    disabled: {\n        '::after': {\n            backgroundColor: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    smallHorizontal: {\n        '::after': {\n            bottom: 0,\n            height: tokens.strokeWidthThick,\n            left: tokens.spacingHorizontalSNudge,\n            right: tokens.spacingHorizontalSNudge\n        }\n    },\n    smallVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalXS,\n            left: '0',\n            top: tokens.spacingVerticalXS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    mediumHorizontal: {\n        '::after': {\n            bottom: '0',\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    mediumVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalS,\n            left: 0,\n            top: tokens.spacingVerticalS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    largeHorizontal: {\n        '::after': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    largeVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalMNudge,\n            left: 0,\n            top: tokens.spacingVerticalMNudge,\n            width: tokens.strokeWidthThicker\n        }\n    }\n});\n/**\n * Styles for the icon slot.\n */ const useIconStyles = makeStyles({\n    base: {\n        gridColumnStart: 1,\n        gridRowStart: 1,\n        alignItems: 'center',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        overflow: 'hidden',\n        [`& .${iconClassNames.filled}`]: {\n            display: 'none'\n        },\n        [`& .${iconClassNames.regular}`]: {\n            display: 'inline'\n        }\n    },\n    // per design, the small and medium font sizes are the same.\n    // the size prop only affects spacing.\n    small: {\n        fontSize: '20px',\n        height: '20px',\n        width: '20px'\n    },\n    medium: {\n        fontSize: '20px',\n        height: '20px',\n        width: '20px'\n    },\n    large: {\n        fontSize: '24px',\n        height: '24px',\n        width: '24px'\n    },\n    selected: {\n        [`& .${iconClassNames.filled}`]: {\n            display: 'inline'\n        },\n        [`& .${iconClassNames.regular}`]: {\n            display: 'none'\n        }\n    }\n});\n/**\n * Styles for the content slot (children)\n */ const useContentStyles = makeStyles({\n    base: {\n        ...typographyStyles.body1,\n        overflow: 'hidden',\n        // content padding is the same for medium & small, horizontal & vertical\n        padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXXS}`\n    },\n    selected: {\n        ...typographyStyles.body1Strong\n    },\n    large: {\n        ...typographyStyles.body2\n    },\n    largeSelected: {\n        ...typographyStyles.subtitle2\n    },\n    noIconBefore: {\n        gridColumnStart: 1,\n        gridRowStart: 1\n    },\n    iconBefore: {\n        gridColumnStart: 2,\n        gridRowStart: 1\n    },\n    placeholder: {\n        visibility: 'hidden'\n    }\n});\n/**\n * Apply styling to the Tab slots based on the state\n */ export const useTabStyles_unstable = (state)=>{\n    'use no memo';\n    useTabIndicatorStyles_unstable(state);\n    useTabButtonStyles_unstable(state, state.root);\n    useTabContentStyles_unstable(state);\n    return state;\n};\n/**\n * Applies styles for the Tab indicator based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The `Tab` component's current state\n * @returns The state object with updated button styles\n */ export const useTabIndicatorStyles_unstable = (state)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const pendingIndicatorStyles = usePendingIndicatorStyles();\n    const activeIndicatorStyles = useActiveIndicatorStyles();\n    const { appearance, disabled, selected, size, vertical } = state;\n    const classes = [\n        tabClassNames.root,\n        rootStyles.root\n    ];\n    if (appearance !== 'subtle-circular' && appearance !== 'filled-circular') {\n        classes.push(// pending indicator (before pseudo element)\n        pendingIndicatorStyles.base, size === 'small' && (vertical ? pendingIndicatorStyles.smallVertical : pendingIndicatorStyles.smallHorizontal), size === 'medium' && (vertical ? pendingIndicatorStyles.mediumVertical : pendingIndicatorStyles.mediumHorizontal), size === 'large' && (vertical ? pendingIndicatorStyles.largeVertical : pendingIndicatorStyles.largeHorizontal), disabled && pendingIndicatorStyles.disabled, // active indicator (after pseudo element)\n        selected && activeIndicatorStyles.base, selected && !disabled && activeIndicatorStyles.selected, selected && size === 'small' && (vertical ? activeIndicatorStyles.smallVertical : activeIndicatorStyles.smallHorizontal), selected && size === 'medium' && (vertical ? activeIndicatorStyles.mediumVertical : activeIndicatorStyles.mediumHorizontal), selected && size === 'large' && (vertical ? activeIndicatorStyles.largeVertical : activeIndicatorStyles.largeHorizontal), selected && disabled && activeIndicatorStyles.disabled);\n    }\n    state.root.className = mergeClasses(...classes, state.root.className);\n    useTabAnimatedIndicatorStyles_unstable(state);\n    return state;\n};\n/**\n * Applies styles to the Tab button slot based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The Tab component's current state\n * @param slot - The button slot of the Tab component\n * @returns The state object with updated button styles\n */ export const useTabButtonStyles_unstable = (state, slot)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const focusStyles = useFocusStyles();\n    const circularStyles = useCircularAppearanceStyles();\n    const { appearance, disabled, selected, size, vertical } = state;\n    const isSubtleCircular = appearance === 'subtle-circular';\n    const isFilledCircular = appearance === 'filled-circular';\n    const isCircular = isSubtleCircular || isFilledCircular;\n    const circularAppearance = [\n        circularStyles.base,\n        focusStyles.circular,\n        // sizes\n        size === 'medium' && circularStyles.medium,\n        // subtle-circular appearance\n        isSubtleCircular && circularStyles.subtle,\n        selected && isSubtleCircular && circularStyles.subtleSelected,\n        disabled && isSubtleCircular && circularStyles.subtleDisabled,\n        selected && disabled && isSubtleCircular && circularStyles.subtleDisabledSelected,\n        // filled-circular appearance\n        isFilledCircular && circularStyles.filled,\n        selected && isFilledCircular && circularStyles.filledSelected,\n        disabled && isFilledCircular && circularStyles.filledDisabled,\n        selected && disabled && isFilledCircular && circularStyles.filledDisabledSelected\n    ];\n    const regularAppearance = [\n        focusStyles.base,\n        !disabled && appearance === 'subtle' && rootStyles.subtle,\n        !disabled && appearance === 'transparent' && rootStyles.transparent,\n        !disabled && selected && rootStyles.selected,\n        disabled && rootStyles.disabled\n    ];\n    slot.className = mergeClasses(rootStyles.button, // orientation\n    vertical ? rootStyles.vertical : rootStyles.horizontal, // size\n    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);\n    return state;\n};\n/**\n * Applies styles to the Tab content slot based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The Tab component's current state\n * @returns The state object with updated content styles\n */ export const useTabContentStyles_unstable = (state)=>{\n    'use no memo';\n    const iconStyles = useIconStyles();\n    const contentStyles = useContentStyles();\n    const { selected, size } = state;\n    if (state.icon) {\n        state.icon.className = mergeClasses(tabClassNames.icon, iconStyles.base, iconStyles[size], selected && iconStyles.selected, state.icon.className);\n    }\n    // This needs to be before state.content.className is updated\n    if (state.contentReservedSpace) {\n        state.contentReservedSpace.className = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.className);\n        // FIXME: this is a deprecated API\n        // should be removed in the next major version\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        state.contentReservedSpaceClassName = state.contentReservedSpace.className;\n    }\n    state.content.className = mergeClasses(tabClassNames.content, contentStyles.base, size === 'large' && contentStyles.large, selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected), state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, state.content.className);\n    return state;\n};\n"],"names":["tabClassNames","useTabButtonStyles_unstable","useTabContentStyles_unstable","useTabIndicatorStyles_unstable","useTabStyles_unstable","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","__styles","Bt984gj","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","oeaueh","qhf8xq","button","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bceei9c","Bahqtrf","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","B95qlz1","B7xitij","Bptxc3x","Bwqhzpy","iyk698","cl4aha","B0q3jbp","Be9ayug","subtle","disabledCursor","disabled","selected","d","p","useCircularAppearanceStyles","base","medium","Dbcxam","rjzwhg","Bblux5w","sj55zd","Eo63ln","r9osk6","Itrz8y","zeg6vx","l65xgk","Bw4olcx","Folb0i","I2h8y4","Bgxgoyi","Bvlkotb","Fwyncl","Byh5edv","Becqvjq","uumbiq","B73q3dg","Bblwbaf","B0ezav","r4wkhp","d3wsvi","Hdqn7s","zu5y1p","owqphb","g9c53k","Btmu08z","Bthxvy6","gluvuq","tb88gp","wns6jk","kdfdk4","Bbw008l","Bayi1ib","B1kkfu3","J1oqyp","kem6az","goa3yj","p743kt","subtleSelected","subtleDisabled","subtleDisabledSelected","Bw5j0gk","Baikq8m","B2ndh17","w0x64w","Bdzpij4","filledSelected","bml8oc","qew46a","B84x17g","Jetwu1","filledDisabled","filledDisabledSelected","m","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","circular","usePendingIndicatorStyles","az7l2e","vqofr","Bv4n3vi","Bgqb9hq","B0uxbk8","Bf3jju6","amg5m6","zkfqfm","Bkydozb","Bka2azo","vzq8l0","csmgbd","Br4ovkg","aelrif","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","h","a","useActiveIndicatorStyles","Bjyk6c5","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","E3zdtr","Bej4dhw","B7wqxwa","f7digc","Bvuzv5k","k4sdgo","By385i5","Dlnsje","Eqx8gd","B1piin3","bn5sak","a2br6o","useIconStyles","Br312pm","Ijaq50","D0sxk3","t6yez3","small","Be2twd7","Bqenvij","a9b677","large","useContentStyles","Bhrd7zp","largeSelected","noIconBefore","iconBefore","placeholder","Bcdw1i0","state","rootStyles","pendingIndicatorStyles","activeIndicatorStyles","appearance","size","classes","push","className","mergeClasses","useTabAnimatedIndicatorStyles_unstable","slot","focusStyles","circularStyles","isSubtleCircular","isFilledCircular","isCircular","circularAppearance","regularAppearance","iconStyles","contentStyles","contentReservedSpace","contentReservedSpaceClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useTabStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator.styles';\nexport const tabClassNames = {\n    root: 'fui-Tab',\n    icon: 'fui-Tab__icon',\n    content: 'fui-Tab__content'\n};\nconst reservedSpaceClassNames = {\n    content: 'fui-Tab__content--reserved-space'\n};\n// These should match the constants defined in @fluentui/react-icons\n// This package avoids taking a dependency on the icons package for only the constants.\nconst iconClassNames = {\n    filled: 'fui-Icon-filled',\n    regular: 'fui-Icon-regular'\n};\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n    root: {\n        alignItems: 'center',\n        display: 'grid',\n        flexShrink: 0,\n        gridAutoFlow: 'column',\n        gridTemplateColumns: 'auto',\n        gridTemplateRows: 'auto',\n        outlineStyle: 'none',\n        position: 'relative'\n    },\n    button: {\n        alignItems: 'center',\n        border: 'none',\n        borderRadius: tokens.borderRadiusMedium,\n        cursor: 'pointer',\n        display: 'grid',\n        flexShrink: 0,\n        gridAutoFlow: 'column',\n        gridTemplateColumns: 'auto',\n        gridTemplateRows: 'auto',\n        fontFamily: tokens.fontFamilyBase,\n        lineHeight: tokens.lineHeightBase300,\n        outlineStyle: 'none',\n        position: 'relative',\n        overflow: 'hidden',\n        textTransform: 'none'\n    },\n    horizontal: {\n        justifyContent: 'center'\n    },\n    vertical: {\n        justifyContent: 'start'\n    },\n    smallHorizontal: {\n        columnGap: tokens.spacingHorizontalXXS,\n        padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalSNudge}`\n    },\n    smallVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalXXS,\n        padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge}`\n    },\n    mediumHorizontal: {\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalMNudge}`\n    },\n    mediumVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalMNudge}`\n    },\n    largeHorizontal: {\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalMNudge}`\n    },\n    largeVertical: {\n        // horizontal spacing is deliberate. This is the gap between icon and content.\n        columnGap: tokens.spacingHorizontalSNudge,\n        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`\n    },\n    transparent: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorTransparentBackgroundHover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorTransparentBackgroundPressed\n        },\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        }\n    },\n    subtle: {\n        backgroundColor: tokens.colorSubtleBackground,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        },\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground2Pressed\n        }\n    },\n    disabledCursor: {\n        cursor: 'not-allowed'\n    },\n    disabled: {\n        backgroundColor: tokens.colorTransparentBackground,\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    selected: {\n        [`& .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1\n        },\n        [`:enabled:hover .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1Hover\n        },\n        [`:enabled:active .${tabClassNames.icon}`]: {\n            color: tokens.colorCompoundBrandForeground1Pressed\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1\n        },\n        [`:enabled:hover .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1Hover\n        },\n        [`:enabled:active .${tabClassNames.content}`]: {\n            color: tokens.colorNeutralForeground1Pressed\n        }\n    }\n});\nconst useCircularAppearanceStyles = makeStyles({\n    base: {\n        borderRadius: tokens.borderRadiusCircular,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorTransparentStroke}`,\n        [`& .${tabClassNames.icon}`]: {\n            color: 'inherit'\n        },\n        [`& .${tabClassNames.content}`]: {\n            color: 'inherit'\n        }\n    },\n    medium: {\n        paddingBlock: `${tokens.spacingVerticalSNudge}`\n    },\n    subtle: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStroke1Hover}`,\n            color: tokens.colorNeutralForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStroke1Pressed}`,\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        '@media (forced-colors: active)': {\n            border: `solid ${tokens.strokeWidthThin} Canvas`\n        }\n    },\n    subtleSelected: {\n        backgroundColor: tokens.colorBrandBackground2,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStroke}`,\n        color: tokens.colorBrandForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorBrandBackground2Hover,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStrokeHover}`,\n            color: tokens.colorBrandForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorBrandBackground2Pressed,\n            border: `solid ${tokens.strokeWidthThin} ${tokens.colorCompoundBrandStrokePressed}`,\n            color: tokens.colorBrandForeground2Pressed\n        },\n        '@media (forced-colors: active)': {\n            border: `solid ${tokens.strokeWidthThin} Highlight`\n        }\n    },\n    subtleDisabled: {\n        backgroundColor: tokens.colorSubtleBackground,\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    subtleDisabledSelected: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeDisabled}`,\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    filled: {\n        backgroundColor: tokens.colorNeutralBackground3,\n        color: tokens.colorNeutralForeground2,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorNeutralBackground3Hover,\n            color: tokens.colorNeutralForeground2Hover\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorNeutralBackground3Pressed,\n            color: tokens.colorNeutralForeground2Pressed\n        },\n        '@media (forced-colors: active)': {\n            ':enabled:hover': {\n                backgroundColor: 'Highlight',\n                forcedColorAdjust: 'none',\n                [`& .${tabClassNames.content}`]: {\n                    color: 'HighlightText'\n                },\n                [`& .${iconClassNames.filled}`]: {\n                    color: 'HighlightText'\n                },\n                [`& .${iconClassNames.regular}`]: {\n                    color: 'HighlightText'\n                }\n            }\n        }\n    },\n    filledSelected: {\n        backgroundColor: tokens.colorBrandBackground,\n        color: tokens.colorNeutralForegroundOnBrand,\n        ':enabled:hover': {\n            backgroundColor: tokens.colorBrandBackgroundHover,\n            color: tokens.colorNeutralForegroundOnBrand\n        },\n        ':enabled:active': {\n            backgroundColor: tokens.colorBrandBackgroundPressed,\n            color: tokens.colorNeutralForegroundOnBrand\n        },\n        '@media (forced-colors: active)': {\n            ':enabled': {\n                backgroundColor: 'ButtonText',\n                [`& .${tabClassNames.content}`]: {\n                    color: 'ButtonFace',\n                    forcedColorAdjust: 'none'\n                }\n            },\n            [`:enabled .${tabClassNames.icon}`]: {\n                color: 'ButtonFace'\n            }\n        }\n    },\n    filledDisabled: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    filledDisabledSelected: {\n        backgroundColor: tokens.colorNeutralBackgroundDisabled,\n        border: `solid ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeDisabled}`,\n        color: tokens.colorNeutralForegroundDisabled\n    }\n});\n/**\n * Focus styles for the root slot\n */ const useFocusStyles = makeStyles({\n    // Tab creates a custom focus indicator because the default focus indicator\n    // is applied using an ::after pseudo-element on the root. Since the selection\n    // indicator uses an ::after pseudo-element on the root, there is a conflict.\n    base: createCustomFocusIndicatorStyle({\n        ...shorthands.borderColor('transparent'),\n        outlineWidth: tokens.strokeWidthThick,\n        outlineColor: 'transparent',\n        outlineStyle: 'solid',\n        boxShadow: `\n      ${tokens.shadow4},\n      0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2}\n    `,\n        zIndex: 1\n    }, {\n        enableOutline: true\n    }),\n    circular: createCustomFocusIndicatorStyle({\n        ...shorthands.borderColor('transparent'),\n        outlineWidth: tokens.strokeWidthThick,\n        outlineColor: 'transparent',\n        outlineStyle: 'solid',\n        boxShadow: `\n        ${tokens.shadow4},\n        0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2},\n        0 0 0 ${tokens.strokeWidthThin} ${tokens.colorNeutralStrokeOnBrand} inset\n      `,\n        zIndex: 1\n    }, {\n        enableOutline: true\n    })\n});\n/** Indicator styles for when pending selection */ const usePendingIndicatorStyles = makeStyles({\n    base: {\n        ':hover::before': {\n            backgroundColor: tokens.colorNeutralStroke1Hover,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        },\n        ':active::before': {\n            backgroundColor: tokens.colorNeutralStroke1Pressed,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        },\n        '@media (forced-colors: active)': {\n            ':hover::before': {\n                backgroundColor: 'Highlight'\n            },\n            ':active::before': {\n                backgroundColor: 'Highlight'\n            }\n        }\n    },\n    disabled: {\n        ':hover::before': {\n            backgroundColor: tokens.colorTransparentStroke\n        },\n        ':active::before': {\n            backgroundColor: tokens.colorTransparentStroke\n        },\n        '@media (forced-colors: active)': {\n            ':hover::before': {\n                backgroundColor: 'transparent'\n            },\n            ':active::before': {\n                backgroundColor: 'transparent'\n            }\n        }\n    },\n    smallHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThick,\n            left: tokens.spacingHorizontalSNudge,\n            right: tokens.spacingHorizontalSNudge\n        }\n    },\n    smallVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalXS,\n            left: 0,\n            top: tokens.spacingVerticalXS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    mediumHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    mediumVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalS,\n            left: 0,\n            top: tokens.spacingVerticalS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    largeHorizontal: {\n        '::before': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    largeVertical: {\n        '::before': {\n            bottom: tokens.spacingVerticalMNudge,\n            left: 0,\n            top: tokens.spacingVerticalMNudge,\n            width: tokens.strokeWidthThicker\n        }\n    }\n});\nconst useActiveIndicatorStyles = makeStyles({\n    base: {\n        '::after': {\n            backgroundColor: tokens.colorTransparentStroke,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"',\n            position: 'absolute'\n        }\n    },\n    selected: {\n        '::after': {\n            backgroundColor: tokens.colorCompoundBrandStroke\n        },\n        ':enabled:hover::after': {\n            backgroundColor: tokens.colorCompoundBrandStrokeHover\n        },\n        ':enabled:active::after': {\n            backgroundColor: tokens.colorCompoundBrandStrokePressed\n        },\n        '@media (forced-colors: active)': {\n            '::after': {\n                backgroundColor: 'ButtonText'\n            },\n            ':enabled:hover::after': {\n                backgroundColor: 'ButtonText'\n            },\n            ':enabled:active::after': {\n                backgroundColor: 'ButtonText'\n            }\n        }\n    },\n    disabled: {\n        '::after': {\n            backgroundColor: tokens.colorNeutralForegroundDisabled\n        }\n    },\n    smallHorizontal: {\n        '::after': {\n            bottom: 0,\n            height: tokens.strokeWidthThick,\n            left: tokens.spacingHorizontalSNudge,\n            right: tokens.spacingHorizontalSNudge\n        }\n    },\n    smallVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalXS,\n            left: '0',\n            top: tokens.spacingVerticalXS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    mediumHorizontal: {\n        '::after': {\n            bottom: '0',\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    mediumVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalS,\n            left: 0,\n            top: tokens.spacingVerticalS,\n            width: tokens.strokeWidthThicker\n        }\n    },\n    largeHorizontal: {\n        '::after': {\n            bottom: 0,\n            height: tokens.strokeWidthThicker,\n            left: tokens.spacingHorizontalM,\n            right: tokens.spacingHorizontalM\n        }\n    },\n    largeVertical: {\n        '::after': {\n            bottom: tokens.spacingVerticalMNudge,\n            left: 0,\n            top: tokens.spacingVerticalMNudge,\n            width: tokens.strokeWidthThicker\n        }\n    }\n});\n/**\n * Styles for the icon slot.\n */ const useIconStyles = makeStyles({\n    base: {\n        gridColumnStart: 1,\n        gridRowStart: 1,\n        alignItems: 'center',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        overflow: 'hidden',\n        [`& .${iconClassNames.filled}`]: {\n            display: 'none'\n        },\n        [`& .${iconClassNames.regular}`]: {\n            display: 'inline'\n        }\n    },\n    // per design, the small and medium font sizes are the same.\n    // the size prop only affects spacing.\n    small: {\n        fontSize: '20px',\n        height: '20px',\n        width: '20px'\n    },\n    medium: {\n        fontSize: '20px',\n        height: '20px',\n        width: '20px'\n    },\n    large: {\n        fontSize: '24px',\n        height: '24px',\n        width: '24px'\n    },\n    selected: {\n        [`& .${iconClassNames.filled}`]: {\n            display: 'inline'\n        },\n        [`& .${iconClassNames.regular}`]: {\n            display: 'none'\n        }\n    }\n});\n/**\n * Styles for the content slot (children)\n */ const useContentStyles = makeStyles({\n    base: {\n        ...typographyStyles.body1,\n        overflow: 'hidden',\n        // content padding is the same for medium & small, horizontal & vertical\n        padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXXS}`\n    },\n    selected: {\n        ...typographyStyles.body1Strong\n    },\n    large: {\n        ...typographyStyles.body2\n    },\n    largeSelected: {\n        ...typographyStyles.subtitle2\n    },\n    noIconBefore: {\n        gridColumnStart: 1,\n        gridRowStart: 1\n    },\n    iconBefore: {\n        gridColumnStart: 2,\n        gridRowStart: 1\n    },\n    placeholder: {\n        visibility: 'hidden'\n    }\n});\n/**\n * Apply styling to the Tab slots based on the state\n */ export const useTabStyles_unstable = (state)=>{\n    'use no memo';\n    useTabIndicatorStyles_unstable(state);\n    useTabButtonStyles_unstable(state, state.root);\n    useTabContentStyles_unstable(state);\n    return state;\n};\n/**\n * Applies styles for the Tab indicator based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The `Tab` component's current state\n * @returns The state object with updated button styles\n */ export const useTabIndicatorStyles_unstable = (state)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const pendingIndicatorStyles = usePendingIndicatorStyles();\n    const activeIndicatorStyles = useActiveIndicatorStyles();\n    const { appearance, disabled, selected, size, vertical } = state;\n    const classes = [\n        tabClassNames.root,\n        rootStyles.root\n    ];\n    if (appearance !== 'subtle-circular' && appearance !== 'filled-circular') {\n        classes.push(// pending indicator (before pseudo element)\n        pendingIndicatorStyles.base, size === 'small' && (vertical ? pendingIndicatorStyles.smallVertical : pendingIndicatorStyles.smallHorizontal), size === 'medium' && (vertical ? pendingIndicatorStyles.mediumVertical : pendingIndicatorStyles.mediumHorizontal), size === 'large' && (vertical ? pendingIndicatorStyles.largeVertical : pendingIndicatorStyles.largeHorizontal), disabled && pendingIndicatorStyles.disabled, // active indicator (after pseudo element)\n        selected && activeIndicatorStyles.base, selected && !disabled && activeIndicatorStyles.selected, selected && size === 'small' && (vertical ? activeIndicatorStyles.smallVertical : activeIndicatorStyles.smallHorizontal), selected && size === 'medium' && (vertical ? activeIndicatorStyles.mediumVertical : activeIndicatorStyles.mediumHorizontal), selected && size === 'large' && (vertical ? activeIndicatorStyles.largeVertical : activeIndicatorStyles.largeHorizontal), selected && disabled && activeIndicatorStyles.disabled);\n    }\n    state.root.className = mergeClasses(...classes, state.root.className);\n    useTabAnimatedIndicatorStyles_unstable(state);\n    return state;\n};\n/**\n * Applies styles to the Tab button slot based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The Tab component's current state\n * @param slot - The button slot of the Tab component\n * @returns The state object with updated button styles\n */ export const useTabButtonStyles_unstable = (state, slot)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const focusStyles = useFocusStyles();\n    const circularStyles = useCircularAppearanceStyles();\n    const { appearance, disabled, selected, size, vertical } = state;\n    const isSubtleCircular = appearance === 'subtle-circular';\n    const isFilledCircular = appearance === 'filled-circular';\n    const isCircular = isSubtleCircular || isFilledCircular;\n    const circularAppearance = [\n        circularStyles.base,\n        focusStyles.circular,\n        // sizes\n        size === 'medium' && circularStyles.medium,\n        // subtle-circular appearance\n        isSubtleCircular && circularStyles.subtle,\n        selected && isSubtleCircular && circularStyles.subtleSelected,\n        disabled && isSubtleCircular && circularStyles.subtleDisabled,\n        selected && disabled && isSubtleCircular && circularStyles.subtleDisabledSelected,\n        // filled-circular appearance\n        isFilledCircular && circularStyles.filled,\n        selected && isFilledCircular && circularStyles.filledSelected,\n        disabled && isFilledCircular && circularStyles.filledDisabled,\n        selected && disabled && isFilledCircular && circularStyles.filledDisabledSelected\n    ];\n    const regularAppearance = [\n        focusStyles.base,\n        !disabled && appearance === 'subtle' && rootStyles.subtle,\n        !disabled && appearance === 'transparent' && rootStyles.transparent,\n        !disabled && selected && rootStyles.selected,\n        disabled && rootStyles.disabled\n    ];\n    slot.className = mergeClasses(rootStyles.button, // orientation\n    vertical ? rootStyles.vertical : rootStyles.horizontal, // size\n    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);\n    return state;\n};\n/**\n * Applies styles to the Tab content slot based on its current state.\n *\n * This hook is typically used internally by `useTabStyles_unstable`. You should\n * only use it directly if you're creating a custom `Tab` component.\n *\n * @param state - The Tab component's current state\n * @returns The state object with updated content styles\n */ export const useTabContentStyles_unstable = (state)=>{\n    'use no memo';\n    const iconStyles = useIconStyles();\n    const contentStyles = useContentStyles();\n    const { selected, size } = state;\n    if (state.icon) {\n        state.icon.className = mergeClasses(tabClassNames.icon, iconStyles.base, iconStyles[size], selected && iconStyles.selected, state.icon.className);\n    }\n    // This needs to be before state.content.className is updated\n    if (state.contentReservedSpace) {\n        state.contentReservedSpace.className = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.className);\n        // FIXME: this is a deprecated API\n        // should be removed in the next major version\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        state.contentReservedSpaceClassName = state.contentReservedSpace.className;\n    }\n    state.content.className = mergeClasses(tabClassNames.content, contentStyles.base, size === 'large' && contentStyles.large, selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected), state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, state.content.className);\n    return state;\n};\n"],"names":["tabClassNames","useTabButtonStyles_unstable","useTabContentStyles_unstable","useTabIndicatorStyles_unstable","useTabStyles_unstable","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","__styles","Bt984gj","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","oeaueh","qhf8xq","button","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bceei9c","Bahqtrf","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","B95qlz1","B7xitij","Bptxc3x","Bwqhzpy","iyk698","cl4aha","B0q3jbp","Be9ayug","subtle","disabledCursor","disabled","selected","d","p","useCircularAppearanceStyles","base","medium","Dbcxam","rjzwhg","Bblux5w","sj55zd","Eo63ln","r9osk6","Itrz8y","zeg6vx","l65xgk","Bw4olcx","Folb0i","I2h8y4","Bgxgoyi","Bvlkotb","Fwyncl","Byh5edv","Becqvjq","uumbiq","B73q3dg","Bblwbaf","B0ezav","r4wkhp","d3wsvi","Hdqn7s","zu5y1p","owqphb","g9c53k","Btmu08z","Bthxvy6","gluvuq","tb88gp","wns6jk","kdfdk4","Bbw008l","Bayi1ib","B1kkfu3","J1oqyp","kem6az","goa3yj","p743kt","uu68id","Bxeuatn","felo30","Bc736ss","Bhz882k","n51gp8","Eshu5l","Bk6ri7n","v49c4f","Bn1d65q","c4eypz","v3aym","hft9gk","Bjwas2f","Bk5ld8o","gwxt9v","B6k8go","subtleSelected","subtleDisabled","subtleDisabledSelected","Bw5j0gk","Baikq8m","B2ndh17","w0x64w","Bdzpij4","filledSelected","bml8oc","qew46a","B84x17g","Jetwu1","filledDisabled","filledDisabledSelected","m","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","circular","usePendingIndicatorStyles","az7l2e","vqofr","Bv4n3vi","Bgqb9hq","B0uxbk8","Bf3jju6","amg5m6","zkfqfm","Bkydozb","Bka2azo","vzq8l0","csmgbd","Br4ovkg","aelrif","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","h","a","useActiveIndicatorStyles","Bjyk6c5","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","E3zdtr","Bej4dhw","B7wqxwa","f7digc","Bvuzv5k","k4sdgo","By385i5","Dlnsje","Eqx8gd","B1piin3","bn5sak","a2br6o","useIconStyles","Br312pm","Ijaq50","D0sxk3","t6yez3","small","Be2twd7","Bqenvij","a9b677","large","useContentStyles","Bhrd7zp","largeSelected","noIconBefore","iconBefore","placeholder","Bcdw1i0","state","rootStyles","pendingIndicatorStyles","activeIndicatorStyles","appearance","size","classes","push","className","mergeClasses","useTabAnimatedIndicatorStyles_unstable","slot","focusStyles","circularStyles","isSubtleCircular","isFilledCircular","isCircular","circularAppearance","regularAppearance","iconStyles","contentStyles","contentReservedSpace","contentReservedSpaceClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tabs",
-  "version": "9.7.6",
+  "version": "9.7.8",
   "description": "Fluent UI React tabs components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,12 +18,12 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.1.76",
-    "@fluentui/react-jsx-runtime": "^9.0.54",
+    "@fluentui/react-context-selector": "^9.1.77",
+    "@fluentui/react-jsx-runtime": "^9.0.55",
     "@fluentui/react-shared-contexts": "^9.23.1",
-    "@fluentui/react-tabster": "^9.24.6",
+    "@fluentui/react-tabster": "^9.24.8",
     "@fluentui/react-theme": "^9.1.24",
-    "@fluentui/react-utilities": "^9.19.0",
+    "@fluentui/react-utilities": "^9.20.0",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },