@fluentui/react-tabs 9.3.28 → 9.3.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +40 -1
- package/CHANGELOG.md +15 -2
- package/lib/components/Tab/useTabAnimatedIndicator.styles.js +1 -1
- package/lib/components/Tab/useTabStyles.styles.js +3 -3
- package/lib/components/TabList/useTabListStyles.styles.js +1 -1
- package/lib-commonjs/components/Tab/useTabAnimatedIndicator.styles.js +2 -2
- package/lib-commonjs/components/Tab/useTabAnimatedIndicator.styles.js.map +1 -1
- package/lib-commonjs/components/Tab/useTabStyles.styles.js +18 -18
- package/lib-commonjs/components/Tab/useTabStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TabList/useTabListStyles.styles.js +6 -6
- package/lib-commonjs/components/TabList/useTabListStyles.styles.js.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,46 @@
|
|
|
2
2
|
"name": "@fluentui/react-tabs",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 09 Aug 2023 13:11:47 GMT",
|
|
6
|
+
"tag": "@fluentui/react-tabs_v9.3.29",
|
|
7
|
+
"version": "9.3.29",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "olfedias@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-tabs",
|
|
13
|
+
"commit": "b090c0339983847a62b9dc6187d08dc8c4b1d55f",
|
|
14
|
+
"comment": "chore: Update Griffel to latest version"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui/react-tabs",
|
|
19
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14",
|
|
20
|
+
"commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-tabs",
|
|
25
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.7.2",
|
|
26
|
+
"commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-tabs",
|
|
31
|
+
"comment": "Bump @fluentui/react-tabster to v9.12.1",
|
|
32
|
+
"commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui/react-tabs",
|
|
37
|
+
"comment": "Bump @fluentui/react-theme to v9.1.11",
|
|
38
|
+
"commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"date": "Fri, 04 Aug 2023 08:52:58 GMT",
|
|
6
45
|
"tag": "@fluentui/react-tabs_v9.3.28",
|
|
7
46
|
"version": "9.3.28",
|
|
8
47
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,25 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-tabs
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 09 Aug 2023 13:11:47 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.3.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.29)
|
|
8
|
+
|
|
9
|
+
Wed, 09 Aug 2023 13:11:47 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.3.28..@fluentui/react-tabs_v9.3.29)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: Update Griffel to latest version ([PR #28684](https://github.com/microsoft/fluentui/pull/28684) by olfedias@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
|
|
16
|
+
- Bump @fluentui/react-shared-contexts to v9.7.2 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
|
|
17
|
+
- Bump @fluentui/react-tabster to v9.12.1 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
|
|
18
|
+
- Bump @fluentui/react-theme to v9.1.11 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
|
|
19
|
+
|
|
7
20
|
## [9.3.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.28)
|
|
8
21
|
|
|
9
|
-
Fri, 04 Aug 2023 08:
|
|
22
|
+
Fri, 04 Aug 2023 08:52:58 GMT
|
|
10
23
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.3.27..@fluentui/react-tabs_v9.3.28)
|
|
11
24
|
|
|
12
25
|
### Patches
|
|
@@ -28,7 +28,7 @@ const useActiveIndicatorStyles = /*#__PURE__*/__styles({
|
|
|
28
28
|
b1kco5: "f1dxupa6"
|
|
29
29
|
}
|
|
30
30
|
}, {
|
|
31
|
-
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{
|
|
31
|
+
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));}"],
|
|
32
32
|
m: [["@media (prefers-reduced-motion: reduce){.f9qxlq5::after{transition-property:none;}}", {
|
|
33
33
|
m: "(prefers-reduced-motion: reduce)"
|
|
34
34
|
}], ["@media (prefers-reduced-motion: reduce){.f1aql376::after{transition-duration:0.01ms;}}", {
|
|
@@ -133,7 +133,7 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
133
133
|
a4hkcw: "fhklyu5"
|
|
134
134
|
}
|
|
135
135
|
}, {
|
|
136
|
-
d: [".f122n59{
|
|
136
|
+
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;}", ".f1k6fduh{cursor:pointer;}", ".f13qh94s{display:grid;}", ".fi64zpg{flex-shrink:0;}", ".f1u07yai{grid-auto-flow:column;}", ".frn2hmy{grid-template-columns:auto;}", ".f1olsevy{grid-template-rows:auto;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1s6fcnf{outline-style:none;}", ".f10pi13n{position:relative;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".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);}", ".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);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".fmmjozx .fui-Tab__icon{color:var(--colorNeutralForeground2);}", ".fpkze5g .fui-Tab__content{color:var(--colorNeutralForeground2);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".fato7r6 .fui-Tab__icon{color:var(--colorNeutralForegroundDisabled);}", ".fao1bnu .fui-Tab__content{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}", ".f1cadz5z .fui-Tab__icon{color:var(--colorCompoundBrandForeground1);}", ".ffplhdr .fui-Tab__content{color:var(--colorNeutralForeground1);}"],
|
|
137
137
|
h: [".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".f1mfqf41:hover .fui-Tab__icon{color:var(--colorNeutralForeground2Hover);}", ".f149wc3x:hover .fui-Tab__content{color:var(--colorNeutralForeground2Hover);}", ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}", ".f1ck17l:hover .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Hover);}", ".ffth601:hover .fui-Tab__content{color:var(--colorNeutralForeground1Hover);}"],
|
|
138
138
|
a: [".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}", ".f10aiid4:active .fui-Tab__icon{color:var(--colorNeutralForeground2Pressed);}", ".fjioou7:active .fui-Tab__content{color:var(--colorNeutralForeground2Pressed);}", ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f42ak0g:active .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Pressed);}", ".fhklyu5:active .fui-Tab__content{color:var(--colorNeutralForeground1Pressed);}"]
|
|
139
139
|
});
|
|
@@ -330,7 +330,7 @@ const useIconStyles = /*#__PURE__*/__styles({
|
|
|
330
330
|
t6yez3: "f15q0o9g"
|
|
331
331
|
}
|
|
332
332
|
}, {
|
|
333
|
-
d: [".fwpfdsa{
|
|
333
|
+
d: [".fwpfdsa{grid-column-start:1;}", ".f16hsg94{grid-row-start:1;}", ".f122n59{align-items:center;}", ".ftuwxu6{display:inline-flex;}", ".f4d9j23{justify-content:center;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f16u1re .fui-Icon-filled{display:none;}", ".f8bsbmo .fui-Icon-regular{display:inline;}", ".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}", ".fxoiby5 .fui-Icon-filled{display:inline;}", ".f15q0o9g .fui-Icon-regular{display:none;}"]
|
|
334
334
|
});
|
|
335
335
|
/**
|
|
336
336
|
* Styles for the content slot (children)
|
|
@@ -378,7 +378,7 @@ const useContentStyles = /*#__PURE__*/__styles({
|
|
|
378
378
|
Bcdw1i0: "fd7fpy0"
|
|
379
379
|
}
|
|
380
380
|
}, {
|
|
381
|
-
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".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);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fwpfdsa{
|
|
381
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".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);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fwpfdsa{grid-column-start:1;}", ".f16hsg94{grid-row-start:1;}", ".fd46tj4{grid-column-start:2;}", ".fd7fpy0{visibility:hidden;}"]
|
|
382
382
|
});
|
|
383
383
|
/**
|
|
384
384
|
* Apply styling to the Tab slots based on the state
|
|
@@ -22,7 +22,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
22
22
|
Beiy3e4: "f1vx9l62"
|
|
23
23
|
}
|
|
24
24
|
}, {
|
|
25
|
-
d: [".f22iagw{display
|
|
25
|
+
d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".fi64zpg{flex-shrink:0;}", ".flvyvdh{flex-wrap:nowrap;}", ".f10pi13n{position:relative;}", ".f1q9h2pe{align-items:stretch;}", ".f1vx9l62{flex-direction:column;}"]
|
|
26
26
|
});
|
|
27
27
|
/**
|
|
28
28
|
* Apply styling to the TabList slots based on the state
|
|
@@ -47,9 +47,9 @@ const useActiveIndicatorStyles = /*#__PURE__*/ (0, _react1["__styles"])({
|
|
|
47
47
|
".f1ai4sc1::after{transition-timing-function:var(--curveDecelerateMax);}",
|
|
48
48
|
".fug4aj8::after{transform-origin:left;}",
|
|
49
49
|
".f1i5xzg7::after{transform-origin:right;}",
|
|
50
|
-
".f1q7ujh::after{
|
|
50
|
+
".f1q7ujh::after{transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));}",
|
|
51
51
|
".f1hqboyk::after{transform-origin:top;}",
|
|
52
|
-
".f1dxupa6::after{
|
|
52
|
+
".f1dxupa6::after{transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));}"
|
|
53
53
|
],
|
|
54
54
|
m: [
|
|
55
55
|
[
|
|
@@ -1 +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{-webkit-transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));-moz-transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));-ms-transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));}\", \".f1hqboyk::after{transform-origin:top;}\", \".f1dxupa6::after{-webkit-transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));-moz-transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));-ms-transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));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 const previousSelectedTabRect = getRegisteredTabRect(registeredTabs, previousSelectedValue);\n const selectedTabRect = getRegisteredTabRect(registeredTabs, selectedValue);\n if (selectedTabRect && previousSelectedTabRect && previousSelectedValue && lastAnimatedFrom !== previousSelectedValue) {\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 } 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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"}
|
|
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 const previousSelectedTabRect = getRegisteredTabRect(registeredTabs, previousSelectedValue);\n const selectedTabRect = getRegisteredTabRect(registeredTabs, selectedValue);\n if (selectedTabRect && previousSelectedTabRect && previousSelectedValue && lastAnimatedFrom !== previousSelectedValue) {\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 } 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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"}
|
|
@@ -205,7 +205,7 @@ const iconClassNames = {
|
|
|
205
205
|
}
|
|
206
206
|
}, {
|
|
207
207
|
d: [
|
|
208
|
-
".f122n59{
|
|
208
|
+
".f122n59{align-items:center;}",
|
|
209
209
|
".fwhevhj{border-top-color:none;}",
|
|
210
210
|
".f61n433{border-right-color:none;}",
|
|
211
211
|
".f1q8l70w{border-left-color:none;}",
|
|
@@ -219,11 +219,11 @@ const iconClassNames = {
|
|
|
219
219
|
".f1rvrf73{border-left-width:0;}",
|
|
220
220
|
".fqdk4by{border-bottom-width:0;}",
|
|
221
221
|
".f1k6fduh{cursor:pointer;}",
|
|
222
|
-
".f13qh94s{display
|
|
223
|
-
".fi64zpg{
|
|
224
|
-
".f1u07yai{
|
|
225
|
-
".frn2hmy{
|
|
226
|
-
".f1olsevy{
|
|
222
|
+
".f13qh94s{display:grid;}",
|
|
223
|
+
".fi64zpg{flex-shrink:0;}",
|
|
224
|
+
".f1u07yai{grid-auto-flow:column;}",
|
|
225
|
+
".frn2hmy{grid-template-columns:auto;}",
|
|
226
|
+
".f1olsevy{grid-template-rows:auto;}",
|
|
227
227
|
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
|
228
228
|
".f1i3iumi{line-height:var(--lineHeightBase300);}",
|
|
229
229
|
".f1s6fcnf{outline-style:none;}",
|
|
@@ -231,16 +231,16 @@ const iconClassNames = {
|
|
|
231
231
|
".f1p9o1ba{overflow-x:hidden;}",
|
|
232
232
|
".f1sil6mw{overflow-y:hidden;}",
|
|
233
233
|
".f1cxpek8{text-transform:none;}",
|
|
234
|
-
".f4d9j23{
|
|
235
|
-
".f1s9ku6b{
|
|
236
|
-
".f14mj54c{
|
|
234
|
+
".f4d9j23{justify-content:center;}",
|
|
235
|
+
".f1s9ku6b{justify-content:start;}",
|
|
236
|
+
".f14mj54c{column-gap:var(--spacingHorizontalXXS);}",
|
|
237
237
|
".fp2oml8{padding-top:var(--spacingVerticalSNudge);}",
|
|
238
238
|
".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}",
|
|
239
239
|
".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}",
|
|
240
240
|
".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}",
|
|
241
241
|
".fclwglc{padding-top:var(--spacingVerticalXXS);}",
|
|
242
242
|
".fywfov9{padding-bottom:var(--spacingVerticalXXS);}",
|
|
243
|
-
".f1rjii52{
|
|
243
|
+
".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}",
|
|
244
244
|
".f5yzyt{padding-top:var(--spacingVerticalM);}",
|
|
245
245
|
".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}",
|
|
246
246
|
".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}",
|
|
@@ -664,11 +664,11 @@ const useActiveIndicatorStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
664
664
|
}
|
|
665
665
|
}, {
|
|
666
666
|
d: [
|
|
667
|
-
".fwpfdsa{
|
|
668
|
-
".f16hsg94{
|
|
669
|
-
".f122n59{
|
|
670
|
-
".ftuwxu6{display
|
|
671
|
-
".f4d9j23{
|
|
667
|
+
".fwpfdsa{grid-column-start:1;}",
|
|
668
|
+
".f16hsg94{grid-row-start:1;}",
|
|
669
|
+
".f122n59{align-items:center;}",
|
|
670
|
+
".ftuwxu6{display:inline-flex;}",
|
|
671
|
+
".f4d9j23{justify-content:center;}",
|
|
672
672
|
".f1p9o1ba{overflow-x:hidden;}",
|
|
673
673
|
".f1sil6mw{overflow-y:hidden;}",
|
|
674
674
|
".f16u1re .fui-Icon-filled{display:none;}",
|
|
@@ -748,9 +748,9 @@ const useActiveIndicatorStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
748
748
|
".fl43uef{font-weight:var(--fontWeightSemibold);}",
|
|
749
749
|
".fod5ikn{font-size:var(--fontSizeBase400);}",
|
|
750
750
|
".faaz57k{line-height:var(--lineHeightBase400);}",
|
|
751
|
-
".fwpfdsa{
|
|
752
|
-
".f16hsg94{
|
|
753
|
-
".fd46tj4{
|
|
751
|
+
".fwpfdsa{grid-column-start:1;}",
|
|
752
|
+
".f16hsg94{grid-row-start:1;}",
|
|
753
|
+
".fd46tj4{grid-column-start:2;}",
|
|
754
754
|
".fd7fpy0{visibility:hidden;}"
|
|
755
755
|
]
|
|
756
756
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTabStyles.styles.js"],"sourcesContent":["import { __styles, 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 */ /* eslint-disable @typescript-eslint/naming-convention */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n g2u3we: \"fwhevhj\",\n h3c5rm: [\"f61n433\", \"f1q8l70w\"],\n B9xav0g: \"fv1dfc8\",\n zhjwy3: [\"f1q8l70w\", \"f61n433\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n B4j52fo: \"fre7gi1\",\n Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n Bn0qgzm: \"fqdk4by\",\n ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n Bceei9c: \"f1k6fduh\",\n mc9l5x: \"f13qh94s\",\n Bnnss6s: \"fi64zpg\",\n Bxotwcr: \"f1u07yai\",\n Budl1dq: \"frn2hmy\",\n wkccdc: \"f1olsevy\",\n Bahqtrf: \"fk6fouc\",\n Bg96gwp: \"f1i3iumi\",\n oeaueh: \"f1s6fcnf\",\n qhf8xq: \"f10pi13n\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n B9bfxx9: \"f1cxpek8\"\n },\n horizontal: {\n Brf1p80: \"f4d9j23\"\n },\n vertical: {\n Brf1p80: \"f1s9ku6b\"\n },\n smallHorizontal: {\n i8kkvl: \"f14mj54c\",\n z8tnut: \"fp2oml8\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"f1tdddsa\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n },\n smallVertical: {\n i8kkvl: \"f14mj54c\",\n z8tnut: \"fclwglc\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"fywfov9\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n },\n mediumHorizontal: {\n i8kkvl: \"f1rjii52\",\n z8tnut: \"f5yzyt\",\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n Byoj8tv: \"fx3omr\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n },\n mediumVertical: {\n i8kkvl: \"f1rjii52\",\n z8tnut: \"fp2oml8\",\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n Byoj8tv: \"f1tdddsa\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n },\n largeHorizontal: {\n i8kkvl: \"f1rjii52\",\n z8tnut: \"fikn0iw\",\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n Byoj8tv: \"fdxej3c\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n },\n largeVertical: {\n i8kkvl: \"f1rjii52\",\n z8tnut: \"f1kwiid1\",\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n Byoj8tv: \"f5b47ha\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n },\n transparent: {\n De3pzq: \"f1c21dwh\",\n Jwef8y: \"fjxutwb\",\n ecr2s2: \"fophhak\",\n Bptxc3x: \"fmmjozx\",\n B076xvk: \"f1mfqf41\",\n q9r9w5: \"f10aiid4\",\n cl4aha: \"fpkze5g\",\n Bk452zc: \"f149wc3x\",\n a4hkcw: \"fjioou7\"\n },\n subtle: {\n De3pzq: \"fhovq9v\",\n Jwef8y: \"f1t94bn6\",\n ecr2s2: \"f1wfn5kd\",\n Bptxc3x: \"fmmjozx\",\n B076xvk: \"f1mfqf41\",\n q9r9w5: \"f10aiid4\",\n cl4aha: \"fpkze5g\",\n Bk452zc: \"f149wc3x\",\n a4hkcw: \"fjioou7\"\n },\n disabled: {\n De3pzq: \"f1c21dwh\",\n Bptxc3x: \"fato7r6\",\n cl4aha: \"fao1bnu\",\n Bceei9c: \"fdrzuqr\"\n },\n selected: {\n Bptxc3x: \"f1cadz5z\",\n B076xvk: \"f1ck17l\",\n q9r9w5: \"f42ak0g\",\n cl4aha: \"ffplhdr\",\n Bk452zc: \"ffth601\",\n a4hkcw: \"fhklyu5\"\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;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;}\", \".f1k6fduh{cursor:pointer;}\", \".f13qh94s{display:-ms-grid;display:grid;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1u07yai{-ms-grid-auto-flow:column;grid-auto-flow:column;}\", \".frn2hmy{-ms-grid-columns:auto;grid-template-columns:auto;}\", \".f1olsevy{-ms-grid-rows:auto;grid-template-rows:auto;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1s6fcnf{outline-style:none;}\", \".f10pi13n{position:relative;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1cxpek8{text-transform:none;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f1s9ku6b{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;}\", \".f14mj54c{-webkit-column-gap:var(--spacingHorizontalXXS);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);}\", \".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);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);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fmmjozx .fui-Tab__icon{color:var(--colorNeutralForeground2);}\", \".fpkze5g .fui-Tab__content{color:var(--colorNeutralForeground2);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fato7r6 .fui-Tab__icon{color:var(--colorNeutralForegroundDisabled);}\", \".fao1bnu .fui-Tab__content{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1cadz5z .fui-Tab__icon{color:var(--colorCompoundBrandForeground1);}\", \".ffplhdr .fui-Tab__content{color:var(--colorNeutralForeground1);}\"],\n h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f1mfqf41:hover .fui-Tab__icon{color:var(--colorNeutralForeground2Hover);}\", \".f149wc3x:hover .fui-Tab__content{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1ck17l:hover .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Hover);}\", \".ffth601:hover .fui-Tab__content{color:var(--colorNeutralForeground1Hover);}\"],\n a: [\".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f10aiid4:active .fui-Tab__icon{color:var(--colorNeutralForeground2Pressed);}\", \".fjioou7:active .fui-Tab__content{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f42ak0g:active .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Pressed);}\", \".fhklyu5:active .fui-Tab__content{color:var(--colorNeutralForeground1Pressed);}\"]\n});\n/* eslint-enable @typescript-eslint/naming-convention */ /**\n * Focus styles for the root slot\n */\nconst useFocusStyles = /*#__PURE__*/__styles({\n base: {\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bn4voq9: \"f1p7hgxw\",\n Bfpq7zp: \"f1way5bb\",\n g9k6zt: \"f9znhxp\",\n j6ew2k: [\"fqa318h\", \"fqa318h\"],\n Bhxq17a: \"f1vjpng2\"\n }\n}, {\n d: [\".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f1p7hgxw[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);}\", \".f1way5bb[data-fui-focus-visible]{outline-color:transparent;}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqa318h[data-fui-focus-visible]{box-shadow:var(--shadow4),0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2);}\", \".f1vjpng2[data-fui-focus-visible]{z-index:1;}\"]\n});\n/** Indicator styles for when pending selection */\nconst usePendingIndicatorStyles = /*#__PURE__*/__styles({\n base: {\n az7l2e: \"fhw179n\",\n Bv4n3vi: [\"f10y1uxy\", \"f6aiuy0\"],\n vqofr: [\"f6aiuy0\", \"f10y1uxy\"],\n B0uxbk8: [\"f1kfpfnu\", \"f1dx5wco\"],\n Bgqb9hq: [\"f1dx5wco\", \"f1kfpfnu\"],\n amg5m6: \"f1kmhr4c\",\n zkfqfm: \"fl1ydde\",\n Bkydozb: \"f1y7maxz\",\n vzq8l0: [\"f105swax\", \"fscdmel\"],\n Bka2azo: [\"fscdmel\", \"f105swax\"],\n Br4ovkg: [\"f1tkcw1w\", \"f1u11x8o\"],\n csmgbd: [\"f1u11x8o\", \"f1tkcw1w\"],\n y36c18: \"f16cxu0\",\n B1ctymy: \"f1nwgacf\",\n Bgvrrv0: \"f15ovonk\",\n ddr6p5: \"fvje46l\"\n },\n disabled: {\n az7l2e: \"f1ut20fw\",\n Bkydozb: \"fhrzcfn\"\n },\n smallHorizontal: {\n lawp4y: \"fchca7p\",\n Baz25je: \"f1r53b5e\",\n Fbdkly: [\"f1s6rxz5\", \"fo35v8s\"],\n mdwyqc: [\"fo35v8s\", \"f1s6rxz5\"]\n },\n smallVertical: {\n lawp4y: \"fze4zud\",\n Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n Bciustq: \"fdp32p8\",\n Ccq8qp: \"f1aij3q\"\n },\n mediumHorizontal: {\n lawp4y: \"fchca7p\",\n Baz25je: \"f1s2r9ax\",\n Fbdkly: [\"f1o0nnkk\", \"fxb7rol\"],\n mdwyqc: [\"fxb7rol\", \"f1o0nnkk\"]\n },\n mediumVertical: {\n lawp4y: \"f17jracn\",\n Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n Bciustq: \"f117lcb2\",\n Ccq8qp: \"f1aij3q\"\n },\n largeHorizontal: {\n lawp4y: \"fchca7p\",\n Baz25je: \"f1s2r9ax\",\n Fbdkly: [\"f1o0nnkk\", \"fxb7rol\"],\n mdwyqc: [\"fxb7rol\", \"f1o0nnkk\"]\n },\n largeVertical: {\n lawp4y: \"fel9d3z\",\n Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n Bciustq: \"f6vqlre\",\n Ccq8qp: \"f1aij3q\"\n }\n}, {\n 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);}\", \".f1kmhr4c:hover::before{content:\\\"\\\";}\", \".fl1ydde:hover::before{position:absolute;}\", \".f1ut20fw:hover::before{background-color:var(--colorTransparentStroke);}\"],\n 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);}\", \".f16cxu0:active::before{content:\\\"\\\";}\", \".f1nwgacf:active::before{position:absolute;}\", \".fhrzcfn:active::before{background-color:var(--colorTransparentStroke);}\"],\n m: [[\"@media (forced-colors: active){.f15ovonk:hover::before{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fvje46l:active::before{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n d: [\".fchca7p::before{bottom:0;}\", \".f1r53b5e::before{height:var(--strokeWidthThick);}\", \".f1s6rxz5::before{left:var(--spacingHorizontalSNudge);}\", \".fo35v8s::before{right:var(--spacingHorizontalSNudge);}\", \".fze4zud::before{bottom:var(--spacingVerticalXS);}\", \".f1fzr1x6::before{left:0;}\", \".f1f351id::before{right:0;}\", \".fdp32p8::before{top:var(--spacingVerticalXS);}\", \".f1aij3q::before{width:var(--strokeWidthThicker);}\", \".f1s2r9ax::before{height:var(--strokeWidthThicker);}\", \".f1o0nnkk::before{left:var(--spacingHorizontalM);}\", \".fxb7rol::before{right:var(--spacingHorizontalM);}\", \".f17jracn::before{bottom:var(--spacingVerticalS);}\", \".f117lcb2::before{top:var(--spacingVerticalS);}\", \".fel9d3z::before{bottom:var(--spacingVerticalMNudge);}\", \".f6vqlre::before{top:var(--spacingVerticalMNudge);}\"]\n});\nconst useActiveIndicatorStyles = /*#__PURE__*/__styles({\n base: {\n Bjyk6c5: \"f1rp0jgh\",\n B3778ie: [\"fprarqb\", \"f14vs0nd\"],\n d9w3h3: [\"f14vs0nd\", \"fprarqb\"],\n Bl18szs: [\"f1gtfqs9\", \"f18zvfd9\"],\n B4j8arr: [\"f18zvfd9\", \"f1gtfqs9\"],\n Bsft5z2: \"f13zj6fq\",\n E3zdtr: \"f1mdlcz9\",\n t2ki1e: \"ffmd2fr\"\n },\n selected: {\n Bjyk6c5: \"f1ksivud\",\n Glksuk: \"f1eytvvh\",\n Blzl0y7: \"fuaa9s\",\n f7digc: \"fy7ktjt\",\n Biqphg1: \"f16tp0gf\",\n Bntoloa: \"fj0yp7j\"\n },\n disabled: {\n Bjyk6c5: \"f13lkzet\"\n },\n smallHorizontal: {\n By385i5: \"fo72kxq\",\n Dlnsje: \"f9bb2ob\",\n Eqx8gd: [\"f1q70ajw\", \"f18rbzdx\"],\n B1piin3: [\"f18rbzdx\", \"f1q70ajw\"]\n },\n smallVertical: {\n By385i5: \"fqbue9b\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n bn5sak: \"fk1klkt\",\n a2br6o: \"f1o25lip\"\n },\n mediumHorizontal: {\n By385i5: \"fo72kxq\",\n Dlnsje: \"f1vx7lu8\",\n Eqx8gd: [\"fna7m5n\", \"f1oxpfwv\"],\n B1piin3: [\"f1oxpfwv\", \"fna7m5n\"]\n },\n mediumVertical: {\n By385i5: \"fipylg0\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n bn5sak: \"fqchiol\",\n a2br6o: \"f1o25lip\"\n },\n largeHorizontal: {\n By385i5: \"fo72kxq\",\n Dlnsje: \"f1vx7lu8\",\n Eqx8gd: [\"fna7m5n\", \"f1oxpfwv\"],\n B1piin3: [\"f1oxpfwv\", \"fna7m5n\"]\n },\n largeVertical: {\n By385i5: \"f1w7dm5g\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n bn5sak: \"f1p6em4m\",\n a2br6o: \"f1o25lip\"\n }\n}, {\n 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);}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".ffmd2fr::after{z-index:1;}\", \".f1ksivud::after{background-color:var(--colorCompoundBrandStroke);}\", \".f13lkzet::after{background-color:var(--colorNeutralForegroundDisabled);}\", \".fo72kxq::after{bottom:0;}\", \".f9bb2ob::after{height:var(--strokeWidthThick);}\", \".f1q70ajw::after{left:var(--spacingHorizontalSNudge);}\", \".f18rbzdx::after{right:var(--spacingHorizontalSNudge);}\", \".fqbue9b::after{bottom:var(--spacingVerticalXS);}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".fk1klkt::after{top:var(--spacingVerticalXS);}\", \".f1o25lip::after{width:var(--strokeWidthThicker);}\", \".f1vx7lu8::after{height:var(--strokeWidthThicker);}\", \".fna7m5n::after{left:var(--spacingHorizontalM);}\", \".f1oxpfwv::after{right:var(--spacingHorizontalM);}\", \".fipylg0::after{bottom:var(--spacingVerticalS);}\", \".fqchiol::after{top:var(--spacingVerticalS);}\", \".f1w7dm5g::after{bottom:var(--spacingVerticalMNudge);}\", \".f1p6em4m::after{top:var(--spacingVerticalMNudge);}\"],\n h: [\".f1eytvvh:hover::after{background-color:var(--colorCompoundBrandStrokeHover);}\"],\n a: [\".fuaa9s:active::after{background-color:var(--colorCompoundBrandStrokePressed);}\"],\n m: [[\"@media (forced-colors: active){.fy7ktjt::after{background-color:ButtonText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16tp0gf:hover::after{background-color:ButtonText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fj0yp7j:active::after{background-color:ButtonText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Styles for the icon slot.\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n base: {\n Br312pm: \"fwpfdsa\",\n Ijaq50: \"f16hsg94\",\n Bt984gj: \"f122n59\",\n mc9l5x: \"ftuwxu6\",\n Brf1p80: \"f4d9j23\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n D0sxk3: \"f16u1re\",\n t6yez3: \"f8bsbmo\"\n },\n small: {\n Be2twd7: \"fe5j1ua\",\n Bqenvij: \"fjamq6b\",\n a9b677: \"f64fuq3\"\n },\n medium: {\n Be2twd7: \"fe5j1ua\",\n Bqenvij: \"fjamq6b\",\n a9b677: \"f64fuq3\"\n },\n large: {\n Be2twd7: \"f1rt2boy\",\n Bqenvij: \"frvgh55\",\n a9b677: \"fq4mcun\"\n },\n selected: {\n D0sxk3: \"fxoiby5\",\n t6yez3: \"f15q0o9g\"\n }\n}, {\n d: [\".fwpfdsa{-ms-grid-column:1;grid-column-start:1;}\", \".f16hsg94{-ms-grid-row:1;grid-row-start:1;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f16u1re .fui-Icon-filled{display:none;}\", \".f8bsbmo .fui-Icon-regular{display:inline;}\", \".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".f64fuq3{width:20px;}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".fq4mcun{width:24px;}\", \".fxoiby5 .fui-Icon-filled{display:inline;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\"]\n});\n/**\n * Styles for the content slot (children)\n */\nconst useContentStyles = /*#__PURE__*/__styles({\n base: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n z8tnut: \"fztplxc\",\n z189sj: [\"ffczdla\", \"fgiv446\"],\n Byoj8tv: \"f9g1xly\",\n uwmqm3: [\"fgiv446\", \"ffczdla\"]\n },\n selected: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f1i3iumi\"\n },\n large: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"faaz57k\"\n },\n largeSelected: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n },\n noIconBefore: {\n Br312pm: \"fwpfdsa\",\n Ijaq50: \"f16hsg94\"\n },\n iconBefore: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"f16hsg94\"\n },\n placeholder: {\n Bcdw1i0: \"fd7fpy0\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".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);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fwpfdsa{-ms-grid-column:1;grid-column-start:1;}\", \".f16hsg94{-ms-grid-row:1;grid-row-start:1;}\", \".fd46tj4{-ms-grid-column:2;grid-column-start:2;}\", \".fd7fpy0{visibility:hidden;}\"]\n});\n/**\n * Apply styling to the Tab slots based on the state\n */\nexport const useTabStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const focusStyles = useFocusStyles();\n const pendingIndicatorStyles = usePendingIndicatorStyles();\n const activeIndicatorStyles = useActiveIndicatorStyles();\n const iconStyles = useIconStyles();\n const contentStyles = useContentStyles();\n const {\n appearance,\n disabled,\n selected,\n size,\n vertical\n } = state;\n state.root.className = mergeClasses(tabClassNames.root, rootStyles.base, vertical ? rootStyles.vertical : rootStyles.horizontal, size === 'small' && (vertical ? rootStyles.smallVertical : rootStyles.smallHorizontal), size === 'medium' && (vertical ? rootStyles.mediumVertical : rootStyles.mediumHorizontal), size === 'large' && (vertical ? rootStyles.largeVertical : rootStyles.largeHorizontal), focusStyles.base, !disabled && appearance === 'subtle' && rootStyles.subtle, !disabled && appearance === 'transparent' && rootStyles.transparent, !disabled && selected && rootStyles.selected, disabled && rootStyles.disabled,\n // 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,\n // 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, state.root.className);\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.contentReservedSpaceClassName !== undefined) {\n state.contentReservedSpaceClassName = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.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 useTabAnimatedIndicatorStyles_unstable(state);\n return state;\n};\n//# sourceMappingURL=useTabStyles.styles.js.map"],"names":["tabClassNames","useTabStyles_unstable","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","__styles","base","Bt984gj","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","Bceei9c","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","Bahqtrf","Bg96gwp","oeaueh","qhf8xq","B68tc82","Bmxbyg5","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","z8tnut","z189sj","Byoj8tv","uwmqm3","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","Jwef8y","ecr2s2","Bptxc3x","B076xvk","q9r9w5","cl4aha","Bk452zc","a4hkcw","subtle","disabled","selected","d","h","a","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","usePendingIndicatorStyles","az7l2e","Bv4n3vi","vqofr","B0uxbk8","Bgqb9hq","amg5m6","zkfqfm","Bkydozb","vzq8l0","Bka2azo","Br4ovkg","csmgbd","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","m","useActiveIndicatorStyles","Bjyk6c5","B3778ie","d9w3h3","Bl18szs","B4j8arr","Bsft5z2","E3zdtr","t2ki1e","Glksuk","Blzl0y7","f7digc","Biqphg1","Bntoloa","By385i5","Dlnsje","Eqx8gd","B1piin3","bn5sak","a2br6o","useIconStyles","Br312pm","Ijaq50","D0sxk3","t6yez3","small","Be2twd7","Bqenvij","a9b677","medium","large","useContentStyles","Bhrd7zp","largeSelected","noIconBefore","iconBefore","placeholder","Bcdw1i0","state","rootStyles","focusStyles","pendingIndicatorStyles","activeIndicatorStyles","iconStyles","contentStyles","appearance","size","className","mergeClasses","contentReservedSpaceClassName","undefined","useTabAnimatedIndicatorStyles_unstable"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useTabStyles.styles.js"],"sourcesContent":["import { __styles, 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 */ /* eslint-disable @typescript-eslint/naming-convention */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n g2u3we: \"fwhevhj\",\n h3c5rm: [\"f61n433\", \"f1q8l70w\"],\n B9xav0g: \"fv1dfc8\",\n zhjwy3: [\"f1q8l70w\", \"f61n433\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n B4j52fo: \"fre7gi1\",\n Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n Bn0qgzm: \"fqdk4by\",\n ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n Bceei9c: \"f1k6fduh\",\n mc9l5x: \"f13qh94s\",\n Bnnss6s: \"fi64zpg\",\n Bxotwcr: \"f1u07yai\",\n Budl1dq: \"frn2hmy\",\n wkccdc: \"f1olsevy\",\n Bahqtrf: \"fk6fouc\",\n Bg96gwp: \"f1i3iumi\",\n oeaueh: \"f1s6fcnf\",\n qhf8xq: \"f10pi13n\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n B9bfxx9: \"f1cxpek8\"\n },\n horizontal: {\n Brf1p80: \"f4d9j23\"\n },\n vertical: {\n Brf1p80: \"f1s9ku6b\"\n },\n smallHorizontal: {\n i8kkvl: \"f14mj54c\",\n z8tnut: \"fp2oml8\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"f1tdddsa\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n },\n smallVertical: {\n i8kkvl: \"f14mj54c\",\n z8tnut: \"fclwglc\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"fywfov9\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n },\n mediumHorizontal: {\n i8kkvl: \"f1rjii52\",\n z8tnut: \"f5yzyt\",\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n Byoj8tv: \"fx3omr\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n },\n mediumVertical: {\n i8kkvl: \"f1rjii52\",\n z8tnut: \"fp2oml8\",\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n Byoj8tv: \"f1tdddsa\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n },\n largeHorizontal: {\n i8kkvl: \"f1rjii52\",\n z8tnut: \"fikn0iw\",\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n Byoj8tv: \"fdxej3c\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n },\n largeVertical: {\n i8kkvl: \"f1rjii52\",\n z8tnut: \"f1kwiid1\",\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n Byoj8tv: \"f5b47ha\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n },\n transparent: {\n De3pzq: \"f1c21dwh\",\n Jwef8y: \"fjxutwb\",\n ecr2s2: \"fophhak\",\n Bptxc3x: \"fmmjozx\",\n B076xvk: \"f1mfqf41\",\n q9r9w5: \"f10aiid4\",\n cl4aha: \"fpkze5g\",\n Bk452zc: \"f149wc3x\",\n a4hkcw: \"fjioou7\"\n },\n subtle: {\n De3pzq: \"fhovq9v\",\n Jwef8y: \"f1t94bn6\",\n ecr2s2: \"f1wfn5kd\",\n Bptxc3x: \"fmmjozx\",\n B076xvk: \"f1mfqf41\",\n q9r9w5: \"f10aiid4\",\n cl4aha: \"fpkze5g\",\n Bk452zc: \"f149wc3x\",\n a4hkcw: \"fjioou7\"\n },\n disabled: {\n De3pzq: \"f1c21dwh\",\n Bptxc3x: \"fato7r6\",\n cl4aha: \"fao1bnu\",\n Bceei9c: \"fdrzuqr\"\n },\n selected: {\n Bptxc3x: \"f1cadz5z\",\n B076xvk: \"f1ck17l\",\n q9r9w5: \"f42ak0g\",\n cl4aha: \"ffplhdr\",\n Bk452zc: \"ffth601\",\n a4hkcw: \"fhklyu5\"\n }\n}, {\n 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;}\", \".f1k6fduh{cursor:pointer;}\", \".f13qh94s{display:grid;}\", \".fi64zpg{flex-shrink:0;}\", \".f1u07yai{grid-auto-flow:column;}\", \".frn2hmy{grid-template-columns:auto;}\", \".f1olsevy{grid-template-rows:auto;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1s6fcnf{outline-style:none;}\", \".f10pi13n{position:relative;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".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);}\", \".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);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fmmjozx .fui-Tab__icon{color:var(--colorNeutralForeground2);}\", \".fpkze5g .fui-Tab__content{color:var(--colorNeutralForeground2);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fato7r6 .fui-Tab__icon{color:var(--colorNeutralForegroundDisabled);}\", \".fao1bnu .fui-Tab__content{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1cadz5z .fui-Tab__icon{color:var(--colorCompoundBrandForeground1);}\", \".ffplhdr .fui-Tab__content{color:var(--colorNeutralForeground1);}\"],\n h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f1mfqf41:hover .fui-Tab__icon{color:var(--colorNeutralForeground2Hover);}\", \".f149wc3x:hover .fui-Tab__content{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1ck17l:hover .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Hover);}\", \".ffth601:hover .fui-Tab__content{color:var(--colorNeutralForeground1Hover);}\"],\n a: [\".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f10aiid4:active .fui-Tab__icon{color:var(--colorNeutralForeground2Pressed);}\", \".fjioou7:active .fui-Tab__content{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f42ak0g:active .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Pressed);}\", \".fhklyu5:active .fui-Tab__content{color:var(--colorNeutralForeground1Pressed);}\"]\n});\n/* eslint-enable @typescript-eslint/naming-convention */ /**\n * Focus styles for the root slot\n */\nconst useFocusStyles = /*#__PURE__*/__styles({\n base: {\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bn4voq9: \"f1p7hgxw\",\n Bfpq7zp: \"f1way5bb\",\n g9k6zt: \"f9znhxp\",\n j6ew2k: [\"fqa318h\", \"fqa318h\"],\n Bhxq17a: \"f1vjpng2\"\n }\n}, {\n d: [\".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f1p7hgxw[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);}\", \".f1way5bb[data-fui-focus-visible]{outline-color:transparent;}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqa318h[data-fui-focus-visible]{box-shadow:var(--shadow4),0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2);}\", \".f1vjpng2[data-fui-focus-visible]{z-index:1;}\"]\n});\n/** Indicator styles for when pending selection */\nconst usePendingIndicatorStyles = /*#__PURE__*/__styles({\n base: {\n az7l2e: \"fhw179n\",\n Bv4n3vi: [\"f10y1uxy\", \"f6aiuy0\"],\n vqofr: [\"f6aiuy0\", \"f10y1uxy\"],\n B0uxbk8: [\"f1kfpfnu\", \"f1dx5wco\"],\n Bgqb9hq: [\"f1dx5wco\", \"f1kfpfnu\"],\n amg5m6: \"f1kmhr4c\",\n zkfqfm: \"fl1ydde\",\n Bkydozb: \"f1y7maxz\",\n vzq8l0: [\"f105swax\", \"fscdmel\"],\n Bka2azo: [\"fscdmel\", \"f105swax\"],\n Br4ovkg: [\"f1tkcw1w\", \"f1u11x8o\"],\n csmgbd: [\"f1u11x8o\", \"f1tkcw1w\"],\n y36c18: \"f16cxu0\",\n B1ctymy: \"f1nwgacf\",\n Bgvrrv0: \"f15ovonk\",\n ddr6p5: \"fvje46l\"\n },\n disabled: {\n az7l2e: \"f1ut20fw\",\n Bkydozb: \"fhrzcfn\"\n },\n smallHorizontal: {\n lawp4y: \"fchca7p\",\n Baz25je: \"f1r53b5e\",\n Fbdkly: [\"f1s6rxz5\", \"fo35v8s\"],\n mdwyqc: [\"fo35v8s\", \"f1s6rxz5\"]\n },\n smallVertical: {\n lawp4y: \"fze4zud\",\n Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n Bciustq: \"fdp32p8\",\n Ccq8qp: \"f1aij3q\"\n },\n mediumHorizontal: {\n lawp4y: \"fchca7p\",\n Baz25je: \"f1s2r9ax\",\n Fbdkly: [\"f1o0nnkk\", \"fxb7rol\"],\n mdwyqc: [\"fxb7rol\", \"f1o0nnkk\"]\n },\n mediumVertical: {\n lawp4y: \"f17jracn\",\n Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n Bciustq: \"f117lcb2\",\n Ccq8qp: \"f1aij3q\"\n },\n largeHorizontal: {\n lawp4y: \"fchca7p\",\n Baz25je: \"f1s2r9ax\",\n Fbdkly: [\"f1o0nnkk\", \"fxb7rol\"],\n mdwyqc: [\"fxb7rol\", \"f1o0nnkk\"]\n },\n largeVertical: {\n lawp4y: \"fel9d3z\",\n Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n Bciustq: \"f6vqlre\",\n Ccq8qp: \"f1aij3q\"\n }\n}, {\n 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);}\", \".f1kmhr4c:hover::before{content:\\\"\\\";}\", \".fl1ydde:hover::before{position:absolute;}\", \".f1ut20fw:hover::before{background-color:var(--colorTransparentStroke);}\"],\n 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);}\", \".f16cxu0:active::before{content:\\\"\\\";}\", \".f1nwgacf:active::before{position:absolute;}\", \".fhrzcfn:active::before{background-color:var(--colorTransparentStroke);}\"],\n m: [[\"@media (forced-colors: active){.f15ovonk:hover::before{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fvje46l:active::before{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n d: [\".fchca7p::before{bottom:0;}\", \".f1r53b5e::before{height:var(--strokeWidthThick);}\", \".f1s6rxz5::before{left:var(--spacingHorizontalSNudge);}\", \".fo35v8s::before{right:var(--spacingHorizontalSNudge);}\", \".fze4zud::before{bottom:var(--spacingVerticalXS);}\", \".f1fzr1x6::before{left:0;}\", \".f1f351id::before{right:0;}\", \".fdp32p8::before{top:var(--spacingVerticalXS);}\", \".f1aij3q::before{width:var(--strokeWidthThicker);}\", \".f1s2r9ax::before{height:var(--strokeWidthThicker);}\", \".f1o0nnkk::before{left:var(--spacingHorizontalM);}\", \".fxb7rol::before{right:var(--spacingHorizontalM);}\", \".f17jracn::before{bottom:var(--spacingVerticalS);}\", \".f117lcb2::before{top:var(--spacingVerticalS);}\", \".fel9d3z::before{bottom:var(--spacingVerticalMNudge);}\", \".f6vqlre::before{top:var(--spacingVerticalMNudge);}\"]\n});\nconst useActiveIndicatorStyles = /*#__PURE__*/__styles({\n base: {\n Bjyk6c5: \"f1rp0jgh\",\n B3778ie: [\"fprarqb\", \"f14vs0nd\"],\n d9w3h3: [\"f14vs0nd\", \"fprarqb\"],\n Bl18szs: [\"f1gtfqs9\", \"f18zvfd9\"],\n B4j8arr: [\"f18zvfd9\", \"f1gtfqs9\"],\n Bsft5z2: \"f13zj6fq\",\n E3zdtr: \"f1mdlcz9\",\n t2ki1e: \"ffmd2fr\"\n },\n selected: {\n Bjyk6c5: \"f1ksivud\",\n Glksuk: \"f1eytvvh\",\n Blzl0y7: \"fuaa9s\",\n f7digc: \"fy7ktjt\",\n Biqphg1: \"f16tp0gf\",\n Bntoloa: \"fj0yp7j\"\n },\n disabled: {\n Bjyk6c5: \"f13lkzet\"\n },\n smallHorizontal: {\n By385i5: \"fo72kxq\",\n Dlnsje: \"f9bb2ob\",\n Eqx8gd: [\"f1q70ajw\", \"f18rbzdx\"],\n B1piin3: [\"f18rbzdx\", \"f1q70ajw\"]\n },\n smallVertical: {\n By385i5: \"fqbue9b\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n bn5sak: \"fk1klkt\",\n a2br6o: \"f1o25lip\"\n },\n mediumHorizontal: {\n By385i5: \"fo72kxq\",\n Dlnsje: \"f1vx7lu8\",\n Eqx8gd: [\"fna7m5n\", \"f1oxpfwv\"],\n B1piin3: [\"f1oxpfwv\", \"fna7m5n\"]\n },\n mediumVertical: {\n By385i5: \"fipylg0\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n bn5sak: \"fqchiol\",\n a2br6o: \"f1o25lip\"\n },\n largeHorizontal: {\n By385i5: \"fo72kxq\",\n Dlnsje: \"f1vx7lu8\",\n Eqx8gd: [\"fna7m5n\", \"f1oxpfwv\"],\n B1piin3: [\"f1oxpfwv\", \"fna7m5n\"]\n },\n largeVertical: {\n By385i5: \"f1w7dm5g\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n bn5sak: \"f1p6em4m\",\n a2br6o: \"f1o25lip\"\n }\n}, {\n 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);}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".ffmd2fr::after{z-index:1;}\", \".f1ksivud::after{background-color:var(--colorCompoundBrandStroke);}\", \".f13lkzet::after{background-color:var(--colorNeutralForegroundDisabled);}\", \".fo72kxq::after{bottom:0;}\", \".f9bb2ob::after{height:var(--strokeWidthThick);}\", \".f1q70ajw::after{left:var(--spacingHorizontalSNudge);}\", \".f18rbzdx::after{right:var(--spacingHorizontalSNudge);}\", \".fqbue9b::after{bottom:var(--spacingVerticalXS);}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".fk1klkt::after{top:var(--spacingVerticalXS);}\", \".f1o25lip::after{width:var(--strokeWidthThicker);}\", \".f1vx7lu8::after{height:var(--strokeWidthThicker);}\", \".fna7m5n::after{left:var(--spacingHorizontalM);}\", \".f1oxpfwv::after{right:var(--spacingHorizontalM);}\", \".fipylg0::after{bottom:var(--spacingVerticalS);}\", \".fqchiol::after{top:var(--spacingVerticalS);}\", \".f1w7dm5g::after{bottom:var(--spacingVerticalMNudge);}\", \".f1p6em4m::after{top:var(--spacingVerticalMNudge);}\"],\n h: [\".f1eytvvh:hover::after{background-color:var(--colorCompoundBrandStrokeHover);}\"],\n a: [\".fuaa9s:active::after{background-color:var(--colorCompoundBrandStrokePressed);}\"],\n m: [[\"@media (forced-colors: active){.fy7ktjt::after{background-color:ButtonText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16tp0gf:hover::after{background-color:ButtonText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fj0yp7j:active::after{background-color:ButtonText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Styles for the icon slot.\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n base: {\n Br312pm: \"fwpfdsa\",\n Ijaq50: \"f16hsg94\",\n Bt984gj: \"f122n59\",\n mc9l5x: \"ftuwxu6\",\n Brf1p80: \"f4d9j23\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n D0sxk3: \"f16u1re\",\n t6yez3: \"f8bsbmo\"\n },\n small: {\n Be2twd7: \"fe5j1ua\",\n Bqenvij: \"fjamq6b\",\n a9b677: \"f64fuq3\"\n },\n medium: {\n Be2twd7: \"fe5j1ua\",\n Bqenvij: \"fjamq6b\",\n a9b677: \"f64fuq3\"\n },\n large: {\n Be2twd7: \"f1rt2boy\",\n Bqenvij: \"frvgh55\",\n a9b677: \"fq4mcun\"\n },\n selected: {\n D0sxk3: \"fxoiby5\",\n t6yez3: \"f15q0o9g\"\n }\n}, {\n d: [\".fwpfdsa{grid-column-start:1;}\", \".f16hsg94{grid-row-start:1;}\", \".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{justify-content:center;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f16u1re .fui-Icon-filled{display:none;}\", \".f8bsbmo .fui-Icon-regular{display:inline;}\", \".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".f64fuq3{width:20px;}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".fq4mcun{width:24px;}\", \".fxoiby5 .fui-Icon-filled{display:inline;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\"]\n});\n/**\n * Styles for the content slot (children)\n */\nconst useContentStyles = /*#__PURE__*/__styles({\n base: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n z8tnut: \"fztplxc\",\n z189sj: [\"ffczdla\", \"fgiv446\"],\n Byoj8tv: \"f9g1xly\",\n uwmqm3: [\"fgiv446\", \"ffczdla\"]\n },\n selected: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f1i3iumi\"\n },\n large: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"faaz57k\"\n },\n largeSelected: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n },\n noIconBefore: {\n Br312pm: \"fwpfdsa\",\n Ijaq50: \"f16hsg94\"\n },\n iconBefore: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"f16hsg94\"\n },\n placeholder: {\n Bcdw1i0: \"fd7fpy0\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".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);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fwpfdsa{grid-column-start:1;}\", \".f16hsg94{grid-row-start:1;}\", \".fd46tj4{grid-column-start:2;}\", \".fd7fpy0{visibility:hidden;}\"]\n});\n/**\n * Apply styling to the Tab slots based on the state\n */\nexport const useTabStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const focusStyles = useFocusStyles();\n const pendingIndicatorStyles = usePendingIndicatorStyles();\n const activeIndicatorStyles = useActiveIndicatorStyles();\n const iconStyles = useIconStyles();\n const contentStyles = useContentStyles();\n const {\n appearance,\n disabled,\n selected,\n size,\n vertical\n } = state;\n state.root.className = mergeClasses(tabClassNames.root, rootStyles.base, vertical ? rootStyles.vertical : rootStyles.horizontal, size === 'small' && (vertical ? rootStyles.smallVertical : rootStyles.smallHorizontal), size === 'medium' && (vertical ? rootStyles.mediumVertical : rootStyles.mediumHorizontal), size === 'large' && (vertical ? rootStyles.largeVertical : rootStyles.largeHorizontal), focusStyles.base, !disabled && appearance === 'subtle' && rootStyles.subtle, !disabled && appearance === 'transparent' && rootStyles.transparent, !disabled && selected && rootStyles.selected, disabled && rootStyles.disabled,\n // 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,\n // 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, state.root.className);\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.contentReservedSpaceClassName !== undefined) {\n state.contentReservedSpaceClassName = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.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 useTabAnimatedIndicatorStyles_unstable(state);\n return state;\n};\n//# sourceMappingURL=useTabStyles.styles.js.map"],"names":["tabClassNames","useTabStyles_unstable","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","__styles","base","Bt984gj","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","Bceei9c","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","Bahqtrf","Bg96gwp","oeaueh","qhf8xq","B68tc82","Bmxbyg5","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","z8tnut","z189sj","Byoj8tv","uwmqm3","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","Jwef8y","ecr2s2","Bptxc3x","B076xvk","q9r9w5","cl4aha","Bk452zc","a4hkcw","subtle","disabled","selected","d","h","a","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","usePendingIndicatorStyles","az7l2e","Bv4n3vi","vqofr","B0uxbk8","Bgqb9hq","amg5m6","zkfqfm","Bkydozb","vzq8l0","Bka2azo","Br4ovkg","csmgbd","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","m","useActiveIndicatorStyles","Bjyk6c5","B3778ie","d9w3h3","Bl18szs","B4j8arr","Bsft5z2","E3zdtr","t2ki1e","Glksuk","Blzl0y7","f7digc","Biqphg1","Bntoloa","By385i5","Dlnsje","Eqx8gd","B1piin3","bn5sak","a2br6o","useIconStyles","Br312pm","Ijaq50","D0sxk3","t6yez3","small","Be2twd7","Bqenvij","a9b677","medium","large","useContentStyles","Bhrd7zp","largeSelected","noIconBefore","iconBefore","placeholder","Bcdw1i0","state","rootStyles","focusStyles","pendingIndicatorStyles","activeIndicatorStyles","iconStyles","contentStyles","appearance","size","className","mergeClasses","contentReservedSpaceClassName","undefined","useTabAnimatedIndicatorStyles_unstable"],"mappings":"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"}
|
|
@@ -36,13 +36,13 @@ const tabListClassNames = {
|
|
|
36
36
|
}
|
|
37
37
|
}, {
|
|
38
38
|
d: [
|
|
39
|
-
".f22iagw{display
|
|
40
|
-
".f1063pyq{
|
|
41
|
-
".fi64zpg{
|
|
42
|
-
".flvyvdh{
|
|
39
|
+
".f22iagw{display:flex;}",
|
|
40
|
+
".f1063pyq{flex-direction:row;}",
|
|
41
|
+
".fi64zpg{flex-shrink:0;}",
|
|
42
|
+
".flvyvdh{flex-wrap:nowrap;}",
|
|
43
43
|
".f10pi13n{position:relative;}",
|
|
44
|
-
".f1q9h2pe{
|
|
45
|
-
".f1vx9l62{
|
|
44
|
+
".f1q9h2pe{align-items:stretch;}",
|
|
45
|
+
".f1vx9l62{flex-direction:column;}"
|
|
46
46
|
]
|
|
47
47
|
});
|
|
48
48
|
const useTabListStyles_unstable = (state)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTabListStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const tabListClassNames = {\n root: 'fui-TabList'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n Bnnss6s: \"fi64zpg\",\n Eh141a: \"flvyvdh\",\n qhf8xq: \"f10pi13n\"\n },\n horizontal: {\n Bt984gj: \"f1q9h2pe\",\n Beiy3e4: \"f1063pyq\"\n },\n vertical: {\n Bt984gj: \"f1q9h2pe\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".f22iagw{display
|
|
1
|
+
{"version":3,"sources":["useTabListStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const tabListClassNames = {\n root: 'fui-TabList'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n Bnnss6s: \"fi64zpg\",\n Eh141a: \"flvyvdh\",\n qhf8xq: \"f10pi13n\"\n },\n horizontal: {\n Bt984gj: \"f1q9h2pe\",\n Beiy3e4: \"f1063pyq\"\n },\n vertical: {\n Bt984gj: \"f1q9h2pe\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".fi64zpg{flex-shrink:0;}\", \".flvyvdh{flex-wrap:nowrap;}\", \".f10pi13n{position:relative;}\", \".f1q9h2pe{align-items:stretch;}\", \".f1vx9l62{flex-direction:column;}\"]\n});\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = state => {\n const {\n vertical\n } = state;\n const styles = useStyles();\n state.root.className = mergeClasses(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);\n return state;\n};\n//# sourceMappingURL=useTabListStyles.styles.js.map"],"names":["tabListClassNames","useTabListStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","Bnnss6s","Eh141a","qhf8xq","horizontal","Bt984gj","vertical","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB,MAAjBA;IA4BAC,yBAAyB,MAAzBA;;uBA7B0B;AAChC,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,YAAY;QACVC,SAAS;QACTL,SAAS;IACX;IACAM,UAAU;QACRD,SAAS;QACTL,SAAS;IACX;AACF,GAAG;IACDO,GAAG;QAAC;QAA2B;QAAkC;QAA4B;QAA+B;QAAiC;QAAmC;KAAoC;AACtO;AAIO,MAAMZ,4BAA4Ba,CAAAA,QAAS;IAChD,MAAM,EACJF,SAAQ,EACT,GAAGE;IACJ,MAAMC,SAASZ;IACfW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,kBAAkBE,IAAI,EAAEa,OAAOb,IAAI,EAAEU,WAAWG,OAAOH,QAAQ,GAAGG,OAAOL,UAAU,EAAEI,MAAMZ,IAAI,CAACc,SAAS;IAC7I,OAAOF;AACT,GACA,mDAAmD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-tabs",
|
|
3
|
-
"version": "9.3.
|
|
3
|
+
"version": "9.3.29",
|
|
4
4
|
"description": "Fluent UI React tabs components",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -33,12 +33,12 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@fluentui/react-context-selector": "^9.1.27",
|
|
36
|
-
"@fluentui/react-jsx-runtime": "9.0.0-alpha.
|
|
37
|
-
"@fluentui/react-shared-contexts": "^9.7.
|
|
38
|
-
"@fluentui/react-tabster": "^9.12.
|
|
39
|
-
"@fluentui/react-theme": "^9.1.
|
|
36
|
+
"@fluentui/react-jsx-runtime": "9.0.0-alpha.14",
|
|
37
|
+
"@fluentui/react-shared-contexts": "^9.7.2",
|
|
38
|
+
"@fluentui/react-tabster": "^9.12.1",
|
|
39
|
+
"@fluentui/react-theme": "^9.1.11",
|
|
40
40
|
"@fluentui/react-utilities": "^9.11.0",
|
|
41
|
-
"@griffel/react": "^1.5.
|
|
41
|
+
"@griffel/react": "^1.5.14",
|
|
42
42
|
"@swc/helpers": "^0.4.14"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|