@fluentui/react-tabs 9.4.24 → 9.4.25

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.
Files changed (10) hide show
  1. package/CHANGELOG.md +15 -2
  2. package/lib/components/Tab/useTabStyles.styles.js +2 -0
  3. package/lib/components/Tab/useTabStyles.styles.js.map +1 -1
  4. package/lib/components/TabList/useTabListStyles.styles.js +2 -0
  5. package/lib/components/TabList/useTabListStyles.styles.js.map +1 -1
  6. package/lib-commonjs/components/Tab/useTabStyles.styles.js +1 -0
  7. package/lib-commonjs/components/Tab/useTabStyles.styles.js.map +1 -1
  8. package/lib-commonjs/components/TabList/useTabListStyles.styles.js +1 -0
  9. package/lib-commonjs/components/TabList/useTabListStyles.styles.js.map +1 -1
  10. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,12 +1,25 @@
1
1
  # Change Log - @fluentui/react-tabs
2
2
 
3
- This log was last generated on Mon, 17 Jun 2024 07:31:08 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 01 Jul 2024 20:25:46 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.4.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.4.25)
8
+
9
+ Mon, 01 Jul 2024 20:25:46 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.4.24..@fluentui/react-tabs_v9.4.25)
11
+
12
+ ### Patches
13
+
14
+ - chore: add eslint react-compiler ([PR #31457](https://github.com/microsoft/fluentui/pull/31457) by seanmonahan@microsoft.com)
15
+ - Bump @fluentui/react-context-selector to v9.1.63 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
16
+ - Bump @fluentui/react-jsx-runtime to v9.0.40 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
17
+ - Bump @fluentui/react-tabster to v9.22.1 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
18
+ - Bump @fluentui/react-utilities to v9.18.11 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
19
+
7
20
  ## [9.4.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.4.24)
8
21
 
9
- Mon, 17 Jun 2024 07:31:08 GMT
22
+ Mon, 17 Jun 2024 07:34:17 GMT
10
23
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.4.23..@fluentui/react-tabs_v9.4.24)
11
24
 
12
25
  ### Patches
package/lib/components/Tab/useTabStyles.styles.js CHANGED
@@ -436,6 +436,8 @@ const useContentStyles = /*#__PURE__*/__styles({
436
436
  * Apply styling to the Tab slots based on the state
437
437
  */
438
438
  export const useTabStyles_unstable = state => {
439
+ 'use no memo';
440
+
439
441
  const rootStyles = useRootStyles();
440
442
  const focusStyles = useFocusStyles();
441
443
  const pendingIndicatorStyles = usePendingIndicatorStyles();
package/lib/components/Tab/useTabStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","useTabAnimatedIndicatorStyles_unstable","tabClassNames","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","base","Bt984gj","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bceei9c","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","Bahqtrf","Bg96gwp","oeaueh","qhf8xq","B68tc82","Bmxbyg5","Bpg54ce","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","Jwef8y","ecr2s2","Bptxc3x","B076xvk","q9r9w5","cl4aha","Bk452zc","a4hkcw","subtle","disabled","selected","d","p","h","a","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","usePendingIndicatorStyles","az7l2e","vqofr","Bv4n3vi","Bgqb9hq","B0uxbk8","Bf3jju6","amg5m6","zkfqfm","Bkydozb","Bka2azo","vzq8l0","csmgbd","Br4ovkg","aelrif","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","m","useActiveIndicatorStyles","Bjyk6c5","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","E3zdtr","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","useTabStyles_unstable","state","rootStyles","focusStyles","pendingIndicatorStyles","activeIndicatorStyles","iconStyles","contentStyles","appearance","size","className","contentReservedSpace","contentReservedSpaceClassName"],"sources":["useTabStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator.styles';\nexport const tabClassNames = {\n root: 'fui-Tab',\n icon: 'fui-Tab__icon',\n content: 'fui-Tab__content'\n};\nconst reservedSpaceClassNames = {\n content: 'fui-Tab__content--reserved-space'\n};\n// These should match the constants defined in @fluentui/react-icons\n// This package avoids taking a dependency on the icons package for only the constants.\nconst iconClassNames = {\n filled: 'fui-Icon-filled',\n regular: 'fui-Icon-regular'\n};\n/**\n * Styles for the root slot\n */ /* eslint-disable @typescript-eslint/naming-convention */ const useRootStyles = makeStyles({\n base: {\n alignItems: 'center',\n border: 'none',\n borderRadius: tokens.borderRadiusMedium,\n cursor: 'pointer',\n display: 'grid',\n flexShrink: 0,\n gridAutoFlow: 'column',\n gridTemplateColumns: 'auto',\n gridTemplateRows: 'auto',\n fontFamily: tokens.fontFamilyBase,\n lineHeight: tokens.lineHeightBase300,\n outlineStyle: 'none',\n position: 'relative',\n overflow: 'hidden',\n textTransform: 'none'\n },\n horizontal: {\n justifyContent: 'center'\n },\n vertical: {\n justifyContent: 'start'\n },\n smallHorizontal: {\n columnGap: tokens.spacingHorizontalXXS,\n padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalSNudge}`\n },\n smallVertical: {\n // horizontal spacing is deliberate. This is the gap between icon and content.\n columnGap: tokens.spacingHorizontalXXS,\n padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge}`\n },\n mediumHorizontal: {\n columnGap: tokens.spacingHorizontalSNudge,\n padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalMNudge}`\n },\n mediumVertical: {\n // horizontal spacing is deliberate. This is the gap between icon and content.\n columnGap: tokens.spacingHorizontalSNudge,\n padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalMNudge}`\n },\n largeHorizontal: {\n columnGap: tokens.spacingHorizontalSNudge,\n padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalMNudge}`\n },\n largeVertical: {\n // horizontal spacing is deliberate. This is the gap between icon and content.\n columnGap: tokens.spacingHorizontalSNudge,\n padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover\n },\n ':active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed\n },\n '& .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2\n },\n ':hover .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2Hover\n },\n ':active .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2Pressed\n },\n '& .fui-Tab__content': {\n color: tokens.colorNeutralForeground2\n },\n ':hover .fui-Tab__content': {\n color: tokens.colorNeutralForeground2Hover\n },\n ':active .fui-Tab__content': {\n color: tokens.colorNeutralForeground2Pressed\n }\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed\n },\n '& .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2\n },\n ':hover .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2Hover\n },\n ':active .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2Pressed\n },\n '& .fui-Tab__content': {\n color: tokens.colorNeutralForeground2\n },\n ':hover .fui-Tab__content': {\n color: tokens.colorNeutralForeground2Hover\n },\n ':active .fui-Tab__content': {\n color: tokens.colorNeutralForeground2Pressed\n }\n },\n disabled: {\n backgroundColor: tokens.colorTransparentBackground,\n '& .fui-Tab__icon': {\n color: tokens.colorNeutralForegroundDisabled\n },\n '& .fui-Tab__content': {\n color: tokens.colorNeutralForegroundDisabled\n },\n cursor: 'not-allowed'\n },\n selected: {\n '& .fui-Tab__icon': {\n color: tokens.colorCompoundBrandForeground1\n },\n ':hover .fui-Tab__icon': {\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active .fui-Tab__icon': {\n color: tokens.colorCompoundBrandForeground1Pressed\n },\n '& .fui-Tab__content': {\n color: tokens.colorNeutralForeground1\n },\n ':hover .fui-Tab__content': {\n color: tokens.colorNeutralForeground1Hover\n },\n ':active .fui-Tab__content': {\n color: tokens.colorNeutralForeground1Pressed\n }\n }\n});\n/* eslint-enable @typescript-eslint/naming-convention */ /**\n * Focus styles for the root slot\n */ const useFocusStyles = makeStyles({\n // Tab creates a custom focus indicator because the default focus indicator\n // is applied using an ::after pseudo-element on the root. Since the selection\n // indicator uses an ::after pseudo-element on the root, there is a conflict.\n base: createCustomFocusIndicatorStyle({\n ...shorthands.borderColor('transparent'),\n outlineWidth: tokens.strokeWidthThick,\n outlineColor: 'transparent',\n outlineStyle: 'solid',\n boxShadow: `\n ${tokens.shadow4},\n 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2}\n `,\n zIndex: 1\n }, {\n enableOutline: true\n })\n});\n/** Indicator styles for when pending selection */ const usePendingIndicatorStyles = makeStyles({\n base: {\n ':hover::before': {\n backgroundColor: tokens.colorNeutralStroke1Hover,\n borderRadius: tokens.borderRadiusCircular,\n content: '\"\"',\n position: 'absolute'\n },\n ':active::before': {\n backgroundColor: tokens.colorNeutralStroke1Pressed,\n borderRadius: tokens.borderRadiusCircular,\n content: '\"\"',\n position: 'absolute'\n },\n '@media (forced-colors: active)': {\n ':hover::before': {\n backgroundColor: 'Highlight'\n },\n ':active::before': {\n backgroundColor: 'Highlight'\n }\n }\n },\n disabled: {\n ':hover::before': {\n backgroundColor: tokens.colorTransparentStroke\n },\n ':active::before': {\n backgroundColor: tokens.colorTransparentStroke\n }\n },\n smallHorizontal: {\n '::before': {\n bottom: 0,\n height: tokens.strokeWidthThick,\n left: tokens.spacingHorizontalSNudge,\n right: tokens.spacingHorizontalSNudge\n }\n },\n smallVertical: {\n '::before': {\n bottom: tokens.spacingVerticalXS,\n left: 0,\n top: tokens.spacingVerticalXS,\n width: tokens.strokeWidthThicker\n }\n },\n mediumHorizontal: {\n '::before': {\n bottom: 0,\n height: tokens.strokeWidthThicker,\n left: tokens.spacingHorizontalM,\n right: tokens.spacingHorizontalM\n }\n },\n mediumVertical: {\n '::before': {\n bottom: tokens.spacingVerticalS,\n left: 0,\n top: tokens.spacingVerticalS,\n width: tokens.strokeWidthThicker\n }\n },\n largeHorizontal: {\n '::before': {\n bottom: 0,\n height: tokens.strokeWidthThicker,\n left: tokens.spacingHorizontalM,\n right: tokens.spacingHorizontalM\n }\n },\n largeVertical: {\n '::before': {\n bottom: tokens.spacingVerticalMNudge,\n left: 0,\n top: tokens.spacingVerticalMNudge,\n width: tokens.strokeWidthThicker\n }\n }\n});\nconst useActiveIndicatorStyles = makeStyles({\n base: {\n '::after': {\n backgroundColor: tokens.colorTransparentStroke,\n borderRadius: tokens.borderRadiusCircular,\n content: '\"\"',\n position: 'absolute'\n }\n },\n selected: {\n '::after': {\n backgroundColor: tokens.colorCompoundBrandStroke\n },\n ':hover::after': {\n backgroundColor: tokens.colorCompoundBrandStrokeHover\n },\n ':active::after': {\n backgroundColor: tokens.colorCompoundBrandStrokePressed\n },\n '@media (forced-colors: active)': {\n '::after': {\n backgroundColor: 'ButtonText'\n },\n ':hover::after': {\n backgroundColor: 'ButtonText'\n },\n ':active::after': {\n backgroundColor: 'ButtonText'\n }\n }\n },\n disabled: {\n '::after': {\n backgroundColor: tokens.colorNeutralForegroundDisabled\n }\n },\n smallHorizontal: {\n '::after': {\n bottom: 0,\n height: tokens.strokeWidthThick,\n left: tokens.spacingHorizontalSNudge,\n right: tokens.spacingHorizontalSNudge\n }\n },\n smallVertical: {\n '::after': {\n bottom: tokens.spacingVerticalXS,\n left: '0',\n top: tokens.spacingVerticalXS,\n width: tokens.strokeWidthThicker\n }\n },\n mediumHorizontal: {\n '::after': {\n bottom: '0',\n height: tokens.strokeWidthThicker,\n left: tokens.spacingHorizontalM,\n right: tokens.spacingHorizontalM\n }\n },\n mediumVertical: {\n '::after': {\n bottom: tokens.spacingVerticalS,\n left: 0,\n top: tokens.spacingVerticalS,\n width: tokens.strokeWidthThicker\n }\n },\n largeHorizontal: {\n '::after': {\n bottom: 0,\n height: tokens.strokeWidthThicker,\n left: tokens.spacingHorizontalM,\n right: tokens.spacingHorizontalM\n }\n },\n largeVertical: {\n '::after': {\n bottom: tokens.spacingVerticalMNudge,\n left: 0,\n top: tokens.spacingVerticalMNudge,\n width: tokens.strokeWidthThicker\n }\n }\n});\n/**\n * Styles for the icon slot.\n */ const useIconStyles = makeStyles({\n base: {\n gridColumnStart: 1,\n gridRowStart: 1,\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n overflow: 'hidden',\n [`& .${iconClassNames.filled}`]: {\n display: 'none'\n },\n [`& .${iconClassNames.regular}`]: {\n display: 'inline'\n }\n },\n // per design, the small and medium font sizes are the same.\n // the size prop only affects spacing.\n small: {\n fontSize: '20px',\n height: '20px',\n width: '20px'\n },\n medium: {\n fontSize: '20px',\n height: '20px',\n width: '20px'\n },\n large: {\n fontSize: '24px',\n height: '24px',\n width: '24px'\n },\n selected: {\n [`& .${iconClassNames.filled}`]: {\n display: 'inline'\n },\n [`& .${iconClassNames.regular}`]: {\n display: 'none'\n }\n }\n});\n/**\n * Styles for the content slot (children)\n */ const useContentStyles = makeStyles({\n base: {\n ...typographyStyles.body1,\n overflow: 'hidden',\n // content padding is the same for medium & small, horiztonal & vertical\n padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXXS}`\n },\n selected: {\n ...typographyStyles.body1Strong\n },\n large: {\n ...typographyStyles.body2\n },\n largeSelected: {\n ...typographyStyles.subtitle2\n },\n noIconBefore: {\n gridColumnStart: 1,\n gridRowStart: 1\n },\n iconBefore: {\n gridColumnStart: 2,\n gridRowStart: 1\n },\n placeholder: {\n visibility: 'hidden'\n }\n});\n/**\n * Apply styling to the Tab slots based on the state\n */ export const useTabStyles_unstable = (state)=>{\n 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 { appearance, disabled, selected, size, vertical } = 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, // pending indicator (before pseudo element)\n pendingIndicatorStyles.base, size === 'small' && (vertical ? pendingIndicatorStyles.smallVertical : pendingIndicatorStyles.smallHorizontal), size === 'medium' && (vertical ? pendingIndicatorStyles.mediumVertical : pendingIndicatorStyles.mediumHorizontal), size === 'large' && (vertical ? pendingIndicatorStyles.largeVertical : pendingIndicatorStyles.largeHorizontal), disabled && pendingIndicatorStyles.disabled, // active indicator (after pseudo element)\n selected && activeIndicatorStyles.base, selected && !disabled && activeIndicatorStyles.selected, selected && size === 'small' && (vertical ? activeIndicatorStyles.smallVertical : activeIndicatorStyles.smallHorizontal), selected && size === 'medium' && (vertical ? activeIndicatorStyles.mediumVertical : activeIndicatorStyles.mediumHorizontal), selected && size === 'large' && (vertical ? activeIndicatorStyles.largeVertical : activeIndicatorStyles.largeHorizontal), selected && disabled && activeIndicatorStyles.disabled, 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.contentReservedSpace) {\n state.contentReservedSpace.className = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.className);\n // FIXME: this is a deprecated API\n // should be removed in the next major version\n // eslint-disable-next-line deprecation/deprecation\n state.contentReservedSpaceClassName = state.contentReservedSpace.className;\n }\n state.content.className = mergeClasses(tabClassNames.content, contentStyles.base, size === 'large' && contentStyles.large, selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected), state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, state.content.className);\n useTabAnimatedIndicatorStyles_unstable(state);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","useTabAnimatedIndicatorStyles_unstable","tabClassNames","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","base","Bt984gj","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bceei9c","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","Bahqtrf","Bg96gwp","oeaueh","qhf8xq","B68tc82","Bmxbyg5","Bpg54ce","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","Jwef8y","ecr2s2","Bptxc3x","B076xvk","q9r9w5","cl4aha","Bk452zc","a4hkcw","subtle","disabled","selected","d","p","h","a","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","usePendingIndicatorStyles","az7l2e","vqofr","Bv4n3vi","Bgqb9hq","B0uxbk8","Bf3jju6","amg5m6","zkfqfm","Bkydozb","Bka2azo","vzq8l0","csmgbd","Br4ovkg","aelrif","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","m","useActiveIndicatorStyles","Bjyk6c5","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","E3zdtr","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","useTabStyles_unstable","state","rootStyles","focusStyles","pendingIndicatorStyles","activeIndicatorStyles","iconStyles","contentStyles","appearance","size","className","contentReservedSpace","contentReservedSpaceClassName"],"sources":["useTabStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator.styles';\nexport const tabClassNames = {\n root: 'fui-Tab',\n icon: 'fui-Tab__icon',\n content: 'fui-Tab__content'\n};\nconst reservedSpaceClassNames = {\n content: 'fui-Tab__content--reserved-space'\n};\n// These should match the constants defined in @fluentui/react-icons\n// This package avoids taking a dependency on the icons package for only the constants.\nconst iconClassNames = {\n filled: 'fui-Icon-filled',\n regular: 'fui-Icon-regular'\n};\n/**\n * Styles for the root slot\n */ /* eslint-disable @typescript-eslint/naming-convention */ const useRootStyles = makeStyles({\n base: {\n alignItems: 'center',\n border: 'none',\n borderRadius: tokens.borderRadiusMedium,\n cursor: 'pointer',\n display: 'grid',\n flexShrink: 0,\n gridAutoFlow: 'column',\n gridTemplateColumns: 'auto',\n gridTemplateRows: 'auto',\n fontFamily: tokens.fontFamilyBase,\n lineHeight: tokens.lineHeightBase300,\n outlineStyle: 'none',\n position: 'relative',\n overflow: 'hidden',\n textTransform: 'none'\n },\n horizontal: {\n justifyContent: 'center'\n },\n vertical: {\n justifyContent: 'start'\n },\n smallHorizontal: {\n columnGap: tokens.spacingHorizontalXXS,\n padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalSNudge}`\n },\n smallVertical: {\n // horizontal spacing is deliberate. This is the gap between icon and content.\n columnGap: tokens.spacingHorizontalXXS,\n padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge}`\n },\n mediumHorizontal: {\n columnGap: tokens.spacingHorizontalSNudge,\n padding: `${tokens.spacingVerticalM} ${tokens.spacingHorizontalMNudge}`\n },\n mediumVertical: {\n // horizontal spacing is deliberate. This is the gap between icon and content.\n columnGap: tokens.spacingHorizontalSNudge,\n padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalMNudge}`\n },\n largeHorizontal: {\n columnGap: tokens.spacingHorizontalSNudge,\n padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalMNudge}`\n },\n largeVertical: {\n // horizontal spacing is deliberate. This is the gap between icon and content.\n columnGap: tokens.spacingHorizontalSNudge,\n padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover\n },\n ':active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed\n },\n '& .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2\n },\n ':hover .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2Hover\n },\n ':active .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2Pressed\n },\n '& .fui-Tab__content': {\n color: tokens.colorNeutralForeground2\n },\n ':hover .fui-Tab__content': {\n color: tokens.colorNeutralForeground2Hover\n },\n ':active .fui-Tab__content': {\n color: tokens.colorNeutralForeground2Pressed\n }\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed\n },\n '& .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2\n },\n ':hover .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2Hover\n },\n ':active .fui-Tab__icon': {\n color: tokens.colorNeutralForeground2Pressed\n },\n '& .fui-Tab__content': {\n color: tokens.colorNeutralForeground2\n },\n ':hover .fui-Tab__content': {\n color: tokens.colorNeutralForeground2Hover\n },\n ':active .fui-Tab__content': {\n color: tokens.colorNeutralForeground2Pressed\n }\n },\n disabled: {\n backgroundColor: tokens.colorTransparentBackground,\n '& .fui-Tab__icon': {\n color: tokens.colorNeutralForegroundDisabled\n },\n '& .fui-Tab__content': {\n color: tokens.colorNeutralForegroundDisabled\n },\n cursor: 'not-allowed'\n },\n selected: {\n '& .fui-Tab__icon': {\n color: tokens.colorCompoundBrandForeground1\n },\n ':hover .fui-Tab__icon': {\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active .fui-Tab__icon': {\n color: tokens.colorCompoundBrandForeground1Pressed\n },\n '& .fui-Tab__content': {\n color: tokens.colorNeutralForeground1\n },\n ':hover .fui-Tab__content': {\n color: tokens.colorNeutralForeground1Hover\n },\n ':active .fui-Tab__content': {\n color: tokens.colorNeutralForeground1Pressed\n }\n }\n});\n/* eslint-enable @typescript-eslint/naming-convention */ /**\n * Focus styles for the root slot\n */ const useFocusStyles = makeStyles({\n // Tab creates a custom focus indicator because the default focus indicator\n // is applied using an ::after pseudo-element on the root. Since the selection\n // indicator uses an ::after pseudo-element on the root, there is a conflict.\n base: createCustomFocusIndicatorStyle({\n ...shorthands.borderColor('transparent'),\n outlineWidth: tokens.strokeWidthThick,\n outlineColor: 'transparent',\n outlineStyle: 'solid',\n boxShadow: `\n ${tokens.shadow4},\n 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2}\n `,\n zIndex: 1\n }, {\n enableOutline: true\n })\n});\n/** Indicator styles for when pending selection */ const usePendingIndicatorStyles = makeStyles({\n base: {\n ':hover::before': {\n backgroundColor: tokens.colorNeutralStroke1Hover,\n borderRadius: tokens.borderRadiusCircular,\n content: '\"\"',\n position: 'absolute'\n },\n ':active::before': {\n backgroundColor: tokens.colorNeutralStroke1Pressed,\n borderRadius: tokens.borderRadiusCircular,\n content: '\"\"',\n position: 'absolute'\n },\n '@media (forced-colors: active)': {\n ':hover::before': {\n backgroundColor: 'Highlight'\n },\n ':active::before': {\n backgroundColor: 'Highlight'\n }\n }\n },\n disabled: {\n ':hover::before': {\n backgroundColor: tokens.colorTransparentStroke\n },\n ':active::before': {\n backgroundColor: tokens.colorTransparentStroke\n }\n },\n smallHorizontal: {\n '::before': {\n bottom: 0,\n height: tokens.strokeWidthThick,\n left: tokens.spacingHorizontalSNudge,\n right: tokens.spacingHorizontalSNudge\n }\n },\n smallVertical: {\n '::before': {\n bottom: tokens.spacingVerticalXS,\n left: 0,\n top: tokens.spacingVerticalXS,\n width: tokens.strokeWidthThicker\n }\n },\n mediumHorizontal: {\n '::before': {\n bottom: 0,\n height: tokens.strokeWidthThicker,\n left: tokens.spacingHorizontalM,\n right: tokens.spacingHorizontalM\n }\n },\n mediumVertical: {\n '::before': {\n bottom: tokens.spacingVerticalS,\n left: 0,\n top: tokens.spacingVerticalS,\n width: tokens.strokeWidthThicker\n }\n },\n largeHorizontal: {\n '::before': {\n bottom: 0,\n height: tokens.strokeWidthThicker,\n left: tokens.spacingHorizontalM,\n right: tokens.spacingHorizontalM\n }\n },\n largeVertical: {\n '::before': {\n bottom: tokens.spacingVerticalMNudge,\n left: 0,\n top: tokens.spacingVerticalMNudge,\n width: tokens.strokeWidthThicker\n }\n }\n});\nconst useActiveIndicatorStyles = makeStyles({\n base: {\n '::after': {\n backgroundColor: tokens.colorTransparentStroke,\n borderRadius: tokens.borderRadiusCircular,\n content: '\"\"',\n position: 'absolute'\n }\n },\n selected: {\n '::after': {\n backgroundColor: tokens.colorCompoundBrandStroke\n },\n ':hover::after': {\n backgroundColor: tokens.colorCompoundBrandStrokeHover\n },\n ':active::after': {\n backgroundColor: tokens.colorCompoundBrandStrokePressed\n },\n '@media (forced-colors: active)': {\n '::after': {\n backgroundColor: 'ButtonText'\n },\n ':hover::after': {\n backgroundColor: 'ButtonText'\n },\n ':active::after': {\n backgroundColor: 'ButtonText'\n }\n }\n },\n disabled: {\n '::after': {\n backgroundColor: tokens.colorNeutralForegroundDisabled\n }\n },\n smallHorizontal: {\n '::after': {\n bottom: 0,\n height: tokens.strokeWidthThick,\n left: tokens.spacingHorizontalSNudge,\n right: tokens.spacingHorizontalSNudge\n }\n },\n smallVertical: {\n '::after': {\n bottom: tokens.spacingVerticalXS,\n left: '0',\n top: tokens.spacingVerticalXS,\n width: tokens.strokeWidthThicker\n }\n },\n mediumHorizontal: {\n '::after': {\n bottom: '0',\n height: tokens.strokeWidthThicker,\n left: tokens.spacingHorizontalM,\n right: tokens.spacingHorizontalM\n }\n },\n mediumVertical: {\n '::after': {\n bottom: tokens.spacingVerticalS,\n left: 0,\n top: tokens.spacingVerticalS,\n width: tokens.strokeWidthThicker\n }\n },\n largeHorizontal: {\n '::after': {\n bottom: 0,\n height: tokens.strokeWidthThicker,\n left: tokens.spacingHorizontalM,\n right: tokens.spacingHorizontalM\n }\n },\n largeVertical: {\n '::after': {\n bottom: tokens.spacingVerticalMNudge,\n left: 0,\n top: tokens.spacingVerticalMNudge,\n width: tokens.strokeWidthThicker\n }\n }\n});\n/**\n * Styles for the icon slot.\n */ const useIconStyles = makeStyles({\n base: {\n gridColumnStart: 1,\n gridRowStart: 1,\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n overflow: 'hidden',\n [`& .${iconClassNames.filled}`]: {\n display: 'none'\n },\n [`& .${iconClassNames.regular}`]: {\n display: 'inline'\n }\n },\n // per design, the small and medium font sizes are the same.\n // the size prop only affects spacing.\n small: {\n fontSize: '20px',\n height: '20px',\n width: '20px'\n },\n medium: {\n fontSize: '20px',\n height: '20px',\n width: '20px'\n },\n large: {\n fontSize: '24px',\n height: '24px',\n width: '24px'\n },\n selected: {\n [`& .${iconClassNames.filled}`]: {\n display: 'inline'\n },\n [`& .${iconClassNames.regular}`]: {\n display: 'none'\n }\n }\n});\n/**\n * Styles for the content slot (children)\n */ const useContentStyles = makeStyles({\n base: {\n ...typographyStyles.body1,\n overflow: 'hidden',\n // content padding is the same for medium & small, horiztonal & vertical\n padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXXS}`\n },\n selected: {\n ...typographyStyles.body1Strong\n },\n large: {\n ...typographyStyles.body2\n },\n largeSelected: {\n ...typographyStyles.subtitle2\n },\n noIconBefore: {\n gridColumnStart: 1,\n gridRowStart: 1\n },\n iconBefore: {\n gridColumnStart: 2,\n gridRowStart: 1\n },\n placeholder: {\n visibility: 'hidden'\n }\n});\n/**\n * Apply styling to the Tab slots based on the state\n */ export const useTabStyles_unstable = (state)=>{\n 'use no memo';\n 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 { appearance, disabled, selected, size, vertical } = 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, // pending indicator (before pseudo element)\n pendingIndicatorStyles.base, size === 'small' && (vertical ? pendingIndicatorStyles.smallVertical : pendingIndicatorStyles.smallHorizontal), size === 'medium' && (vertical ? pendingIndicatorStyles.mediumVertical : pendingIndicatorStyles.mediumHorizontal), size === 'large' && (vertical ? pendingIndicatorStyles.largeVertical : pendingIndicatorStyles.largeHorizontal), disabled && pendingIndicatorStyles.disabled, // active indicator (after pseudo element)\n selected && activeIndicatorStyles.base, selected && !disabled && activeIndicatorStyles.selected, selected && size === 'small' && (vertical ? activeIndicatorStyles.smallVertical : activeIndicatorStyles.smallHorizontal), selected && size === 'medium' && (vertical ? activeIndicatorStyles.mediumVertical : activeIndicatorStyles.mediumHorizontal), selected && size === 'large' && (vertical ? activeIndicatorStyles.largeVertical : activeIndicatorStyles.largeHorizontal), selected && disabled && activeIndicatorStyles.disabled, 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.contentReservedSpace) {\n state.contentReservedSpace.className = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.className);\n // FIXME: this is a deprecated API\n // should be removed in the next major version\n // eslint-disable-next-line deprecation/deprecation\n state.contentReservedSpaceClassName = state.contentReservedSpace.className;\n }\n state.content.className = mergeClasses(tabClassNames.content, contentStyles.base, size === 'large' && contentStyles.large, selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected), state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, state.content.className);\n useTabAnimatedIndicatorStyles_unstable(state);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
package/lib/components/TabList/useTabListStyles.styles.js CHANGED
@@ -28,6 +28,8 @@ const useStyles = /*#__PURE__*/__styles({
28
28
  * Apply styling to the TabList slots based on the state
29
29
  */
30
30
  export const useTabListStyles_unstable = state => {
31
+ 'use no memo';
32
+
31
33
  const {
32
34
  vertical
33
35
  } = state;
package/lib/components/TabList/useTabListStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","tabListClassNames","root","useStyles","mc9l5x","Beiy3e4","Bnnss6s","Eh141a","qhf8xq","horizontal","Bt984gj","vertical","d","useTabListStyles_unstable","state","styles","className"],"sources":["useTabListStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const tabListClassNames = {\n root: 'fui-TabList'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n flexShrink: 0,\n flexWrap: 'nowrap',\n position: 'relative'\n },\n horizontal: {\n alignItems: 'stretch',\n flexDirection: 'row'\n },\n vertical: {\n alignItems: 'stretch',\n flexDirection: 'column'\n }\n});\n/**\n * Apply styling to the TabList slots based on the state\n */ export const useTabListStyles_unstable = (state)=>{\n const { vertical } = 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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,OAAA;IAAAL,OAAA;EAAA;EAAAM,QAAA;IAAAD,OAAA;IAAAL,OAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,CAgBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAIC,KAAK,IAAG;EAClD,MAAM;IAAEH;EAAS,CAAC,GAAGG,KAAK;EAC1B,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1BW,KAAK,CAACZ,IAAI,CAACc,SAAS,GAAGhB,YAAY,CAACC,iBAAiB,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAES,QAAQ,GAAGI,MAAM,CAACJ,QAAQ,GAAGI,MAAM,CAACN,UAAU,EAAEK,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;EAC9I,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","tabListClassNames","root","useStyles","mc9l5x","Beiy3e4","Bnnss6s","Eh141a","qhf8xq","horizontal","Bt984gj","vertical","d","useTabListStyles_unstable","state","styles","className"],"sources":["useTabListStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const tabListClassNames = {\n root: 'fui-TabList'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n flexShrink: 0,\n flexWrap: 'nowrap',\n position: 'relative'\n },\n horizontal: {\n alignItems: 'stretch',\n flexDirection: 'row'\n },\n vertical: {\n alignItems: 'stretch',\n flexDirection: 'column'\n }\n});\n/**\n * Apply styling to the TabList slots based on the state\n */ export const useTabListStyles_unstable = (state)=>{\n 'use no memo';\n const { vertical } = 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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,OAAA;IAAAL,OAAA;EAAA;EAAAM,QAAA;IAAAD,OAAA;IAAAL,OAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,CAgBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAIC,KAAK,IAAG;EAClD,aAAa;;EACb,MAAM;IAAEH;EAAS,CAAC,GAAGG,KAAK;EAC1B,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1BW,KAAK,CAACZ,IAAI,CAACc,SAAS,GAAGhB,YAAY,CAACC,iBAAiB,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAES,QAAQ,GAAGI,MAAM,CAACJ,QAAQ,GAAGI,MAAM,CAACN,UAAU,EAAEK,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;EAC9I,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib-commonjs/components/Tab/useTabStyles.styles.js CHANGED
@@ -720,6 +720,7 @@ const useActiveIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
720
720
  ]
721
721
  });
722
722
  const useTabStyles_unstable = (state)=>{
723
+ 'use no memo';
723
724
  const rootStyles = useRootStyles();
724
725
  const focusStyles = useFocusStyles();
725
726
  const pendingIndicatorStyles = usePendingIndicatorStyles();
package/lib-commonjs/components/Tab/useTabStyles.styles.js.map CHANGED
@@ -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 Bgfg5da: 0,\n B9xav0g: 0,\n oivjwe: 0,\n Bn0qgzm: 0,\n B4g9neb: 0,\n zhjwy3: 0,\n wvpqe5: 0,\n ibv6hh: 0,\n u1mtju: 0,\n h3c5rm: 0,\n vrafjx: 0,\n Bekrc4i: 0,\n i8vvqc: 0,\n g2u3we: 0,\n icvyot: 0,\n B4j52fo: 0,\n irswps: \"f3bhgqh\",\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\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: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n B9bfxx9: \"f1cxpek8\"\n },\n horizontal: {\n Brf1p80: \"f4d9j23\"\n },\n vertical: {\n Brf1p80: \"f1s9ku6b\"\n },\n smallHorizontal: {\n i8kkvl: \"f14mj54c\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1wmopi4\"\n },\n smallVertical: {\n i8kkvl: \"f14mj54c\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f12or63q\"\n },\n mediumHorizontal: {\n i8kkvl: \"f1rjii52\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1w08f2p\"\n },\n mediumVertical: {\n i8kkvl: \"f1rjii52\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fymxs25\"\n },\n largeHorizontal: {\n i8kkvl: \"f1rjii52\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1ssfvub\"\n },\n largeVertical: {\n i8kkvl: \"f1rjii52\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fwkd1rq\"\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;}\", [\".f3bhgqh{border:none;}\", {\n p: -2\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".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;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".f1cxpek8{text-transform:none;}\", \".f4d9j23{justify-content:center;}\", \".f1s9ku6b{justify-content:start;}\", \".f14mj54c{column-gap:var(--spacingHorizontalXXS);}\", [\".f1wmopi4{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalSNudge);}\", {\n p: -1\n }], [\".f12or63q{padding:var(--spacingVerticalXXS) var(--spacingHorizontalSNudge);}\", {\n p: -1\n }], \".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}\", [\".f1w08f2p{padding:var(--spacingVerticalM) var(--spacingHorizontalMNudge);}\", {\n p: -1\n }], [\".fymxs25{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalMNudge);}\", {\n p: -1\n }], [\".f1ssfvub{padding:var(--spacingVerticalL) var(--spacingHorizontalMNudge);}\", {\n p: -1\n }], [\".fwkd1rq{padding:var(--spacingVerticalS) var(--spacingHorizontalMNudge);}\", {\n p: -1\n }], \".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 vqofr: 0,\n Bv4n3vi: 0,\n Bgqb9hq: 0,\n B0uxbk8: 0,\n Bf3jju6: \"fg9j5n4\",\n amg5m6: \"f1kmhr4c\",\n zkfqfm: \"fl1ydde\",\n Bkydozb: \"f1y7maxz\",\n Bka2azo: 0,\n vzq8l0: 0,\n csmgbd: 0,\n Br4ovkg: 0,\n aelrif: \"fceyvr4\",\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);}\", [\".fg9j5n4:hover::before{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], \".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);}\", [\".fceyvr4:active::before{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], \".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 d9w3h3: 0,\n B3778ie: 0,\n B4j8arr: 0,\n Bl18szs: 0,\n Blrzh8d: \"f3b9emi\",\n Bsft5z2: \"f13zj6fq\",\n E3zdtr: \"f1mdlcz9\"\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);}\", [\".f3b9emi::after{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".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: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\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;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".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: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1bwptpd\"\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);}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], [\".f1bwptpd{padding:var(--spacingVerticalNone) var(--spacingHorizontalXXS);}\", {\n p: -1\n }], \".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.contentReservedSpace) {\n state.contentReservedSpace.className = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.className);\n // FIXME: this is a deprecated API\n // should be removed in the next major version\n // eslint-disable-next-line deprecation/deprecation\n state.contentReservedSpaceClassName = state.contentReservedSpace.className;\n }\n state.content.className = mergeClasses(tabClassNames.content, contentStyles.base, size === 'large' && contentStyles.large, selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected), state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, state.content.className);\n 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","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bceei9c","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","Bahqtrf","Bg96gwp","oeaueh","qhf8xq","B68tc82","Bmxbyg5","Bpg54ce","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","Jwef8y","ecr2s2","Bptxc3x","B076xvk","q9r9w5","cl4aha","Bk452zc","a4hkcw","subtle","disabled","selected","d","p","h","a","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","usePendingIndicatorStyles","az7l2e","vqofr","Bv4n3vi","Bgqb9hq","B0uxbk8","Bf3jju6","amg5m6","zkfqfm","Bkydozb","Bka2azo","vzq8l0","csmgbd","Br4ovkg","aelrif","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","m","useActiveIndicatorStyles","Bjyk6c5","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","E3zdtr","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","contentReservedSpace","contentReservedSpaceClassName","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 Bgfg5da: 0,\n B9xav0g: 0,\n oivjwe: 0,\n Bn0qgzm: 0,\n B4g9neb: 0,\n zhjwy3: 0,\n wvpqe5: 0,\n ibv6hh: 0,\n u1mtju: 0,\n h3c5rm: 0,\n vrafjx: 0,\n Bekrc4i: 0,\n i8vvqc: 0,\n g2u3we: 0,\n icvyot: 0,\n B4j52fo: 0,\n irswps: \"f3bhgqh\",\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\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: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n B9bfxx9: \"f1cxpek8\"\n },\n horizontal: {\n Brf1p80: \"f4d9j23\"\n },\n vertical: {\n Brf1p80: \"f1s9ku6b\"\n },\n smallHorizontal: {\n i8kkvl: \"f14mj54c\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1wmopi4\"\n },\n smallVertical: {\n i8kkvl: \"f14mj54c\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f12or63q\"\n },\n mediumHorizontal: {\n i8kkvl: \"f1rjii52\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1w08f2p\"\n },\n mediumVertical: {\n i8kkvl: \"f1rjii52\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fymxs25\"\n },\n largeHorizontal: {\n i8kkvl: \"f1rjii52\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1ssfvub\"\n },\n largeVertical: {\n i8kkvl: \"f1rjii52\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fwkd1rq\"\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;}\", [\".f3bhgqh{border:none;}\", {\n p: -2\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".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;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".f1cxpek8{text-transform:none;}\", \".f4d9j23{justify-content:center;}\", \".f1s9ku6b{justify-content:start;}\", \".f14mj54c{column-gap:var(--spacingHorizontalXXS);}\", [\".f1wmopi4{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalSNudge);}\", {\n p: -1\n }], [\".f12or63q{padding:var(--spacingVerticalXXS) var(--spacingHorizontalSNudge);}\", {\n p: -1\n }], \".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}\", [\".f1w08f2p{padding:var(--spacingVerticalM) var(--spacingHorizontalMNudge);}\", {\n p: -1\n }], [\".fymxs25{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalMNudge);}\", {\n p: -1\n }], [\".f1ssfvub{padding:var(--spacingVerticalL) var(--spacingHorizontalMNudge);}\", {\n p: -1\n }], [\".fwkd1rq{padding:var(--spacingVerticalS) var(--spacingHorizontalMNudge);}\", {\n p: -1\n }], \".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 vqofr: 0,\n Bv4n3vi: 0,\n Bgqb9hq: 0,\n B0uxbk8: 0,\n Bf3jju6: \"fg9j5n4\",\n amg5m6: \"f1kmhr4c\",\n zkfqfm: \"fl1ydde\",\n Bkydozb: \"f1y7maxz\",\n Bka2azo: 0,\n vzq8l0: 0,\n csmgbd: 0,\n Br4ovkg: 0,\n aelrif: \"fceyvr4\",\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);}\", [\".fg9j5n4:hover::before{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], \".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);}\", [\".fceyvr4:active::before{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], \".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 d9w3h3: 0,\n B3778ie: 0,\n B4j8arr: 0,\n Bl18szs: 0,\n Blrzh8d: \"f3b9emi\",\n Bsft5z2: \"f13zj6fq\",\n E3zdtr: \"f1mdlcz9\"\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);}\", [\".f3b9emi::after{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".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: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\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;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".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: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1bwptpd\"\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);}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], [\".f1bwptpd{padding:var(--spacingVerticalNone) var(--spacingHorizontalXXS);}\", {\n p: -1\n }], \".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 'use no memo';\n\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.contentReservedSpace) {\n state.contentReservedSpace.className = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.className);\n // FIXME: this is a deprecated API\n // should be removed in the next major version\n // eslint-disable-next-line deprecation/deprecation\n state.contentReservedSpaceClassName = state.contentReservedSpace.className;\n }\n state.content.className = mergeClasses(tabClassNames.content, contentStyles.base, size === 'large' && contentStyles.large, selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected), state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, state.content.className);\n 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","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bceei9c","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","Bahqtrf","Bg96gwp","oeaueh","qhf8xq","B68tc82","Bmxbyg5","Bpg54ce","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","Jwef8y","ecr2s2","Bptxc3x","B076xvk","q9r9w5","cl4aha","Bk452zc","a4hkcw","subtle","disabled","selected","d","p","h","a","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","usePendingIndicatorStyles","az7l2e","vqofr","Bv4n3vi","Bgqb9hq","B0uxbk8","Bf3jju6","amg5m6","zkfqfm","Bkydozb","Bka2azo","vzq8l0","csmgbd","Br4ovkg","aelrif","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","m","useActiveIndicatorStyles","Bjyk6c5","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","E3zdtr","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","contentReservedSpace","contentReservedSpaceClassName","useTabAnimatedIndicatorStyles_unstable"],"mappings":"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"}
package/lib-commonjs/components/TabList/useTabListStyles.styles.js CHANGED
@@ -50,6 +50,7 @@ const tabListClassNames = {
50
50
  ]
51
51
  });
52
52
  const useTabListStyles_unstable = (state)=>{
53
+ 'use no memo';
53
54
  const { vertical } = state;
54
55
  const styles = useStyles();
55
56
  state.root.className = (0, _react.mergeClasses)(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);
package/lib-commonjs/components/TabList/useTabListStyles.styles.js.map CHANGED
@@ -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: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;eAAjBA;;IA4BAC,yBAAyB;eAAzBA;;;uBA7B0B;AAChC,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,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;IACvC,MAAM,EACJF,QAAQ,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"}
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 'use no memo';\n\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;eAAjBA;;IA4BAC,yBAAyB;eAAzBA;;;uBA7B0B;AAChC,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,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;IACvC;IAEA,MAAM,EACJF,QAAQ,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.4.24",
3
+ "version": "9.4.25",
4
4
  "description": "Fluent UI React tabs components",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -31,12 +31,12 @@
31
31
  "@fluentui/scripts-tasks": "*"
32
32
  },
33
33
  "dependencies": {
34
- "@fluentui/react-context-selector": "^9.1.62",
35
- "@fluentui/react-jsx-runtime": "^9.0.39",
34
+ "@fluentui/react-context-selector": "^9.1.63",
35
+ "@fluentui/react-jsx-runtime": "^9.0.40",
36
36
  "@fluentui/react-shared-contexts": "^9.19.0",
37
- "@fluentui/react-tabster": "^9.22.0",
37
+ "@fluentui/react-tabster": "^9.22.1",
38
38
  "@fluentui/react-theme": "^9.1.19",
39
- "@fluentui/react-utilities": "^9.18.10",
39
+ "@fluentui/react-utilities": "^9.18.11",
40
40
  "@griffel/react": "^1.5.22",
41
41
  "@swc/helpers": "^0.5.1"
42
42
  },