@fluentui/react-tabs 9.4.21 → 9.4.22

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

@@ -1 +1 @@
-{"version":3,"sources":["useTabAnimatedIndicator.styles.js"],"sourcesContent":["import * as React from 'react';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useTabListContext_unstable } from '../TabList/TabListContext';\nimport { tokens } from '@fluentui/react-theme';\n// eslint-disable-next-line @typescript-eslint/naming-convention\nconst tabIndicatorCssVars_unstable = {\n  offsetVar: '--fui-Tab__indicator--offset',\n  scaleVar: '--fui-Tab__indicator--scale'\n};\nconst useActiveIndicatorStyles = /*#__PURE__*/__styles({\n  base: {\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\"\n  },\n  animated: {\n    Ba2ppi3: \"fhwpy7i\",\n    F2fol1: \"f6zz20j\",\n    B1dyfl9: \"f1ai4sc1\",\n    B0vmy72: \"f9qxlq5\",\n    u9bimw: \"f1aql376\"\n  },\n  horizontal: {\n    sjv3b2: [\"fug4aj8\", \"f1i5xzg7\"],\n    b1kco5: \"f1q7ujh\"\n  },\n  vertical: {\n    sjv3b2: \"f1hqboyk\",\n    b1kco5: \"f1dxupa6\"\n  }\n}, {\n  d: [\".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".fhwpy7i::after{transition-property:transform;}\", \".f6zz20j::after{transition-duration:var(--durationSlow);}\", \".f1ai4sc1::after{transition-timing-function:var(--curveDecelerateMax);}\", \".fug4aj8::after{transform-origin:left;}\", \".f1i5xzg7::after{transform-origin:right;}\", \".f1q7ujh::after{transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));}\", \".f1hqboyk::after{transform-origin:top;}\", \".f1dxupa6::after{transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));}\"],\n  m: [[\"@media (prefers-reduced-motion: reduce){.f9qxlq5::after{transition-property:none;}}\", {\n    m: \"(prefers-reduced-motion: reduce)\"\n  }], [\"@media (prefers-reduced-motion: reduce){.f1aql376::after{transition-duration:0.01ms;}}\", {\n    m: \"(prefers-reduced-motion: reduce)\"\n  }]]\n});\nconst calculateTabRect = element => {\n  if (element) {\n    var _element_parentElement;\n    const parentRect = ((_element_parentElement = element.parentElement) === null || _element_parentElement === void 0 ? void 0 : _element_parentElement.getBoundingClientRect()) || {\n      x: 0,\n      y: 0,\n      width: 0,\n      height: 0\n    };\n    const tabRect = element.getBoundingClientRect();\n    return {\n      x: tabRect.x - parentRect.x,\n      y: tabRect.y - parentRect.y,\n      width: tabRect.width,\n      height: tabRect.height\n    };\n  }\n  return undefined;\n};\nconst getRegisteredTabRect = (registeredTabs, value) => {\n  var _registeredTabs_JSON_stringify;\n  const element = value !== undefined && value !== null ? (_registeredTabs_JSON_stringify = registeredTabs[JSON.stringify(value)]) === null || _registeredTabs_JSON_stringify === void 0 ? void 0 : _registeredTabs_JSON_stringify.ref.current : undefined;\n  return element ? calculateTabRect(element) : undefined;\n};\n/**\n * Adds additional styling to the active tab selection indicator to create a sliding animation.\n */\nexport const useTabAnimatedIndicatorStyles_unstable = state => {\n  const {\n    disabled,\n    selected,\n    vertical\n  } = state;\n  const activeIndicatorStyles = useActiveIndicatorStyles();\n  const [lastAnimatedFrom, setLastAnimatedFrom] = React.useState();\n  const [animationValues, setAnimationValues] = React.useState({\n    offset: 0,\n    scale: 1\n  });\n  const getRegisteredTabs = useTabListContext_unstable(ctx => ctx.getRegisteredTabs);\n  React.useEffect(() => {\n    if (lastAnimatedFrom) {\n      setAnimationValues({\n        offset: 0,\n        scale: 1\n      });\n    }\n  }, [lastAnimatedFrom]);\n  if (selected) {\n    const {\n      previousSelectedValue,\n      selectedValue,\n      registeredTabs\n    } = getRegisteredTabs();\n    if (previousSelectedValue && lastAnimatedFrom !== previousSelectedValue) {\n      const previousSelectedTabRect = getRegisteredTabRect(registeredTabs, previousSelectedValue);\n      const selectedTabRect = getRegisteredTabRect(registeredTabs, selectedValue);\n      if (selectedTabRect && previousSelectedTabRect) {\n        const offset = vertical ? previousSelectedTabRect.y - selectedTabRect.y : previousSelectedTabRect.x - selectedTabRect.x;\n        const scale = vertical ? previousSelectedTabRect.height / selectedTabRect.height : previousSelectedTabRect.width / selectedTabRect.width;\n        setAnimationValues({\n          offset,\n          scale\n        });\n        setLastAnimatedFrom(previousSelectedValue);\n      }\n    }\n  } else if (lastAnimatedFrom) {\n    // need to clear the last animated from so that if this tab is selected again\n    // from the same previous tab as last time, that animation still happens.\n    setLastAnimatedFrom(undefined);\n  }\n  // do not apply any animation if the tab is disabled\n  if (disabled) {\n    return state;\n  }\n  // the animation should only happen as the selection indicator returns to its\n  // original position and not when set at the previous tabs position.\n  const animating = animationValues.offset === 0 && animationValues.scale === 1;\n  state.root.className = mergeClasses(state.root.className, selected && activeIndicatorStyles.base, selected && animating && activeIndicatorStyles.animated, selected && (vertical ? activeIndicatorStyles.vertical : activeIndicatorStyles.horizontal));\n  const rootCssVars = {\n    [tabIndicatorCssVars_unstable.offsetVar]: `${animationValues.offset}px`,\n    [tabIndicatorCssVars_unstable.scaleVar]: `${animationValues.scale}`\n  };\n  state.root.style = {\n    ...rootCssVars,\n    ...state.root.style\n  };\n  return state;\n};\n//# sourceMappingURL=useTabAnimatedIndicator.styles.js.map"],"names":["useTabAnimatedIndicatorStyles_unstable","tabIndicatorCssVars_unstable","offsetVar","scaleVar","useActiveIndicatorStyles","__styles","base","B68tc82","Bmxbyg5","animated","Ba2ppi3","F2fol1","B1dyfl9","B0vmy72","u9bimw","horizontal","sjv3b2","b1kco5","vertical","d","m","calculateTabRect","element","_element_parentElement","parentRect","parentElement","getBoundingClientRect","x","y","width","height","tabRect","undefined","getRegisteredTabRect","registeredTabs","value","_registeredTabs_JSON_stringify","JSON","stringify","ref","current","state","disabled","selected","activeIndicatorStyles","lastAnimatedFrom","setLastAnimatedFrom","React","useState","animationValues","setAnimationValues","offset","scale","getRegisteredTabs","useTabListContext_unstable","ctx","useEffect","previousSelectedValue","selectedValue","previousSelectedTabRect","selectedTabRect","animating","root","className","mergeClasses","rootCssVars","style"],"mappings":"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"}
+{"version":3,"sources":["useTabAnimatedIndicator.styles.js"],"sourcesContent":["import * as React from 'react';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useTabListContext_unstable } from '../TabList/TabListContext';\nimport { tokens } from '@fluentui/react-theme';\n// eslint-disable-next-line @typescript-eslint/naming-convention\nconst tabIndicatorCssVars_unstable = {\n  offsetVar: '--fui-Tab__indicator--offset',\n  scaleVar: '--fui-Tab__indicator--scale'\n};\nconst useActiveIndicatorStyles = /*#__PURE__*/__styles({\n  base: {\n    B68tc82: 0,\n    Bmxbyg5: 0,\n    Bpg54ce: \"f1gl81tg\"\n  },\n  animated: {\n    Ba2ppi3: \"fhwpy7i\",\n    F2fol1: \"f6zz20j\",\n    B1dyfl9: \"f1ai4sc1\",\n    B0vmy72: \"f9qxlq5\",\n    u9bimw: \"f1aql376\"\n  },\n  horizontal: {\n    sjv3b2: [\"fug4aj8\", \"f1i5xzg7\"],\n    b1kco5: \"f1q7ujh\"\n  },\n  vertical: {\n    sjv3b2: \"f1hqboyk\",\n    b1kco5: \"f1dxupa6\"\n  }\n}, {\n  d: [[\".f1gl81tg{overflow:visible;}\", {\n    p: -1\n  }], \".fhwpy7i::after{transition-property:transform;}\", \".f6zz20j::after{transition-duration:var(--durationSlow);}\", \".f1ai4sc1::after{transition-timing-function:var(--curveDecelerateMax);}\", \".fug4aj8::after{transform-origin:left;}\", \".f1i5xzg7::after{transform-origin:right;}\", \".f1q7ujh::after{transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));}\", \".f1hqboyk::after{transform-origin:top;}\", \".f1dxupa6::after{transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));}\"],\n  m: [[\"@media (prefers-reduced-motion: reduce){.f9qxlq5::after{transition-property:none;}}\", {\n    m: \"(prefers-reduced-motion: reduce)\"\n  }], [\"@media (prefers-reduced-motion: reduce){.f1aql376::after{transition-duration:0.01ms;}}\", {\n    m: \"(prefers-reduced-motion: reduce)\"\n  }]]\n});\nconst calculateTabRect = element => {\n  if (element) {\n    var _element_parentElement;\n    const parentRect = ((_element_parentElement = element.parentElement) === null || _element_parentElement === void 0 ? void 0 : _element_parentElement.getBoundingClientRect()) || {\n      x: 0,\n      y: 0,\n      width: 0,\n      height: 0\n    };\n    const tabRect = element.getBoundingClientRect();\n    return {\n      x: tabRect.x - parentRect.x,\n      y: tabRect.y - parentRect.y,\n      width: tabRect.width,\n      height: tabRect.height\n    };\n  }\n  return undefined;\n};\nconst getRegisteredTabRect = (registeredTabs, value) => {\n  var _registeredTabs_JSON_stringify;\n  const element = value !== undefined && value !== null ? (_registeredTabs_JSON_stringify = registeredTabs[JSON.stringify(value)]) === null || _registeredTabs_JSON_stringify === void 0 ? void 0 : _registeredTabs_JSON_stringify.ref.current : undefined;\n  return element ? calculateTabRect(element) : undefined;\n};\n/**\n * Adds additional styling to the active tab selection indicator to create a sliding animation.\n */\nexport const useTabAnimatedIndicatorStyles_unstable = state => {\n  const {\n    disabled,\n    selected,\n    vertical\n  } = state;\n  const activeIndicatorStyles = useActiveIndicatorStyles();\n  const [lastAnimatedFrom, setLastAnimatedFrom] = React.useState();\n  const [animationValues, setAnimationValues] = React.useState({\n    offset: 0,\n    scale: 1\n  });\n  const getRegisteredTabs = useTabListContext_unstable(ctx => ctx.getRegisteredTabs);\n  React.useEffect(() => {\n    if (lastAnimatedFrom) {\n      setAnimationValues({\n        offset: 0,\n        scale: 1\n      });\n    }\n  }, [lastAnimatedFrom]);\n  if (selected) {\n    const {\n      previousSelectedValue,\n      selectedValue,\n      registeredTabs\n    } = getRegisteredTabs();\n    if (previousSelectedValue && lastAnimatedFrom !== previousSelectedValue) {\n      const previousSelectedTabRect = getRegisteredTabRect(registeredTabs, previousSelectedValue);\n      const selectedTabRect = getRegisteredTabRect(registeredTabs, selectedValue);\n      if (selectedTabRect && previousSelectedTabRect) {\n        const offset = vertical ? previousSelectedTabRect.y - selectedTabRect.y : previousSelectedTabRect.x - selectedTabRect.x;\n        const scale = vertical ? previousSelectedTabRect.height / selectedTabRect.height : previousSelectedTabRect.width / selectedTabRect.width;\n        setAnimationValues({\n          offset,\n          scale\n        });\n        setLastAnimatedFrom(previousSelectedValue);\n      }\n    }\n  } else if (lastAnimatedFrom) {\n    // need to clear the last animated from so that if this tab is selected again\n    // from the same previous tab as last time, that animation still happens.\n    setLastAnimatedFrom(undefined);\n  }\n  // do not apply any animation if the tab is disabled\n  if (disabled) {\n    return state;\n  }\n  // the animation should only happen as the selection indicator returns to its\n  // original position and not when set at the previous tabs position.\n  const animating = animationValues.offset === 0 && animationValues.scale === 1;\n  state.root.className = mergeClasses(state.root.className, selected && activeIndicatorStyles.base, selected && animating && activeIndicatorStyles.animated, selected && (vertical ? activeIndicatorStyles.vertical : activeIndicatorStyles.horizontal));\n  const rootCssVars = {\n    [tabIndicatorCssVars_unstable.offsetVar]: `${animationValues.offset}px`,\n    [tabIndicatorCssVars_unstable.scaleVar]: `${animationValues.scale}`\n  };\n  state.root.style = {\n    ...rootCssVars,\n    ...state.root.style\n  };\n  return state;\n};\n//# sourceMappingURL=useTabAnimatedIndicator.styles.js.map"],"names":["useTabAnimatedIndicatorStyles_unstable","tabIndicatorCssVars_unstable","offsetVar","scaleVar","useActiveIndicatorStyles","__styles","base","B68tc82","Bmxbyg5","Bpg54ce","animated","Ba2ppi3","F2fol1","B1dyfl9","B0vmy72","u9bimw","horizontal","sjv3b2","b1kco5","vertical","d","p","m","calculateTabRect","element","_element_parentElement","parentRect","parentElement","getBoundingClientRect","x","y","width","height","tabRect","undefined","getRegisteredTabRect","registeredTabs","value","_registeredTabs_JSON_stringify","JSON","stringify","ref","current","state","disabled","selected","activeIndicatorStyles","lastAnimatedFrom","setLastAnimatedFrom","React","useState","animationValues","setAnimationValues","offset","scale","getRegisteredTabs","useTabListContext_unstable","ctx","useEffect","previousSelectedValue","selectedValue","previousSelectedTabRect","selectedTabRect","animating","root","className","mergeClasses","rootCssVars","style"],"mappings":"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"}

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

@@ -37,42 +37,28 @@ const iconClassNames = {
  */ /* eslint-disable @typescript-eslint/naming-convention */ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bt984gj: "f122n59",
-        g2u3we: "fwhevhj",
-        h3c5rm: [
-            "f61n433",
-            "f1q8l70w"
-        ],
-        B9xav0g: "fv1dfc8",
-        zhjwy3: [
-            "f1q8l70w",
-            "f61n433"
-        ],
-        Bbmb7ep: [
-            "f1aa9q02",
-            "f16jpd5f"
-        ],
-        Beyfa6y: [
-            "f16jpd5f",
-            "f1aa9q02"
-        ],
-        B7oj6ja: [
-            "f1jar5jt",
-            "fyu767a"
-        ],
-        Btl43ni: [
-            "fyu767a",
-            "f1jar5jt"
-        ],
-        B4j52fo: "fre7gi1",
-        Bekrc4i: [
-            "f1358rze",
-            "f1rvrf73"
-        ],
-        Bn0qgzm: "fqdk4by",
-        ibv6hh: [
-            "f1rvrf73",
-            "f1358rze"
-        ],
+        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: "f3bhgqh",
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "ft85np5",
         Bceei9c: "f1k6fduh",
         mc9l5x: "f13qh94s",
         Bnnss6s: "fi64zpg",
@@ -83,8 +69,9 @@ const iconClassNames = {
         Bg96gwp: "f1i3iumi",
         oeaueh: "f1s6fcnf",
         qhf8xq: "f10pi13n",
-        B68tc82: "f1p9o1ba",
-        Bmxbyg5: "f1sil6mw",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
         B9bfxx9: "f1cxpek8"
     },
     horizontal: {
@@ -95,81 +82,51 @@ const iconClassNames = {
     },
     smallHorizontal: {
         i8kkvl: "f14mj54c",
-        z8tnut: "fp2oml8",
-        z189sj: [
-            "fdw0yi8",
-            "fk8j09s"
-        ],
-        Byoj8tv: "f1tdddsa",
-        uwmqm3: [
-            "fk8j09s",
-            "fdw0yi8"
-        ]
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1wmopi4"
     },
     smallVertical: {
         i8kkvl: "f14mj54c",
-        z8tnut: "fclwglc",
-        z189sj: [
-            "fdw0yi8",
-            "fk8j09s"
-        ],
-        Byoj8tv: "fywfov9",
-        uwmqm3: [
-            "fk8j09s",
-            "fdw0yi8"
-        ]
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f12or63q"
     },
     mediumHorizontal: {
         i8kkvl: "f1rjii52",
-        z8tnut: "f5yzyt",
-        z189sj: [
-            "f11gcy0p",
-            "f1ng84yb"
-        ],
-        Byoj8tv: "fx3omr",
-        uwmqm3: [
-            "f1ng84yb",
-            "f11gcy0p"
-        ]
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1w08f2p"
     },
     mediumVertical: {
         i8kkvl: "f1rjii52",
-        z8tnut: "fp2oml8",
-        z189sj: [
-            "f11gcy0p",
-            "f1ng84yb"
-        ],
-        Byoj8tv: "f1tdddsa",
-        uwmqm3: [
-            "f1ng84yb",
-            "f11gcy0p"
-        ]
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "fymxs25"
     },
     largeHorizontal: {
         i8kkvl: "f1rjii52",
-        z8tnut: "fikn0iw",
-        z189sj: [
-            "f11gcy0p",
-            "f1ng84yb"
-        ],
-        Byoj8tv: "fdxej3c",
-        uwmqm3: [
-            "f1ng84yb",
-            "f11gcy0p"
-        ]
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1ssfvub"
     },
     largeVertical: {
         i8kkvl: "f1rjii52",
-        z8tnut: "f1kwiid1",
-        z189sj: [
-            "f11gcy0p",
-            "f1ng84yb"
-        ],
-        Byoj8tv: "f5b47ha",
-        uwmqm3: [
-            "f1ng84yb",
-            "f11gcy0p"
-        ]
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "fwkd1rq"
     },
     transparent: {
         De3pzq: "f1c21dwh",
@@ -210,18 +167,18 @@ const iconClassNames = {
 }, {
     d: [
         ".f122n59{align-items:center;}",
-        ".fwhevhj{border-top-color:none;}",
-        ".f61n433{border-right-color:none;}",
-        ".f1q8l70w{border-left-color:none;}",
-        ".fv1dfc8{border-bottom-color:none;}",
-        ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
-        ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
-        ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
-        ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
-        ".fre7gi1{border-top-width:0;}",
-        ".f1358rze{border-right-width:0;}",
-        ".f1rvrf73{border-left-width:0;}",
-        ".fqdk4by{border-bottom-width:0;}",
+        [
+            ".f3bhgqh{border:none;}",
+            {
+                p: -2
+            }
+        ],
+        [
+            ".ft85np5{border-radius:var(--borderRadiusMedium);}",
+            {
+                p: -1
+            }
+        ],
         ".f1k6fduh{cursor:pointer;}",
         ".f13qh94s{display:grid;}",
         ".fi64zpg{flex-shrink:0;}",
@@ -232,27 +189,53 @@ const iconClassNames = {
         ".f1i3iumi{line-height:var(--lineHeightBase300);}",
         ".f1s6fcnf{outline-style:none;}",
         ".f10pi13n{position:relative;}",
-        ".f1p9o1ba{overflow-x:hidden;}",
-        ".f1sil6mw{overflow-y:hidden;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
         ".f1cxpek8{text-transform:none;}",
         ".f4d9j23{justify-content:center;}",
         ".f1s9ku6b{justify-content:start;}",
         ".f14mj54c{column-gap:var(--spacingHorizontalXXS);}",
-        ".fp2oml8{padding-top:var(--spacingVerticalSNudge);}",
-        ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}",
-        ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}",
-        ".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}",
-        ".fclwglc{padding-top:var(--spacingVerticalXXS);}",
-        ".fywfov9{padding-bottom:var(--spacingVerticalXXS);}",
+        [
+            ".f1wmopi4{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalSNudge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f12or63q{padding:var(--spacingVerticalXXS) var(--spacingHorizontalSNudge);}",
+            {
+                p: -1
+            }
+        ],
         ".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}",
-        ".f5yzyt{padding-top:var(--spacingVerticalM);}",
-        ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}",
-        ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}",
-        ".fx3omr{padding-bottom:var(--spacingVerticalM);}",
-        ".fikn0iw{padding-top:var(--spacingVerticalL);}",
-        ".fdxej3c{padding-bottom:var(--spacingVerticalL);}",
-        ".f1kwiid1{padding-top:var(--spacingVerticalS);}",
-        ".f5b47ha{padding-bottom:var(--spacingVerticalS);}",
+        [
+            ".f1w08f2p{padding:var(--spacingVerticalM) var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".fymxs25{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1ssfvub{padding:var(--spacingVerticalL) var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".fwkd1rq{padding:var(--spacingVerticalS) var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
         ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
         ".fmmjozx .fui-Tab__icon{color:var(--colorNeutralForeground2);}",
         ".fpkze5g .fui-Tab__content{color:var(--colorNeutralForeground2);}",
@@ -319,41 +302,19 @@ const iconClassNames = {
 /** Indicator styles for when pending selection */ const usePendingIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         az7l2e: "fhw179n",
-        Bv4n3vi: [
-            "f10y1uxy",
-            "f6aiuy0"
-        ],
-        vqofr: [
-            "f6aiuy0",
-            "f10y1uxy"
-        ],
-        B0uxbk8: [
-            "f1kfpfnu",
-            "f1dx5wco"
-        ],
-        Bgqb9hq: [
-            "f1dx5wco",
-            "f1kfpfnu"
-        ],
+        vqofr: 0,
+        Bv4n3vi: 0,
+        Bgqb9hq: 0,
+        B0uxbk8: 0,
+        Bf3jju6: "fg9j5n4",
         amg5m6: "f1kmhr4c",
         zkfqfm: "fl1ydde",
         Bkydozb: "f1y7maxz",
-        vzq8l0: [
-            "f105swax",
-            "fscdmel"
-        ],
-        Bka2azo: [
-            "fscdmel",
-            "f105swax"
-        ],
-        Br4ovkg: [
-            "f1tkcw1w",
-            "f1u11x8o"
-        ],
-        csmgbd: [
-            "f1u11x8o",
-            "f1tkcw1w"
-        ],
+        Bka2azo: 0,
+        vzq8l0: 0,
+        csmgbd: 0,
+        Br4ovkg: 0,
+        aelrif: "fceyvr4",
         y36c18: "f16cxu0",
         B1ctymy: "f1nwgacf",
         Bgvrrv0: "f15ovonk",
@@ -429,20 +390,24 @@ const iconClassNames = {
 }, {
     h: [
         ".fhw179n:hover::before{background-color:var(--colorNeutralStroke1Hover);}",
-        ".f10y1uxy:hover::before{border-bottom-right-radius:var(--borderRadiusCircular);}",
-        ".f6aiuy0:hover::before{border-bottom-left-radius:var(--borderRadiusCircular);}",
-        ".f1kfpfnu:hover::before{border-top-right-radius:var(--borderRadiusCircular);}",
-        ".f1dx5wco:hover::before{border-top-left-radius:var(--borderRadiusCircular);}",
+        [
+            ".fg9j5n4:hover::before{border-radius:var(--borderRadiusCircular);}",
+            {
+                p: -1
+            }
+        ],
         ".f1kmhr4c:hover::before{content:\"\";}",
         ".fl1ydde:hover::before{position:absolute;}",
         ".f1ut20fw:hover::before{background-color:var(--colorTransparentStroke);}"
     ],
     a: [
         ".f1y7maxz:active::before{background-color:var(--colorNeutralStroke1Pressed);}",
-        ".f105swax:active::before{border-bottom-right-radius:var(--borderRadiusCircular);}",
-        ".fscdmel:active::before{border-bottom-left-radius:var(--borderRadiusCircular);}",
-        ".f1tkcw1w:active::before{border-top-right-radius:var(--borderRadiusCircular);}",
-        ".f1u11x8o:active::before{border-top-left-radius:var(--borderRadiusCircular);}",
+        [
+            ".fceyvr4:active::before{border-radius:var(--borderRadiusCircular);}",
+            {
+                p: -1
+            }
+        ],
         ".f16cxu0:active::before{content:\"\";}",
         ".f1nwgacf:active::before{position:absolute;}",
         ".fhrzcfn:active::before{background-color:var(--colorTransparentStroke);}"
@@ -483,22 +448,11 @@ const iconClassNames = {
 const useActiveIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bjyk6c5: "f1rp0jgh",
-        B3778ie: [
-            "fprarqb",
-            "f14vs0nd"
-        ],
-        d9w3h3: [
-            "f14vs0nd",
-            "fprarqb"
-        ],
-        Bl18szs: [
-            "f1gtfqs9",
-            "f18zvfd9"
-        ],
-        B4j8arr: [
-            "f18zvfd9",
-            "f1gtfqs9"
-        ],
+        d9w3h3: 0,
+        B3778ie: 0,
+        B4j8arr: 0,
+        Bl18szs: 0,
+        Blrzh8d: "f3b9emi",
         Bsft5z2: "f13zj6fq",
         E3zdtr: "f1mdlcz9"
     },
@@ -579,10 +533,12 @@ const useActiveIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
 }, {
     d: [
         ".f1rp0jgh::after{background-color:var(--colorTransparentStroke);}",
-        ".fprarqb::after{border-bottom-right-radius:var(--borderRadiusCircular);}",
-        ".f14vs0nd::after{border-bottom-left-radius:var(--borderRadiusCircular);}",
-        ".f1gtfqs9::after{border-top-right-radius:var(--borderRadiusCircular);}",
-        ".f18zvfd9::after{border-top-left-radius:var(--borderRadiusCircular);}",
+        [
+            ".f3b9emi::after{border-radius:var(--borderRadiusCircular);}",
+            {
+                p: -1
+            }
+        ],
         ".f13zj6fq::after{content:\"\";}",
         ".f1mdlcz9::after{position:absolute;}",
         ".f1ksivud::after{background-color:var(--colorCompoundBrandStroke);}",
@@ -640,8 +596,9 @@ const useActiveIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bt984gj: "f122n59",
         mc9l5x: "ftuwxu6",
         Brf1p80: "f4d9j23",
-        B68tc82: "f1p9o1ba",
-        Bmxbyg5: "f1sil6mw",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
         D0sxk3: "f16u1re",
         t6yez3: "f8bsbmo"
     },
@@ -671,8 +628,12 @@ const useActiveIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".f122n59{align-items:center;}",
         ".ftuwxu6{display:inline-flex;}",
         ".f4d9j23{justify-content:center;}",
-        ".f1p9o1ba{overflow-x:hidden;}",
-        ".f1sil6mw{overflow-y:hidden;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
         ".f16u1re .fui-Icon-filled{display:none;}",
         ".f8bsbmo .fui-Icon-regular{display:inline;}",
         ".fe5j1ua{font-size:20px;}",
@@ -693,18 +654,14 @@ const useActiveIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
         Be2twd7: "fkhj508",
         Bhrd7zp: "figsok6",
         Bg96gwp: "f1i3iumi",
-        B68tc82: "f1p9o1ba",
-        Bmxbyg5: "f1sil6mw",
-        z8tnut: "fztplxc",
-        z189sj: [
-            "ffczdla",
-            "fgiv446"
-        ],
-        Byoj8tv: "f9g1xly",
-        uwmqm3: [
-            "fgiv446",
-            "ffczdla"
-        ]
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1bwptpd"
     },
     selected: {
         Bahqtrf: "fk6fouc",
@@ -741,12 +698,18 @@ const useActiveIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".fkhj508{font-size:var(--fontSizeBase300);}",
         ".figsok6{font-weight:var(--fontWeightRegular);}",
         ".f1i3iumi{line-height:var(--lineHeightBase300);}",
-        ".f1p9o1ba{overflow-x:hidden;}",
-        ".f1sil6mw{overflow-y:hidden;}",
-        ".fztplxc{padding-top:var(--spacingVerticalNone);}",
-        ".ffczdla{padding-right:var(--spacingHorizontalXXS);}",
-        ".fgiv446{padding-left:var(--spacingHorizontalXXS);}",
-        ".f9g1xly{padding-bottom:var(--spacingVerticalNone);}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1bwptpd{padding:var(--spacingVerticalNone) var(--spacingHorizontalXXS);}",
+            {
+                p: -1
+            }
+        ],
         ".fl43uef{font-weight:var(--fontWeightSemibold);}",
         ".fod5ikn{font-size:var(--fontSizeBase400);}",
         ".faaz57k{line-height:var(--lineHeightBase400);}",