npm - @fluentui/react-avatar - Versions diffs - 9.6.30 → 9.6.31 - Mend

@fluentui/react-avatar 9.6.30 → 9.6.31

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 (18) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,29 @@
 # Change Log - @fluentui/react-avatar
-This log was last generated on Mon, 17 Jun 2024 07:31:08 GMT and should not be manually modified.
+This log was last generated on Mon, 01 Jul 2024 20:25:54 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.6.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.6.31)
+Mon, 01 Jul 2024 20:25:54 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.6.30..@fluentui/react-avatar_v9.6.31)
+### Patches
+- chore: Update react-icons package to ^2.0.245 ([PR #31802](https://github.com/microsoft/fluentui/pull/31802) by ololubek@microsoft.com)
+- chore: add eslint react-compiler ([PR #31457](https://github.com/microsoft/fluentui/pull/31457) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-badge to v9.2.39 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.63 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-popover to v9.9.13 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-tabster to v9.22.1 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-tooltip to v9.4.32 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-utilities to v9.18.11 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.40 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
 ## [9.6.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.6.30)
-Mon, 17 Jun 2024 07:31:08 GMT
+Mon, 17 Jun 2024 07:34:17 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.6.29..@fluentui/react-avatar_v9.6.30)
 ### Patches

package/lib/components/Avatar/useAvatarStyles.styles.js CHANGED Viewed

@@ -494,6 +494,8 @@ const useRingColorStyles = /*#__PURE__*/__styles({
   d: [".f1uuiafn::before{color:var(--colorBrandStroke1);}", ".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}", ".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}", ".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}", ".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}", ".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}", ".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}", ".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}", ".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}", ".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}", ".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}", ".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}", ".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}", ".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}", ".fecnooh::before{color:var(--colorPaletteTealBorderActive);}", ".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}", ".fqproka::before{color:var(--colorPaletteBlueBorderActive);}", ".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}", ".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}", ".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}", ".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}", ".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}", ".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}", ".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}", ".fzflscs::before{color:var(--colorPalettePinkBorderActive);}", ".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}", ".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}", ".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}", ".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}", ".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}", ".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}"]
 });
 export const useAvatarStyles_unstable = state => {
+  'use no memo';
   const {
     size,
     shape,

package/lib/components/Avatar/useAvatarStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["tokens","__resetStyles","__styles","mergeClasses","avatarClassNames","root","image","initials","icon","badge","vars","badgeRadius","badgeGap","badgeAlign","ringWidth","useRootClassName","r","s","useImageClassName","useIconInitialsClassName","badgeMask","margin","centerOffset","innerRadius","outerRadius","useStyles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Bkqvd7p","Hwfdqs","ring","Ftih45","ringBadgeCutout","f4a502","ringThick","of393c","ringThicker","ringThickest","shadow","Bsft5z2","shadow4","Be6vj1x","shadow8","shadow16","shadow28","inactive","abs64n","Bfgortx","Bnvr3x9","b2tv09","Bucmhp4","iayac2","b6ubon","Bqinb2h","qhf8xq","B5kzvoi","j35jbq","badgeCutout","btxmck","Dnlfbu","tiny","Bdjeniz","niu6jh","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","p","m","useSizeStyles","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","useRingColorStyles","Bic5iru","useAvatarStyles_unstable","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","ringColorStyles","rootClasses","push","className","iconSizeClass"],"sources":["useAvatarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nexport const avatarClassNames = {\n root: 'fui-Avatar',\n image: 'fui-Avatar__image',\n initials: 'fui-Avatar__initials',\n icon: 'fui-Avatar__icon',\n badge: 'fui-Avatar__badge'\n};\n// CSS variables used internally in Avatar's styles\nconst vars = {\n badgeRadius: '--fui-Avatar-badgeRadius',\n badgeGap: '--fui-Avatar-badgeGap',\n badgeAlign: '--fui-Avatar-badgeAlign',\n ringWidth: '--fui-Avatar-ringWidth'\n};\nconst useRootClassName = makeResetStyles({\n display: 'inline-block',\n flexShrink: 0,\n position: 'relative',\n verticalAlign: 'middle',\n borderRadius: tokens.borderRadiusCircular,\n fontFamily: tokens.fontFamilyBase,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase300,\n width: '32px',\n height: '32px',\n // ::before is the ring, and ::after is the shadow.\n // These are not displayed by default; the ring and shadow clases set content: \"\" to display them when appropriate.\n '::before,::after': {\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n zIndex: -1,\n margin: `calc(-2 * var(${vars.ringWidth}, 0px))`,\n borderRadius: 'inherit',\n transitionProperty: 'margin, opacity',\n transitionTimingFunction: `${tokens.curveEasyEaseMax}, ${tokens.curveLinear}`,\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationSlower}`,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms'\n }\n },\n '::before': {\n borderStyle: 'solid',\n borderWidth: `var(${vars.ringWidth})`\n }\n});\nconst useImageClassName = makeResetStyles({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n borderRadius: 'inherit',\n objectFit: 'cover',\n verticalAlign: 'top'\n});\nconst useIconInitialsClassName = makeResetStyles({\n position: 'absolute',\n boxSizing: 'border-box',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n lineHeight: '1',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n verticalAlign: 'center',\n textAlign: 'center',\n userSelect: 'none',\n borderRadius: 'inherit'\n});\n/*\n Helper to create a maskImage that punches out a circle larger than the badge by `badgeGap`.\n * This creates a transparent gap between the badge and Avatar.\n \n Used by the icon, initials, and image slots, as well as the ring ::before pseudo-element.\n / const badgeMask = (margin)=>{\n // Center the cutout at the badge's radius away from the edge.\n // The ring (::before) also has a 2 ringWidth margin that also needs to be offset.\n const centerOffset = margin ? `calc(var(${vars.badgeRadius}) + ${margin})` : `var(${vars.badgeRadius})`;\n // radial-gradient does not have anti-aliasing, so the transparent and opaque gradient stops are offset by +/- 0.25px\n // to \"fade\" from transparent to opaque over a half-pixel and ease the transition.\n const innerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) - 0.25px)`;\n const outerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) + 0.25px)`;\n return `radial-gradient(circle at bottom ${centerOffset} var(${vars.badgeAlign}) ${centerOffset}, ` + `transparent ${innerRadius}, white ${outerRadius})`;\n};\nconst useStyles = makeStyles({\n textCaption2Strong: {\n fontSize: tokens.fontSizeBase100\n },\n textCaption1Strong: {\n fontSize: tokens.fontSizeBase200\n },\n textSubtitle2: {\n fontSize: tokens.fontSizeBase400\n },\n textSubtitle1: {\n fontSize: tokens.fontSizeBase500\n },\n textTitle3: {\n fontSize: tokens.fontSizeBase600\n },\n squareSmall: {\n borderRadius: tokens.borderRadiusSmall\n },\n squareMedium: {\n borderRadius: tokens.borderRadiusMedium\n },\n squareLarge: {\n borderRadius: tokens.borderRadiusLarge\n },\n squareXLarge: {\n borderRadius: tokens.borderRadiusXLarge\n },\n activeOrInactive: {\n transform: 'perspective(1px)',\n transitionProperty: 'transform, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationFaster}`,\n transitionTimingFunction: `${tokens.curveEasyEaseMax}, ${tokens.curveLinear}`,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms'\n }\n },\n ring: {\n // Show the ::before pseudo-element, which is the ring\n '::before': {\n content: '\"\"'\n }\n },\n ringBadgeCutout: {\n '::before': {\n maskImage: badgeMask(/margin =/ `2 * var(${vars.ringWidth})`)\n }\n },\n ringThick: {\n [vars.ringWidth]: tokens.strokeWidthThick\n },\n ringThicker: {\n [vars.ringWidth]: tokens.strokeWidthThicker\n },\n ringThickest: {\n [vars.ringWidth]: tokens.strokeWidthThickest\n },\n shadow: {\n // Show the ::after pseudo-element, which is the shadow\n '::after': {\n content: '\"\"'\n }\n },\n shadow4: {\n '::after': {\n boxShadow: tokens.shadow4\n }\n },\n shadow8: {\n '::after': {\n boxShadow: tokens.shadow8\n }\n },\n shadow16: {\n '::after': {\n boxShadow: tokens.shadow16\n }\n },\n shadow28: {\n '::after': {\n boxShadow: tokens.shadow28\n }\n },\n inactive: {\n opacity: '0.8',\n transform: 'scale(0.875)',\n transitionTimingFunction: `${tokens.curveDecelerateMin}, ${tokens.curveLinear}`,\n '::before,::after': {\n margin: 0,\n opacity: 0,\n transitionTimingFunction: `${tokens.curveDecelerateMin}, ${tokens.curveLinear}`\n }\n },\n // Applied to the badge slot\n badge: {\n position: 'absolute',\n bottom: 0,\n right: 0\n },\n // Applied to the image, initials, or icon slot when there is a badge\n badgeCutout: {\n maskImage: badgeMask()\n },\n // Applied to the root when there is a badge\n badgeAlign: {\n // Griffel won't auto-flip the \"right\" alignment to \"left\" in RTL if it is inline in the maskImage,\n // so split it out into a css variable that will auto-flip.\n [vars.badgeAlign]: 'right'\n },\n // Badge size: applied to root when there is a badge\n tiny: {\n [vars.badgeRadius]: '3px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n 'extra-small': {\n [vars.badgeRadius]: '5px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n small: {\n [vars.badgeRadius]: '6px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n medium: {\n [vars.badgeRadius]: '8px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n large: {\n [vars.badgeRadius]: '10px',\n [vars.badgeGap]: tokens.strokeWidthThick\n },\n 'extra-large': {\n [vars.badgeRadius]: '14px',\n [vars.badgeGap]: tokens.strokeWidthThick\n },\n icon12: {\n fontSize: '12px'\n },\n icon16: {\n fontSize: '16px'\n },\n icon20: {\n fontSize: '20px'\n },\n icon24: {\n fontSize: '24px'\n },\n icon28: {\n fontSize: '28px'\n },\n icon32: {\n fontSize: '32px'\n },\n icon48: {\n fontSize: '48px'\n }\n});\nexport const useSizeStyles = makeStyles({\n 16: {\n width: '16px',\n height: '16px'\n },\n 20: {\n width: '20px',\n height: '20px'\n },\n 24: {\n width: '24px',\n height: '24px'\n },\n 28: {\n width: '28px',\n height: '28px'\n },\n 32: {\n width: '32px',\n height: '32px'\n },\n 36: {\n width: '36px',\n height: '36px'\n },\n 40: {\n width: '40px',\n height: '40px'\n },\n 48: {\n width: '48px',\n height: '48px'\n },\n 56: {\n width: '56px',\n height: '56px'\n },\n 64: {\n width: '64px',\n height: '64px'\n },\n 72: {\n width: '72px',\n height: '72px'\n },\n 96: {\n width: '96px',\n height: '96px'\n },\n 120: {\n width: '120px',\n height: '120px'\n },\n 128: {\n width: '128px',\n height: '128px'\n }\n});\nconst useColorStyles = makeStyles({\n neutral: {\n color: tokens.colorNeutralForeground3,\n backgroundColor: tokens.colorNeutralBackground6\n },\n brand: {\n color: tokens.colorNeutralForegroundStaticInverted,\n backgroundColor: tokens.colorBrandBackgroundStatic\n },\n 'dark-red': {\n color: tokens.colorPaletteDarkRedForeground2,\n backgroundColor: tokens.colorPaletteDarkRedBackground2\n },\n cranberry: {\n color: tokens.colorPaletteCranberryForeground2,\n backgroundColor: tokens.colorPaletteCranberryBackground2\n },\n red: {\n color: tokens.colorPaletteRedForeground2,\n backgroundColor: tokens.colorPaletteRedBackground2\n },\n pumpkin: {\n color: tokens.colorPalettePumpkinForeground2,\n backgroundColor: tokens.colorPalettePumpkinBackground2\n },\n peach: {\n color: tokens.colorPalettePeachForeground2,\n backgroundColor: tokens.colorPalettePeachBackground2\n },\n marigold: {\n color: tokens.colorPaletteMarigoldForeground2,\n backgroundColor: tokens.colorPaletteMarigoldBackground2\n },\n gold: {\n color: tokens.colorPaletteGoldForeground2,\n backgroundColor: tokens.colorPaletteGoldBackground2\n },\n brass: {\n color: tokens.colorPaletteBrassForeground2,\n backgroundColor: tokens.colorPaletteBrassBackground2\n },\n brown: {\n color: tokens.colorPaletteBrownForeground2,\n backgroundColor: tokens.colorPaletteBrownBackground2\n },\n forest: {\n color: tokens.colorPaletteForestForeground2,\n backgroundColor: tokens.colorPaletteForestBackground2\n },\n seafoam: {\n color: tokens.colorPaletteSeafoamForeground2,\n backgroundColor: tokens.colorPaletteSeafoamBackground2\n },\n 'dark-green': {\n color: tokens.colorPaletteDarkGreenForeground2,\n backgroundColor: tokens.colorPaletteDarkGreenBackground2\n },\n 'light-teal': {\n color: tokens.colorPaletteLightTealForeground2,\n backgroundColor: tokens.colorPaletteLightTealBackground2\n },\n teal: {\n color: tokens.colorPaletteTealForeground2,\n backgroundColor: tokens.colorPaletteTealBackground2\n },\n steel: {\n color: tokens.colorPaletteSteelForeground2,\n backgroundColor: tokens.colorPaletteSteelBackground2\n },\n blue: {\n color: tokens.colorPaletteBlueForeground2,\n backgroundColor: tokens.colorPaletteBlueBackground2\n },\n 'royal-blue': {\n color: tokens.colorPaletteRoyalBlueForeground2,\n backgroundColor: tokens.colorPaletteRoyalBlueBackground2\n },\n cornflower: {\n color: tokens.colorPaletteCornflowerForeground2,\n backgroundColor: tokens.colorPaletteCornflowerBackground2\n },\n navy: {\n color: tokens.colorPaletteNavyForeground2,\n backgroundColor: tokens.colorPaletteNavyBackground2\n },\n lavender: {\n color: tokens.colorPaletteLavenderForeground2,\n backgroundColor: tokens.colorPaletteLavenderBackground2\n },\n purple: {\n color: tokens.colorPalettePurpleForeground2,\n backgroundColor: tokens.colorPalettePurpleBackground2\n },\n grape: {\n color: tokens.colorPaletteGrapeForeground2,\n backgroundColor: tokens.colorPaletteGrapeBackground2\n },\n lilac: {\n color: tokens.colorPaletteLilacForeground2,\n backgroundColor: tokens.colorPaletteLilacBackground2\n },\n pink: {\n color: tokens.colorPalettePinkForeground2,\n backgroundColor: tokens.colorPalettePinkBackground2\n },\n magenta: {\n color: tokens.colorPaletteMagentaForeground2,\n backgroundColor: tokens.colorPaletteMagentaBackground2\n },\n plum: {\n color: tokens.colorPalettePlumForeground2,\n backgroundColor: tokens.colorPalettePlumBackground2\n },\n beige: {\n color: tokens.colorPaletteBeigeForeground2,\n backgroundColor: tokens.colorPaletteBeigeBackground2\n },\n mink: {\n color: tokens.colorPaletteMinkForeground2,\n backgroundColor: tokens.colorPaletteMinkBackground2\n },\n platinum: {\n color: tokens.colorPalettePlatinumForeground2,\n backgroundColor: tokens.colorPalettePlatinumBackground2\n },\n anchor: {\n color: tokens.colorPaletteAnchorForeground2,\n backgroundColor: tokens.colorPaletteAnchorBackground2\n }\n});\nconst useRingColorStyles = makeStyles({\n neutral: {\n '::before': {\n color: tokens.colorBrandStroke1\n }\n },\n brand: {\n '::before': {\n color: tokens.colorBrandStroke1\n }\n },\n 'dark-red': {\n '::before': {\n color: tokens.colorPaletteDarkRedBorderActive\n }\n },\n cranberry: {\n '::before': {\n color: tokens.colorPaletteCranberryBorderActive\n }\n },\n red: {\n '::before': {\n color: tokens.colorPaletteRedBorderActive\n }\n },\n pumpkin: {\n '::before': {\n color: tokens.colorPalettePumpkinBorderActive\n }\n },\n peach: {\n '::before': {\n color: tokens.colorPalettePeachBorderActive\n }\n },\n marigold: {\n '::before': {\n color: tokens.colorPaletteMarigoldBorderActive\n }\n },\n gold: {\n '::before': {\n color: tokens.colorPaletteGoldBorderActive\n }\n },\n brass: {\n '::before': {\n color: tokens.colorPaletteBrassBorderActive\n }\n },\n brown: {\n '::before': {\n color: tokens.colorPaletteBrownBorderActive\n }\n },\n forest: {\n '::before': {\n color: tokens.colorPaletteForestBorderActive\n }\n },\n seafoam: {\n '::before': {\n color: tokens.colorPaletteSeafoamBorderActive\n }\n },\n 'dark-green': {\n '::before': {\n color: tokens.colorPaletteDarkGreenBorderActive\n }\n },\n 'light-teal': {\n '::before': {\n color: tokens.colorPaletteLightTealBorderActive\n }\n },\n teal: {\n '::before': {\n color: tokens.colorPaletteTealBorderActive\n }\n },\n steel: {\n '::before': {\n color: tokens.colorPaletteSteelBorderActive\n }\n },\n blue: {\n '::before': {\n color: tokens.colorPaletteBlueBorderActive\n }\n },\n 'royal-blue': {\n '::before': {\n color: tokens.colorPaletteRoyalBlueBorderActive\n }\n },\n cornflower: {\n '::before': {\n color: tokens.colorPaletteCornflowerBorderActive\n }\n },\n navy: {\n '::before': {\n color: tokens.colorPaletteNavyBorderActive\n }\n },\n lavender: {\n '::before': {\n color: tokens.colorPaletteLavenderBorderActive\n }\n },\n purple: {\n '::before': {\n color: tokens.colorPalettePurpleBorderActive\n }\n },\n grape: {\n '::before': {\n color: tokens.colorPaletteGrapeBorderActive\n }\n },\n lilac: {\n '::before': {\n color: tokens.colorPaletteLilacBorderActive\n }\n },\n pink: {\n '::before': {\n color: tokens.colorPalettePinkBorderActive\n }\n },\n magenta: {\n '::before': {\n color: tokens.colorPaletteMagentaBorderActive\n }\n },\n plum: {\n '::before': {\n color: tokens.colorPalettePlumBorderActive\n }\n },\n beige: {\n '::before': {\n color: tokens.colorPaletteBeigeBorderActive\n }\n },\n mink: {\n '::before': {\n color: tokens.colorPaletteMinkBorderActive\n }\n },\n platinum: {\n '::before': {\n color: tokens.colorPalettePlatinumBorderActive\n }\n },\n anchor: {\n '::before': {\n color: tokens.colorPaletteAnchorBorderActive\n }\n }\n});\nexport const useAvatarStyles_unstable = (state)=>{\n const { size, shape, active, activeAppearance, color } = state;\n const rootClassName = useRootClassName();\n const imageClassName = useImageClassName();\n const iconInitialsClassName = useIconInitialsClassName();\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n const ringColorStyles = useRingColorStyles();\n const rootClasses = [\n rootClassName,\n size !== 32 && sizeStyles[size]\n ];\n if (state.badge) {\n rootClasses.push(styles.badgeAlign, styles[state.badge.size \|\| 'medium']);\n }\n if (size <= 24) {\n rootClasses.push(styles.textCaption2Strong);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n // Default text size included in useRootClassName\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle3);\n }\n if (shape === 'square') {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n if (active === 'active' \|\| active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n if (activeAppearance === 'ring' \|\| activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.ring, ringColorStyles[color]);\n if (state.badge) {\n rootClasses.push(styles.ringBadgeCutout);\n }\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n if (activeAppearance === 'shadow' \|\| activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.shadow);\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n if (state.badge) {\n state.badge.className = mergeClasses(avatarClassNames.badge, styles.badge, state.badge.className);\n }\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, colorStyles[color], state.badge && styles.badgeCutout, state.image.className);\n }\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, colorStyles[color], state.badge && styles.badgeCutout, state.initials.className);\n }\n if (state.icon) {\n let iconSizeClass;\n if (size <= 16) {\n iconSizeClass = styles.icon12;\n } else if (size <= 24) {\n iconSizeClass = styles.icon16;\n } else if (size <= 40) {\n iconSizeClass = styles.icon20;\n } else if (size <= 48) {\n iconSizeClass = styles.icon24;\n } else if (size <= 56) {\n iconSizeClass = styles.icon28;\n } else if (size <= 72) {\n iconSizeClass = styles.icon32;\n } else {\n iconSizeClass = styles.icon48;\n }\n state.icon.className = mergeClasses(avatarClassNames.icon, iconInitialsClassName, iconSizeClass, colorStyles[color], state.badge && styles.badgeCutout, state.icon.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["tokens","__resetStyles","__styles","mergeClasses","avatarClassNames","root","image","initials","icon","badge","vars","badgeRadius","badgeGap","badgeAlign","ringWidth","useRootClassName","r","s","useImageClassName","useIconInitialsClassName","badgeMask","margin","centerOffset","innerRadius","outerRadius","useStyles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Bkqvd7p","Hwfdqs","ring","Ftih45","ringBadgeCutout","f4a502","ringThick","of393c","ringThicker","ringThickest","shadow","Bsft5z2","shadow4","Be6vj1x","shadow8","shadow16","shadow28","inactive","abs64n","Bfgortx","Bnvr3x9","b2tv09","Bucmhp4","iayac2","b6ubon","Bqinb2h","qhf8xq","B5kzvoi","j35jbq","badgeCutout","btxmck","Dnlfbu","tiny","Bdjeniz","niu6jh","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","p","m","useSizeStyles","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","useRingColorStyles","Bic5iru","useAvatarStyles_unstable","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","ringColorStyles","rootClasses","push","className","iconSizeClass"],"sources":["useAvatarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nexport const avatarClassNames = {\n root: 'fui-Avatar',\n image: 'fui-Avatar__image',\n initials: 'fui-Avatar__initials',\n icon: 'fui-Avatar__icon',\n badge: 'fui-Avatar__badge'\n};\n// CSS variables used internally in Avatar's styles\nconst vars = {\n badgeRadius: '--fui-Avatar-badgeRadius',\n badgeGap: '--fui-Avatar-badgeGap',\n badgeAlign: '--fui-Avatar-badgeAlign',\n ringWidth: '--fui-Avatar-ringWidth'\n};\nconst useRootClassName = makeResetStyles({\n display: 'inline-block',\n flexShrink: 0,\n position: 'relative',\n verticalAlign: 'middle',\n borderRadius: tokens.borderRadiusCircular,\n fontFamily: tokens.fontFamilyBase,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase300,\n width: '32px',\n height: '32px',\n // ::before is the ring, and ::after is the shadow.\n // These are not displayed by default; the ring and shadow clases set content: \"\" to display them when appropriate.\n '::before,::after': {\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n zIndex: -1,\n margin: `calc(-2 * var(${vars.ringWidth}, 0px))`,\n borderRadius: 'inherit',\n transitionProperty: 'margin, opacity',\n transitionTimingFunction: `${tokens.curveEasyEaseMax}, ${tokens.curveLinear}`,\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationSlower}`,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms'\n }\n },\n '::before': {\n borderStyle: 'solid',\n borderWidth: `var(${vars.ringWidth})`\n }\n});\nconst useImageClassName = makeResetStyles({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n borderRadius: 'inherit',\n objectFit: 'cover',\n verticalAlign: 'top'\n});\nconst useIconInitialsClassName = makeResetStyles({\n position: 'absolute',\n boxSizing: 'border-box',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n lineHeight: '1',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n verticalAlign: 'center',\n textAlign: 'center',\n userSelect: 'none',\n borderRadius: 'inherit'\n});\n/*\n Helper to create a maskImage that punches out a circle larger than the badge by `badgeGap`.\n * This creates a transparent gap between the badge and Avatar.\n \n Used by the icon, initials, and image slots, as well as the ring ::before pseudo-element.\n / const badgeMask = (margin)=>{\n // Center the cutout at the badge's radius away from the edge.\n // The ring (::before) also has a 2 ringWidth margin that also needs to be offset.\n const centerOffset = margin ? `calc(var(${vars.badgeRadius}) + ${margin})` : `var(${vars.badgeRadius})`;\n // radial-gradient does not have anti-aliasing, so the transparent and opaque gradient stops are offset by +/- 0.25px\n // to \"fade\" from transparent to opaque over a half-pixel and ease the transition.\n const innerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) - 0.25px)`;\n const outerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) + 0.25px)`;\n return `radial-gradient(circle at bottom ${centerOffset} var(${vars.badgeAlign}) ${centerOffset}, ` + `transparent ${innerRadius}, white ${outerRadius})`;\n};\nconst useStyles = makeStyles({\n textCaption2Strong: {\n fontSize: tokens.fontSizeBase100\n },\n textCaption1Strong: {\n fontSize: tokens.fontSizeBase200\n },\n textSubtitle2: {\n fontSize: tokens.fontSizeBase400\n },\n textSubtitle1: {\n fontSize: tokens.fontSizeBase500\n },\n textTitle3: {\n fontSize: tokens.fontSizeBase600\n },\n squareSmall: {\n borderRadius: tokens.borderRadiusSmall\n },\n squareMedium: {\n borderRadius: tokens.borderRadiusMedium\n },\n squareLarge: {\n borderRadius: tokens.borderRadiusLarge\n },\n squareXLarge: {\n borderRadius: tokens.borderRadiusXLarge\n },\n activeOrInactive: {\n transform: 'perspective(1px)',\n transitionProperty: 'transform, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationFaster}`,\n transitionTimingFunction: `${tokens.curveEasyEaseMax}, ${tokens.curveLinear}`,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms'\n }\n },\n ring: {\n // Show the ::before pseudo-element, which is the ring\n '::before': {\n content: '\"\"'\n }\n },\n ringBadgeCutout: {\n '::before': {\n maskImage: badgeMask(/margin =/ `2 * var(${vars.ringWidth})`)\n }\n },\n ringThick: {\n [vars.ringWidth]: tokens.strokeWidthThick\n },\n ringThicker: {\n [vars.ringWidth]: tokens.strokeWidthThicker\n },\n ringThickest: {\n [vars.ringWidth]: tokens.strokeWidthThickest\n },\n shadow: {\n // Show the ::after pseudo-element, which is the shadow\n '::after': {\n content: '\"\"'\n }\n },\n shadow4: {\n '::after': {\n boxShadow: tokens.shadow4\n }\n },\n shadow8: {\n '::after': {\n boxShadow: tokens.shadow8\n }\n },\n shadow16: {\n '::after': {\n boxShadow: tokens.shadow16\n }\n },\n shadow28: {\n '::after': {\n boxShadow: tokens.shadow28\n }\n },\n inactive: {\n opacity: '0.8',\n transform: 'scale(0.875)',\n transitionTimingFunction: `${tokens.curveDecelerateMin}, ${tokens.curveLinear}`,\n '::before,::after': {\n margin: 0,\n opacity: 0,\n transitionTimingFunction: `${tokens.curveDecelerateMin}, ${tokens.curveLinear}`\n }\n },\n // Applied to the badge slot\n badge: {\n position: 'absolute',\n bottom: 0,\n right: 0\n },\n // Applied to the image, initials, or icon slot when there is a badge\n badgeCutout: {\n maskImage: badgeMask()\n },\n // Applied to the root when there is a badge\n badgeAlign: {\n // Griffel won't auto-flip the \"right\" alignment to \"left\" in RTL if it is inline in the maskImage,\n // so split it out into a css variable that will auto-flip.\n [vars.badgeAlign]: 'right'\n },\n // Badge size: applied to root when there is a badge\n tiny: {\n [vars.badgeRadius]: '3px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n 'extra-small': {\n [vars.badgeRadius]: '5px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n small: {\n [vars.badgeRadius]: '6px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n medium: {\n [vars.badgeRadius]: '8px',\n [vars.badgeGap]: tokens.strokeWidthThin\n },\n large: {\n [vars.badgeRadius]: '10px',\n [vars.badgeGap]: tokens.strokeWidthThick\n },\n 'extra-large': {\n [vars.badgeRadius]: '14px',\n [vars.badgeGap]: tokens.strokeWidthThick\n },\n icon12: {\n fontSize: '12px'\n },\n icon16: {\n fontSize: '16px'\n },\n icon20: {\n fontSize: '20px'\n },\n icon24: {\n fontSize: '24px'\n },\n icon28: {\n fontSize: '28px'\n },\n icon32: {\n fontSize: '32px'\n },\n icon48: {\n fontSize: '48px'\n }\n});\nexport const useSizeStyles = makeStyles({\n 16: {\n width: '16px',\n height: '16px'\n },\n 20: {\n width: '20px',\n height: '20px'\n },\n 24: {\n width: '24px',\n height: '24px'\n },\n 28: {\n width: '28px',\n height: '28px'\n },\n 32: {\n width: '32px',\n height: '32px'\n },\n 36: {\n width: '36px',\n height: '36px'\n },\n 40: {\n width: '40px',\n height: '40px'\n },\n 48: {\n width: '48px',\n height: '48px'\n },\n 56: {\n width: '56px',\n height: '56px'\n },\n 64: {\n width: '64px',\n height: '64px'\n },\n 72: {\n width: '72px',\n height: '72px'\n },\n 96: {\n width: '96px',\n height: '96px'\n },\n 120: {\n width: '120px',\n height: '120px'\n },\n 128: {\n width: '128px',\n height: '128px'\n }\n});\nconst useColorStyles = makeStyles({\n neutral: {\n color: tokens.colorNeutralForeground3,\n backgroundColor: tokens.colorNeutralBackground6\n },\n brand: {\n color: tokens.colorNeutralForegroundStaticInverted,\n backgroundColor: tokens.colorBrandBackgroundStatic\n },\n 'dark-red': {\n color: tokens.colorPaletteDarkRedForeground2,\n backgroundColor: tokens.colorPaletteDarkRedBackground2\n },\n cranberry: {\n color: tokens.colorPaletteCranberryForeground2,\n backgroundColor: tokens.colorPaletteCranberryBackground2\n },\n red: {\n color: tokens.colorPaletteRedForeground2,\n backgroundColor: tokens.colorPaletteRedBackground2\n },\n pumpkin: {\n color: tokens.colorPalettePumpkinForeground2,\n backgroundColor: tokens.colorPalettePumpkinBackground2\n },\n peach: {\n color: tokens.colorPalettePeachForeground2,\n backgroundColor: tokens.colorPalettePeachBackground2\n },\n marigold: {\n color: tokens.colorPaletteMarigoldForeground2,\n backgroundColor: tokens.colorPaletteMarigoldBackground2\n },\n gold: {\n color: tokens.colorPaletteGoldForeground2,\n backgroundColor: tokens.colorPaletteGoldBackground2\n },\n brass: {\n color: tokens.colorPaletteBrassForeground2,\n backgroundColor: tokens.colorPaletteBrassBackground2\n },\n brown: {\n color: tokens.colorPaletteBrownForeground2,\n backgroundColor: tokens.colorPaletteBrownBackground2\n },\n forest: {\n color: tokens.colorPaletteForestForeground2,\n backgroundColor: tokens.colorPaletteForestBackground2\n },\n seafoam: {\n color: tokens.colorPaletteSeafoamForeground2,\n backgroundColor: tokens.colorPaletteSeafoamBackground2\n },\n 'dark-green': {\n color: tokens.colorPaletteDarkGreenForeground2,\n backgroundColor: tokens.colorPaletteDarkGreenBackground2\n },\n 'light-teal': {\n color: tokens.colorPaletteLightTealForeground2,\n backgroundColor: tokens.colorPaletteLightTealBackground2\n },\n teal: {\n color: tokens.colorPaletteTealForeground2,\n backgroundColor: tokens.colorPaletteTealBackground2\n },\n steel: {\n color: tokens.colorPaletteSteelForeground2,\n backgroundColor: tokens.colorPaletteSteelBackground2\n },\n blue: {\n color: tokens.colorPaletteBlueForeground2,\n backgroundColor: tokens.colorPaletteBlueBackground2\n },\n 'royal-blue': {\n color: tokens.colorPaletteRoyalBlueForeground2,\n backgroundColor: tokens.colorPaletteRoyalBlueBackground2\n },\n cornflower: {\n color: tokens.colorPaletteCornflowerForeground2,\n backgroundColor: tokens.colorPaletteCornflowerBackground2\n },\n navy: {\n color: tokens.colorPaletteNavyForeground2,\n backgroundColor: tokens.colorPaletteNavyBackground2\n },\n lavender: {\n color: tokens.colorPaletteLavenderForeground2,\n backgroundColor: tokens.colorPaletteLavenderBackground2\n },\n purple: {\n color: tokens.colorPalettePurpleForeground2,\n backgroundColor: tokens.colorPalettePurpleBackground2\n },\n grape: {\n color: tokens.colorPaletteGrapeForeground2,\n backgroundColor: tokens.colorPaletteGrapeBackground2\n },\n lilac: {\n color: tokens.colorPaletteLilacForeground2,\n backgroundColor: tokens.colorPaletteLilacBackground2\n },\n pink: {\n color: tokens.colorPalettePinkForeground2,\n backgroundColor: tokens.colorPalettePinkBackground2\n },\n magenta: {\n color: tokens.colorPaletteMagentaForeground2,\n backgroundColor: tokens.colorPaletteMagentaBackground2\n },\n plum: {\n color: tokens.colorPalettePlumForeground2,\n backgroundColor: tokens.colorPalettePlumBackground2\n },\n beige: {\n color: tokens.colorPaletteBeigeForeground2,\n backgroundColor: tokens.colorPaletteBeigeBackground2\n },\n mink: {\n color: tokens.colorPaletteMinkForeground2,\n backgroundColor: tokens.colorPaletteMinkBackground2\n },\n platinum: {\n color: tokens.colorPalettePlatinumForeground2,\n backgroundColor: tokens.colorPalettePlatinumBackground2\n },\n anchor: {\n color: tokens.colorPaletteAnchorForeground2,\n backgroundColor: tokens.colorPaletteAnchorBackground2\n }\n});\nconst useRingColorStyles = makeStyles({\n neutral: {\n '::before': {\n color: tokens.colorBrandStroke1\n }\n },\n brand: {\n '::before': {\n color: tokens.colorBrandStroke1\n }\n },\n 'dark-red': {\n '::before': {\n color: tokens.colorPaletteDarkRedBorderActive\n }\n },\n cranberry: {\n '::before': {\n color: tokens.colorPaletteCranberryBorderActive\n }\n },\n red: {\n '::before': {\n color: tokens.colorPaletteRedBorderActive\n }\n },\n pumpkin: {\n '::before': {\n color: tokens.colorPalettePumpkinBorderActive\n }\n },\n peach: {\n '::before': {\n color: tokens.colorPalettePeachBorderActive\n }\n },\n marigold: {\n '::before': {\n color: tokens.colorPaletteMarigoldBorderActive\n }\n },\n gold: {\n '::before': {\n color: tokens.colorPaletteGoldBorderActive\n }\n },\n brass: {\n '::before': {\n color: tokens.colorPaletteBrassBorderActive\n }\n },\n brown: {\n '::before': {\n color: tokens.colorPaletteBrownBorderActive\n }\n },\n forest: {\n '::before': {\n color: tokens.colorPaletteForestBorderActive\n }\n },\n seafoam: {\n '::before': {\n color: tokens.colorPaletteSeafoamBorderActive\n }\n },\n 'dark-green': {\n '::before': {\n color: tokens.colorPaletteDarkGreenBorderActive\n }\n },\n 'light-teal': {\n '::before': {\n color: tokens.colorPaletteLightTealBorderActive\n }\n },\n teal: {\n '::before': {\n color: tokens.colorPaletteTealBorderActive\n }\n },\n steel: {\n '::before': {\n color: tokens.colorPaletteSteelBorderActive\n }\n },\n blue: {\n '::before': {\n color: tokens.colorPaletteBlueBorderActive\n }\n },\n 'royal-blue': {\n '::before': {\n color: tokens.colorPaletteRoyalBlueBorderActive\n }\n },\n cornflower: {\n '::before': {\n color: tokens.colorPaletteCornflowerBorderActive\n }\n },\n navy: {\n '::before': {\n color: tokens.colorPaletteNavyBorderActive\n }\n },\n lavender: {\n '::before': {\n color: tokens.colorPaletteLavenderBorderActive\n }\n },\n purple: {\n '::before': {\n color: tokens.colorPalettePurpleBorderActive\n }\n },\n grape: {\n '::before': {\n color: tokens.colorPaletteGrapeBorderActive\n }\n },\n lilac: {\n '::before': {\n color: tokens.colorPaletteLilacBorderActive\n }\n },\n pink: {\n '::before': {\n color: tokens.colorPalettePinkBorderActive\n }\n },\n magenta: {\n '::before': {\n color: tokens.colorPaletteMagentaBorderActive\n }\n },\n plum: {\n '::before': {\n color: tokens.colorPalettePlumBorderActive\n }\n },\n beige: {\n '::before': {\n color: tokens.colorPaletteBeigeBorderActive\n }\n },\n mink: {\n '::before': {\n color: tokens.colorPaletteMinkBorderActive\n }\n },\n platinum: {\n '::before': {\n color: tokens.colorPalettePlatinumBorderActive\n }\n },\n anchor: {\n '::before': {\n color: tokens.colorPaletteAnchorBorderActive\n }\n }\n});\nexport const useAvatarStyles_unstable = (state)=>{\n 'use no memo';\n const { size, shape, active, activeAppearance, color } = state;\n const rootClassName = useRootClassName();\n const imageClassName = useImageClassName();\n const iconInitialsClassName = useIconInitialsClassName();\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n const ringColorStyles = useRingColorStyles();\n const rootClasses = [\n rootClassName,\n size !== 32 && sizeStyles[size]\n ];\n if (state.badge) {\n rootClasses.push(styles.badgeAlign, styles[state.badge.size \|\| 'medium']);\n }\n if (size <= 24) {\n rootClasses.push(styles.textCaption2Strong);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n // Default text size included in useRootClassName\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle3);\n }\n if (shape === 'square') {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n if (active === 'active' \|\| active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n if (activeAppearance === 'ring' \|\| activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.ring, ringColorStyles[color]);\n if (state.badge) {\n rootClasses.push(styles.ringBadgeCutout);\n }\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n if (activeAppearance === 'shadow' \|\| activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.shadow);\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n if (state.badge) {\n state.badge.className = mergeClasses(avatarClassNames.badge, styles.badge, state.badge.className);\n }\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, colorStyles[color], state.badge && styles.badgeCutout, state.image.className);\n }\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, colorStyles[color], state.badge && styles.badgeCutout, state.initials.className);\n }\n if (state.icon) {\n let iconSizeClass;\n if (size <= 16) {\n iconSizeClass = styles.icon12;\n } else if (size <= 24) {\n iconSizeClass = styles.icon16;\n } else if (size <= 40) {\n iconSizeClass = styles.icon20;\n } else if (size <= 48) {\n iconSizeClass = styles.icon24;\n } else if (size <= 56) {\n iconSizeClass = styles.icon28;\n } else if (size <= 72) {\n iconSizeClass = styles.icon32;\n } else {\n iconSizeClass = styles.icon48;\n }\n state.icon.className = mergeClasses(avatarClassNames.icon, iconInitialsClassName, iconSizeClass, colorStyles[color], state.badge && styles.badgeCutout, state.icon.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.js CHANGED Viewed

@@ -27,6 +27,8 @@ const useStyles = /*#__PURE__*/__styles({
  * Apply styling to the AvatarGroup slots based on the state
  */
 export const useAvatarGroupStyles_unstable = state => {
+  'use no memo';
   const {
     layout,
     size

package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","tokens","useSizeStyles","avatarGroupClassNames","root","useStyles","base","mc9l5x","qhf8xq","pie","Bgl5zvf","De3pzq","Bsw6fvg","d","m","useAvatarGroupStyles_unstable","state","layout","size","styles","sizeStyles","className"],"sources":["useAvatarGroupStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupClassNames = {\n root: 'fui-AvatarGroup'\n};\n/*\n Styles for the root slot.\n / const useStyles = makeStyles({\n base: {\n display: 'inline-flex',\n position: 'relative'\n },\n pie: {\n clipPath: 'circle(50%)',\n backgroundColor: tokens.colorTransparentStroke,\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText'\n }\n }\n});\n/\n Apply styling to the AvatarGroup slots based on the state\n */ export const useAvatarGroupStyles_unstable = (state)=>{\n const { layout, size } = state;\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n state.root.className = mergeClasses(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,aAAa,QAAQ,kCAAkC;AAChE,OAAO,MAAMC,qBAAqB,GAAG;EACjCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGN,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,GAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;AAAA,CAYrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,6BAA6B,GAAIC,KAAK,IAAG;EACtD,MAAM;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC9B,MAAMG,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B,MAAMe,UAAU,GAAGlB,aAAa,CAAC,CAAC;EAClCc,KAAK,CAACZ,IAAI,CAACiB,SAAS,GAAGrB,YAAY,CAACG,qBAAqB,CAACC,IAAI,EAAEe,MAAM,CAACb,IAAI,EAAEW,MAAM,KAAK,KAAK,IAAIG,UAAU,CAACF,IAAI,CAAC,EAAED,MAAM,KAAK,KAAK,IAAIE,MAAM,CAACV,GAAG,EAAEO,KAAK,CAACZ,IAAI,CAACiB,SAAS,CAAC;EACxK,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__styles","mergeClasses","tokens","useSizeStyles","avatarGroupClassNames","root","useStyles","base","mc9l5x","qhf8xq","pie","Bgl5zvf","De3pzq","Bsw6fvg","d","m","useAvatarGroupStyles_unstable","state","layout","size","styles","sizeStyles","className"],"sources":["useAvatarGroupStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupClassNames = {\n root: 'fui-AvatarGroup'\n};\n/*\n Styles for the root slot.\n / const useStyles = makeStyles({\n base: {\n display: 'inline-flex',\n position: 'relative'\n },\n pie: {\n clipPath: 'circle(50%)',\n backgroundColor: tokens.colorTransparentStroke,\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText'\n }\n }\n});\n/\n Apply styling to the AvatarGroup slots based on the state\n */ export const useAvatarGroupStyles_unstable = (state)=>{\n 'use no memo';\n const { layout, size } = state;\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n state.root.className = mergeClasses(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,aAAa,QAAQ,kCAAkC;AAChE,OAAO,MAAMC,qBAAqB,GAAG;EACjCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGN,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,GAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;AAAA,CAYrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,6BAA6B,GAAIC,KAAK,IAAG;EACtD,aAAa;;EACb,MAAM;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC9B,MAAMG,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B,MAAMe,UAAU,GAAGlB,aAAa,CAAC,CAAC;EAClCc,KAAK,CAACZ,IAAI,CAACiB,SAAS,GAAGrB,YAAY,CAACG,qBAAqB,CAACC,IAAI,EAAEe,MAAM,CAACb,IAAI,EAAEW,MAAM,KAAK,KAAK,IAAIG,UAAU,CAACF,IAAI,CAAC,EAAED,MAAM,KAAK,KAAK,IAAIE,MAAM,CAACV,GAAG,EAAEO,KAAK,CAACZ,IAAI,CAACiB,SAAS,CAAC;EACxK,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js CHANGED Viewed

@@ -172,6 +172,8 @@ const usePieStyles = /*#__PURE__*/__styles({
  * Apply styling to the AvatarGroupItem slots based on the state
  */
 export const useAvatarGroupItemStyles_unstable = state => {
+  'use no memo';
   const {
     isOverflowItem,
     layout,

package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","useSizeStyles","useFluent_unstable","useFluent","avatarGroupItemClassNames","root","avatar","overflowLabel","avatarGroupItemDividerWidthVar","useRootStyles","base","Bt984gj","mc9l5x","Bnnss6s","qhf8xq","overflowItem","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","nonOverflowItem","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useAvatarStyles","pie","useOverflowLabelStyles","Frg6f3","sj55zd","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useStackStyles","thick","E5pizo","thicker","thickest","xxs","jhia2w","xs","s","l","useSpreadStyles","mNudge","m","xl","usePieStyles","slices","B3gf25r","Be2twx7","Bvaow4n","Gpecfs","bhabj1","B7rc6i7","Bwrfys5","Bwuzm9m","fflka","do7bja","Be8zqhl","Bij0kh0","Bwexnyt","Bhe5x6o","B3kv7bh","rtlSlices","uiicq7","useAvatarGroupItemStyles_unstable","state","isOverflowItem","layout","size","dir","avatarStyles","overflowLabelStyles","pieStyles","rootStyles","sizeStyles","groupChildClassName","useGroupChildClassName","rootClasses","push","className","stackStyles","spreadStyles","layoutClasses"],"sources":["useAvatarGroupItemStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../../Avatar';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nexport const avatarGroupItemClassNames = {\n root: 'fui-AvatarGroupItem',\n avatar: 'fui-AvatarGroupItem__avatar',\n overflowLabel: 'fui-AvatarGroupItem__overflowLabel'\n};\nconst avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';\n/*\n Styles for the root slot\n / const useRootStyles = makeStyles({\n base: {\n alignItems: 'center',\n display: 'inline-flex',\n flexShrink: 0,\n position: 'relative'\n },\n overflowItem: {\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`\n },\n nonOverflowItem: {\n borderRadius: tokens.borderRadiusCircular\n }\n});\n/\n Styles for the avatar slot\n / const useAvatarStyles = makeStyles({\n nonOverflowItem: {\n position: 'absolute'\n },\n pie: {\n borderRadius: '0'\n }\n});\n/\n Styles for the label slot\n / const useOverflowLabelStyles = makeStyles({\n base: {\n marginLeft: tokens.spacingHorizontalS,\n color: tokens.colorNeutralForeground1,\n ...typographyStyles.body1\n }\n});\n/\n Styles for the stack layout\n / const useStackStyles = makeStyles({\n thick: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralBackground2}`\n },\n thicker: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThicker} ${tokens.colorNeutralBackground2}`\n },\n thickest: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThickest} ${tokens.colorNeutralBackground2}`\n },\n xxs: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 ${tokens.spacingHorizontalXXS})`\n }\n },\n xs: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 * ${tokens.spacingHorizontalXS})`\n }\n },\n s: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 * ${tokens.spacingHorizontalS})`\n }\n },\n l: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 * ${tokens.spacingHorizontalL})`\n }\n }\n});\n/*\n Styles for the spread layout\n / const useSpreadStyles = makeStyles({\n s: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalS\n }\n },\n mNudge: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalMNudge\n }\n },\n m: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalM\n }\n },\n l: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalL\n }\n },\n xl: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalXL\n }\n }\n});\n/\n Styles for the pie layout\n / const usePieStyles = makeStyles({\n base: {\n position: 'absolute'\n },\n slices: {\n // Two slices\n // 1st of 2 items\n '&:nth-of-type(1):nth-last-of-type(2)': {\n clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`,\n left: '-25%'\n },\n // 2nd of 2 items\n '&:nth-of-type(2):nth-last-of-type(1)': {\n clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`,\n left: '25%'\n },\n // Three slices\n // 1st of 3 items\n '&:nth-of-type(1):nth-last-of-type(3)': {\n clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`,\n left: '-25%'\n },\n // 2nd of 3 items\n '&:nth-of-type(2):nth-last-of-type(2)': {\n // Since the two AvatarGroupItems on the right are scaled by 0.5, the divider width should not be halved.\n clipPath: `inset(0 0 var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}))`,\n left: '50%',\n transform: 'scale(0.5)',\n transformOrigin: '0 0'\n },\n // 3rd of 3 items\n '&:nth-of-type(3):nth-last-of-type(1)': {\n clipPath: `inset(var(${avatarGroupItemDividerWidthVar}) 0 0 var(${avatarGroupItemDividerWidthVar}))`,\n left: '50%',\n top: '50%',\n transform: 'scale(0.5)',\n transformOrigin: '0 0'\n }\n },\n rtlSlices: {\n // Two slices\n // 1st of 2 items\n '&:nth-of-type(1):nth-last-of-type(2)': {\n clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`\n },\n // 2nd of 2 items\n '&:nth-of-type(2):nth-last-of-type(1)': {\n clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`\n },\n // Three slices\n // 1st of 3 items\n '&:nth-of-type(1):nth-last-of-type(3)': {\n clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`\n },\n // 2nd of 3 items\n '&:nth-of-type(2):nth-last-of-type(2)': {\n clipPath: `inset(0 var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}) 0)`,\n left: '0'\n },\n // 3rd of 3 items\n '&:nth-of-type(3):nth-last-of-type(1)': {\n clipPath: `inset(var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}) 0 0)`,\n left: '0'\n }\n },\n thick: {\n [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThick\n },\n thicker: {\n [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThicker\n },\n thickest: {\n [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThickest\n }\n});\n/\n Apply styling to the AvatarGroupItem slots based on the state\n / export const useAvatarGroupItemStyles_unstable = (state)=>{\n const { isOverflowItem, layout, size } = state;\n const { dir } = useFluent();\n const avatarStyles = useAvatarStyles();\n const overflowLabelStyles = useOverflowLabelStyles();\n const pieStyles = usePieStyles();\n const rootStyles = useRootStyles();\n const sizeStyles = useSizeStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const rootClasses = [\n rootStyles.base\n ];\n if (!isOverflowItem) {\n rootClasses.push(rootStyles.nonOverflowItem);\n rootClasses.push(groupChildClassName);\n rootClasses.push(sizeStyles[size]);\n if (layout === 'pie') {\n rootClasses.push(pieStyles.base);\n if (size < 56) {\n rootClasses.push(pieStyles.thick);\n } else if (size < 72) {\n rootClasses.push(pieStyles.thicker);\n } else {\n rootClasses.push(pieStyles.thickest);\n }\n rootClasses.push(pieStyles.slices);\n if (dir === 'rtl') {\n rootClasses.push(pieStyles.rtlSlices);\n }\n }\n } else {\n rootClasses.push(rootStyles.overflowItem);\n }\n state.root.className = mergeClasses(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);\n state.avatar.className = mergeClasses(avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);\n if (state.overflowLabel) {\n state.overflowLabel.className = mergeClasses(avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);\n }\n return state;\n};\n/\n Hook for getting the className for the children of AvatarGroup. This hook will provide the spacing and outlines\n * needed for each layout.\n */ export const useGroupChildClassName = (layout, size)=>{\n const stackStyles = useStackStyles();\n const spreadStyles = useSpreadStyles();\n const layoutClasses = [];\n if (size) {\n if (layout === 'stack') {\n if (size < 56) {\n layoutClasses.push(stackStyles.thick);\n } else if (size < 72) {\n layoutClasses.push(stackStyles.thicker);\n } else {\n layoutClasses.push(stackStyles.thickest);\n }\n if (size < 24) {\n layoutClasses.push(stackStyles.xxs);\n } else if (size < 48) {\n layoutClasses.push(stackStyles.xs);\n } else if (size < 96) {\n layoutClasses.push(stackStyles.s);\n } else {\n layoutClasses.push(stackStyles.l);\n }\n } else if (layout === 'spread') {\n if (size < 20) {\n layoutClasses.push(spreadStyles.s);\n } else if (size < 32) {\n layoutClasses.push(spreadStyles.mNudge);\n } else if (size < 64) {\n layoutClasses.push(spreadStyles.l);\n } else {\n layoutClasses.push(spreadStyles.xl);\n }\n }\n }\n return mergeClasses(...layoutClasses);\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","useSizeStyles","useFluent_unstable","useFluent","avatarGroupItemClassNames","root","avatar","overflowLabel","avatarGroupItemDividerWidthVar","useRootStyles","base","Bt984gj","mc9l5x","Bnnss6s","qhf8xq","overflowItem","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","nonOverflowItem","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useAvatarStyles","pie","useOverflowLabelStyles","Frg6f3","sj55zd","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useStackStyles","thick","E5pizo","thicker","thickest","xxs","jhia2w","xs","s","l","useSpreadStyles","mNudge","m","xl","usePieStyles","slices","B3gf25r","Be2twx7","Bvaow4n","Gpecfs","bhabj1","B7rc6i7","Bwrfys5","Bwuzm9m","fflka","do7bja","Be8zqhl","Bij0kh0","Bwexnyt","Bhe5x6o","B3kv7bh","rtlSlices","uiicq7","useAvatarGroupItemStyles_unstable","state","isOverflowItem","layout","size","dir","avatarStyles","overflowLabelStyles","pieStyles","rootStyles","sizeStyles","groupChildClassName","useGroupChildClassName","rootClasses","push","className","stackStyles","spreadStyles","layoutClasses"],"sources":["useAvatarGroupItemStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../../Avatar';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nexport const avatarGroupItemClassNames = {\n root: 'fui-AvatarGroupItem',\n avatar: 'fui-AvatarGroupItem__avatar',\n overflowLabel: 'fui-AvatarGroupItem__overflowLabel'\n};\nconst avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';\n/*\n Styles for the root slot\n / const useRootStyles = makeStyles({\n base: {\n alignItems: 'center',\n display: 'inline-flex',\n flexShrink: 0,\n position: 'relative'\n },\n overflowItem: {\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`\n },\n nonOverflowItem: {\n borderRadius: tokens.borderRadiusCircular\n }\n});\n/\n Styles for the avatar slot\n / const useAvatarStyles = makeStyles({\n nonOverflowItem: {\n position: 'absolute'\n },\n pie: {\n borderRadius: '0'\n }\n});\n/\n Styles for the label slot\n / const useOverflowLabelStyles = makeStyles({\n base: {\n marginLeft: tokens.spacingHorizontalS,\n color: tokens.colorNeutralForeground1,\n ...typographyStyles.body1\n }\n});\n/\n Styles for the stack layout\n / const useStackStyles = makeStyles({\n thick: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralBackground2}`\n },\n thicker: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThicker} ${tokens.colorNeutralBackground2}`\n },\n thickest: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThickest} ${tokens.colorNeutralBackground2}`\n },\n xxs: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 ${tokens.spacingHorizontalXXS})`\n }\n },\n xs: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 * ${tokens.spacingHorizontalXS})`\n }\n },\n s: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 * ${tokens.spacingHorizontalS})`\n }\n },\n l: {\n '&:not(:first-child)': {\n marginLeft: `calc(-1 * ${tokens.spacingHorizontalL})`\n }\n }\n});\n/*\n Styles for the spread layout\n / const useSpreadStyles = makeStyles({\n s: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalS\n }\n },\n mNudge: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalMNudge\n }\n },\n m: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalM\n }\n },\n l: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalL\n }\n },\n xl: {\n '&:not(:first-child)': {\n marginLeft: tokens.spacingHorizontalXL\n }\n }\n});\n/\n Styles for the pie layout\n / const usePieStyles = makeStyles({\n base: {\n position: 'absolute'\n },\n slices: {\n // Two slices\n // 1st of 2 items\n '&:nth-of-type(1):nth-last-of-type(2)': {\n clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`,\n left: '-25%'\n },\n // 2nd of 2 items\n '&:nth-of-type(2):nth-last-of-type(1)': {\n clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`,\n left: '25%'\n },\n // Three slices\n // 1st of 3 items\n '&:nth-of-type(1):nth-last-of-type(3)': {\n clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`,\n left: '-25%'\n },\n // 2nd of 3 items\n '&:nth-of-type(2):nth-last-of-type(2)': {\n // Since the two AvatarGroupItems on the right are scaled by 0.5, the divider width should not be halved.\n clipPath: `inset(0 0 var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}))`,\n left: '50%',\n transform: 'scale(0.5)',\n transformOrigin: '0 0'\n },\n // 3rd of 3 items\n '&:nth-of-type(3):nth-last-of-type(1)': {\n clipPath: `inset(var(${avatarGroupItemDividerWidthVar}) 0 0 var(${avatarGroupItemDividerWidthVar}))`,\n left: '50%',\n top: '50%',\n transform: 'scale(0.5)',\n transformOrigin: '0 0'\n }\n },\n rtlSlices: {\n // Two slices\n // 1st of 2 items\n '&:nth-of-type(1):nth-last-of-type(2)': {\n clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`\n },\n // 2nd of 2 items\n '&:nth-of-type(2):nth-last-of-type(1)': {\n clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`\n },\n // Three slices\n // 1st of 3 items\n '&:nth-of-type(1):nth-last-of-type(3)': {\n clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`\n },\n // 2nd of 3 items\n '&:nth-of-type(2):nth-last-of-type(2)': {\n clipPath: `inset(0 var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}) 0)`,\n left: '0'\n },\n // 3rd of 3 items\n '&:nth-of-type(3):nth-last-of-type(1)': {\n clipPath: `inset(var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}) 0 0)`,\n left: '0'\n }\n },\n thick: {\n [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThick\n },\n thicker: {\n [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThicker\n },\n thickest: {\n [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThickest\n }\n});\n/\n Apply styling to the AvatarGroupItem slots based on the state\n / export const useAvatarGroupItemStyles_unstable = (state)=>{\n 'use no memo';\n const { isOverflowItem, layout, size } = state;\n const { dir } = useFluent();\n const avatarStyles = useAvatarStyles();\n const overflowLabelStyles = useOverflowLabelStyles();\n const pieStyles = usePieStyles();\n const rootStyles = useRootStyles();\n const sizeStyles = useSizeStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const rootClasses = [\n rootStyles.base\n ];\n if (!isOverflowItem) {\n rootClasses.push(rootStyles.nonOverflowItem);\n rootClasses.push(groupChildClassName);\n rootClasses.push(sizeStyles[size]);\n if (layout === 'pie') {\n rootClasses.push(pieStyles.base);\n if (size < 56) {\n rootClasses.push(pieStyles.thick);\n } else if (size < 72) {\n rootClasses.push(pieStyles.thicker);\n } else {\n rootClasses.push(pieStyles.thickest);\n }\n rootClasses.push(pieStyles.slices);\n if (dir === 'rtl') {\n rootClasses.push(pieStyles.rtlSlices);\n }\n }\n } else {\n rootClasses.push(rootStyles.overflowItem);\n }\n state.root.className = mergeClasses(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);\n state.avatar.className = mergeClasses(avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);\n if (state.overflowLabel) {\n state.overflowLabel.className = mergeClasses(avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);\n }\n return state;\n};\n/\n Hook for getting the className for the children of AvatarGroup. This hook will provide the spacing and outlines\n * needed for each layout.\n */ export const useGroupChildClassName = (layout, size)=>{\n const stackStyles = useStackStyles();\n const spreadStyles = useSpreadStyles();\n const layoutClasses = [];\n if (size) {\n if (layout === 'stack') {\n if (size < 56) {\n layoutClasses.push(stackStyles.thick);\n } else if (size < 72) {\n layoutClasses.push(stackStyles.thicker);\n } else {\n layoutClasses.push(stackStyles.thickest);\n }\n if (size < 24) {\n layoutClasses.push(stackStyles.xxs);\n } else if (size < 48) {\n layoutClasses.push(stackStyles.xs);\n } else if (size < 96) {\n layoutClasses.push(stackStyles.s);\n } else {\n layoutClasses.push(stackStyles.l);\n }\n } else if (layout === 'spread') {\n if (size < 20) {\n layoutClasses.push(spreadStyles.s);\n } else if (size < 32) {\n layoutClasses.push(spreadStyles.mNudge);\n } else if (size < 64) {\n layoutClasses.push(spreadStyles.l);\n } else {\n layoutClasses.push(spreadStyles.xl);\n }\n }\n }\n return mergeClasses(...layoutClasses);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js CHANGED Viewed

@@ -248,6 +248,8 @@ const useTriggerButtonStyles = /*#__PURE__*/__styles({
  * Apply styling to the AvatarGroupPopover slots based on the state
  */
 export const useAvatarGroupPopoverStyles_unstable = state => {
+  'use no memo';
   const {
     indicator,
     size,

package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["createCustomFocusIndicatorStyle","__styles","mergeClasses","shorthands","tokens","typographyStyles","useGroupChildClassName","useSizeStyles","avatarGroupPopoverClassNames","root","content","popoverSurface","tooltip","triggerButton","useContentStyles","base","dclx09","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mc9l5x","Beiy3e4","d","p","usePopoverSurfaceStyles","Bxyxcbc","sshi5w","B68tc82","Bmxbyg5","Bpg54ce","a9b677","useTriggerButtonStyles","qhf8xq","Bnnss6s","Brf1p80","Bt984gj","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","icvyot","vrafjx","oivjwe","wvpqe5","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","pie","focusIndicator","Byu6kyc","n8qw10","Bbjhlyh","i2cumq","Bunx835","Bdrgwmp","mqozju","lbo84a","Bksnhdo","Bci5o5g","u5e7qz","Bn40d3w","B7b6zxw","B8q5s1w","B5gfjzb","Bbcte9g","Bqz3imu","g9k6zt","states","Bi91k9c","Jwef8y","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","lj723h","ecr2s2","B6oc9vd","ak43y8","wmxk5l","B50zh58","selected","icon12","Be2twd7","icon16","icon20","icon24","icon28","icon32","icon48","caption2Strong","Bahqtrf","Bhrd7zp","Bg96gwp","caption1Strong","body1Strong","subtitle2","subtitle1","title3","borderThin","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","borderThick","borderThicker","borderThickest","m","h","a","useAvatarGroupPopoverStyles_unstable","state","indicator","size","layout","popoverOpen","sizeStyles","triggerButtonStyles","contentStyles","popoverSurfaceStyles","groupChildClassName","triggerButtonClasses","push","className"],"sources":["useAvatarGroupPopoverStyles.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useGroupChildClassName } from '../AvatarGroupItem/useAvatarGroupItemStyles.styles';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupPopoverClassNames = {\n root: 'fui-AvatarGroupPopover',\n content: 'fui-AvatarGroupPopover__content',\n popoverSurface: 'fui-AvatarGroupPopover__popoverSurface',\n tooltip: 'fui-AvatarGroupPopover__tooltip',\n triggerButton: 'fui-AvatarGroupPopover__triggerButton'\n};\n/*\n Styles for the content slot.\n / const useContentStyles = makeStyles({\n base: {\n listStyleType: 'none',\n margin: '0',\n padding: '0',\n display: 'flex',\n flexDirection: 'column'\n }\n});\n/\n Styles for the popoverSurface slot.\n / const usePopoverSurfaceStyles = makeStyles({\n base: {\n maxHeight: '220px',\n minHeight: '80px',\n overflow: 'hidden scroll',\n padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n width: '220px'\n }\n});\n/\n Styles for the triggerButton slot.\n / const useTriggerButtonStyles = makeStyles({\n base: {\n display: 'inline-flex',\n position: 'relative',\n flexShrink: 0,\n justifyContent: 'center',\n alignItems: 'center',\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n borderRadius: tokens.borderRadiusCircular,\n ...shorthands.borderStyle('solid'),\n padding: '0',\n // Match color to Avatar's outline color.\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('CanvasText')\n }\n },\n pie: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n color: 'transparent'\n },\n focusIndicator: createCustomFocusIndicatorStyle({\n border: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n outlineStyle: 'none'\n }),\n states: {\n '&:hover': {\n color: tokens.colorNeutralForeground1Hover,\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover)\n },\n '&:active': {\n color: tokens.colorNeutralForeground1Pressed,\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed)\n }\n },\n selected: {\n color: tokens.colorNeutralForeground1Selected,\n backgroundColor: tokens.colorNeutralBackground1Selected,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n },\n icon12: {\n fontSize: '12px'\n },\n icon16: {\n fontSize: '16px'\n },\n icon20: {\n fontSize: '20px'\n },\n icon24: {\n fontSize: '24px'\n },\n icon28: {\n fontSize: '28px'\n },\n icon32: {\n fontSize: '32px'\n },\n icon48: {\n fontSize: '48px'\n },\n caption2Strong: {\n ...typographyStyles.caption2Strong\n },\n caption1Strong: {\n ...typographyStyles.caption1Strong\n },\n body1Strong: {\n ...typographyStyles.body1Strong\n },\n subtitle2: {\n ...typographyStyles.subtitle2\n },\n subtitle1: {\n ...typographyStyles.subtitle1\n },\n title3: {\n ...typographyStyles.title3\n },\n borderThin: {\n ...shorthands.borderWidth(tokens.strokeWidthThin)\n },\n borderThick: {\n ...shorthands.borderWidth(tokens.strokeWidthThick)\n },\n borderThicker: {\n ...shorthands.borderWidth(tokens.strokeWidthThicker)\n },\n borderThickest: {\n ...shorthands.borderWidth(tokens.strokeWidthThickest)\n }\n});\n/\n Apply styling to the AvatarGroupPopover slots based on the state\n */ export const useAvatarGroupPopoverStyles_unstable = (state)=>{\n const { indicator, size, layout, popoverOpen } = state;\n const sizeStyles = useSizeStyles();\n const triggerButtonStyles = useTriggerButtonStyles();\n const contentStyles = useContentStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const triggerButtonClasses = [];\n if (size < 36) {\n triggerButtonClasses.push(triggerButtonStyles.borderThin);\n } else if (size < 56) {\n triggerButtonClasses.push(triggerButtonStyles.borderThick);\n } else if (size < 72) {\n triggerButtonClasses.push(triggerButtonStyles.borderThicker);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.borderThickest);\n }\n if (indicator === 'count') {\n if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.caption2Strong);\n } else if (size <= 28) {\n triggerButtonClasses.push(triggerButtonStyles.caption1Strong);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.body1Strong);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle2);\n } else if (size <= 96) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle1);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.title3);\n }\n } else {\n if (size <= 16) {\n triggerButtonClasses.push(triggerButtonStyles.icon12);\n } else if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.icon16);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.icon20);\n } else if (size <= 48) {\n triggerButtonClasses.push(triggerButtonStyles.icon24);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.icon28);\n } else if (size <= 72) {\n triggerButtonClasses.push(triggerButtonStyles.icon32);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.icon48);\n }\n }\n state.triggerButton.className = mergeClasses(avatarGroupPopoverClassNames.triggerButton, groupChildClassName, sizeStyles[size], triggerButtonStyles.base, layout === 'pie' && triggerButtonStyles.pie, triggerButtonStyles.focusIndicator, layout !== 'pie' && triggerButtonStyles.states, layout !== 'pie' && popoverOpen && triggerButtonStyles.selected, ...triggerButtonClasses, state.triggerButton.className);\n state.content.className = mergeClasses(avatarGroupPopoverClassNames.content, contentStyles.base, state.content.className);\n state.popoverSurface.className = mergeClasses(avatarGroupPopoverClassNames.popoverSurface, popoverSurfaceStyles.base, state.popoverSurface.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["createCustomFocusIndicatorStyle","__styles","mergeClasses","shorthands","tokens","typographyStyles","useGroupChildClassName","useSizeStyles","avatarGroupPopoverClassNames","root","content","popoverSurface","tooltip","triggerButton","useContentStyles","base","dclx09","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mc9l5x","Beiy3e4","d","p","usePopoverSurfaceStyles","Bxyxcbc","sshi5w","B68tc82","Bmxbyg5","Bpg54ce","a9b677","useTriggerButtonStyles","qhf8xq","Bnnss6s","Brf1p80","Bt984gj","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","icvyot","vrafjx","oivjwe","wvpqe5","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","pie","focusIndicator","Byu6kyc","n8qw10","Bbjhlyh","i2cumq","Bunx835","Bdrgwmp","mqozju","lbo84a","Bksnhdo","Bci5o5g","u5e7qz","Bn40d3w","B7b6zxw","B8q5s1w","B5gfjzb","Bbcte9g","Bqz3imu","g9k6zt","states","Bi91k9c","Jwef8y","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","lj723h","ecr2s2","B6oc9vd","ak43y8","wmxk5l","B50zh58","selected","icon12","Be2twd7","icon16","icon20","icon24","icon28","icon32","icon48","caption2Strong","Bahqtrf","Bhrd7zp","Bg96gwp","caption1Strong","body1Strong","subtitle2","subtitle1","title3","borderThin","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","borderThick","borderThicker","borderThickest","m","h","a","useAvatarGroupPopoverStyles_unstable","state","indicator","size","layout","popoverOpen","sizeStyles","triggerButtonStyles","contentStyles","popoverSurfaceStyles","groupChildClassName","triggerButtonClasses","push","className"],"sources":["useAvatarGroupPopoverStyles.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useGroupChildClassName } from '../AvatarGroupItem/useAvatarGroupItemStyles.styles';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupPopoverClassNames = {\n root: 'fui-AvatarGroupPopover',\n content: 'fui-AvatarGroupPopover__content',\n popoverSurface: 'fui-AvatarGroupPopover__popoverSurface',\n tooltip: 'fui-AvatarGroupPopover__tooltip',\n triggerButton: 'fui-AvatarGroupPopover__triggerButton'\n};\n/*\n Styles for the content slot.\n / const useContentStyles = makeStyles({\n base: {\n listStyleType: 'none',\n margin: '0',\n padding: '0',\n display: 'flex',\n flexDirection: 'column'\n }\n});\n/\n Styles for the popoverSurface slot.\n / const usePopoverSurfaceStyles = makeStyles({\n base: {\n maxHeight: '220px',\n minHeight: '80px',\n overflow: 'hidden scroll',\n padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n width: '220px'\n }\n});\n/\n Styles for the triggerButton slot.\n / const useTriggerButtonStyles = makeStyles({\n base: {\n display: 'inline-flex',\n position: 'relative',\n flexShrink: 0,\n justifyContent: 'center',\n alignItems: 'center',\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n borderRadius: tokens.borderRadiusCircular,\n ...shorthands.borderStyle('solid'),\n padding: '0',\n // Match color to Avatar's outline color.\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('CanvasText')\n }\n },\n pie: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n color: 'transparent'\n },\n focusIndicator: createCustomFocusIndicatorStyle({\n border: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n outlineStyle: 'none'\n }),\n states: {\n '&:hover': {\n color: tokens.colorNeutralForeground1Hover,\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover)\n },\n '&:active': {\n color: tokens.colorNeutralForeground1Pressed,\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed)\n }\n },\n selected: {\n color: tokens.colorNeutralForeground1Selected,\n backgroundColor: tokens.colorNeutralBackground1Selected,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected)\n },\n icon12: {\n fontSize: '12px'\n },\n icon16: {\n fontSize: '16px'\n },\n icon20: {\n fontSize: '20px'\n },\n icon24: {\n fontSize: '24px'\n },\n icon28: {\n fontSize: '28px'\n },\n icon32: {\n fontSize: '32px'\n },\n icon48: {\n fontSize: '48px'\n },\n caption2Strong: {\n ...typographyStyles.caption2Strong\n },\n caption1Strong: {\n ...typographyStyles.caption1Strong\n },\n body1Strong: {\n ...typographyStyles.body1Strong\n },\n subtitle2: {\n ...typographyStyles.subtitle2\n },\n subtitle1: {\n ...typographyStyles.subtitle1\n },\n title3: {\n ...typographyStyles.title3\n },\n borderThin: {\n ...shorthands.borderWidth(tokens.strokeWidthThin)\n },\n borderThick: {\n ...shorthands.borderWidth(tokens.strokeWidthThick)\n },\n borderThicker: {\n ...shorthands.borderWidth(tokens.strokeWidthThicker)\n },\n borderThickest: {\n ...shorthands.borderWidth(tokens.strokeWidthThickest)\n }\n});\n/\n Apply styling to the AvatarGroupPopover slots based on the state\n */ export const useAvatarGroupPopoverStyles_unstable = (state)=>{\n 'use no memo';\n const { indicator, size, layout, popoverOpen } = state;\n const sizeStyles = useSizeStyles();\n const triggerButtonStyles = useTriggerButtonStyles();\n const contentStyles = useContentStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const triggerButtonClasses = [];\n if (size < 36) {\n triggerButtonClasses.push(triggerButtonStyles.borderThin);\n } else if (size < 56) {\n triggerButtonClasses.push(triggerButtonStyles.borderThick);\n } else if (size < 72) {\n triggerButtonClasses.push(triggerButtonStyles.borderThicker);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.borderThickest);\n }\n if (indicator === 'count') {\n if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.caption2Strong);\n } else if (size <= 28) {\n triggerButtonClasses.push(triggerButtonStyles.caption1Strong);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.body1Strong);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle2);\n } else if (size <= 96) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle1);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.title3);\n }\n } else {\n if (size <= 16) {\n triggerButtonClasses.push(triggerButtonStyles.icon12);\n } else if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.icon16);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.icon20);\n } else if (size <= 48) {\n triggerButtonClasses.push(triggerButtonStyles.icon24);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.icon28);\n } else if (size <= 72) {\n triggerButtonClasses.push(triggerButtonStyles.icon32);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.icon48);\n }\n }\n state.triggerButton.className = mergeClasses(avatarGroupPopoverClassNames.triggerButton, groupChildClassName, sizeStyles[size], triggerButtonStyles.base, layout === 'pie' && triggerButtonStyles.pie, triggerButtonStyles.focusIndicator, layout !== 'pie' && triggerButtonStyles.states, layout !== 'pie' && popoverOpen && triggerButtonStyles.selected, ...triggerButtonClasses, state.triggerButton.className);\n state.content.className = mergeClasses(avatarGroupPopoverClassNames.content, contentStyles.base, state.content.className);\n state.popoverSurface.className = mergeClasses(avatarGroupPopoverClassNames.popoverSurface, popoverSurfaceStyles.base, state.popoverSurface.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js CHANGED Viewed

@@ -733,6 +733,7 @@ const useRingColorStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useAvatarStyles_unstable = (state)=>{
+    'use no memo';
     const { size, shape, active, activeAppearance, color } = state;
     const rootClassName = useRootClassName();
     const imageClassName = useImageClassName();

package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAvatarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nexport const avatarClassNames = {\n root: 'fui-Avatar',\n image: 'fui-Avatar__image',\n initials: 'fui-Avatar__initials',\n icon: 'fui-Avatar__icon',\n badge: 'fui-Avatar__badge'\n};\n// CSS variables used internally in Avatar's styles\nconst vars = {\n badgeRadius: '--fui-Avatar-badgeRadius',\n badgeGap: '--fui-Avatar-badgeGap',\n badgeAlign: '--fui-Avatar-badgeAlign',\n ringWidth: '--fui-Avatar-ringWidth'\n};\nconst useRootClassName = /#__PURE__/__resetStyles(\"r81b29z\", \"r1aatmv\", {\n r: [\".r81b29z{display:inline-block;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}\", \".r81b29z::before,.r81b29z::after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r81b29z::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\", \".r1aatmv{display:inline-block;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}\", \".r1aatmv::before,.r1aatmv::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r1aatmv::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\"],\n s: [\"@media screen and (prefers-reduced-motion: reduce){.r81b29z::before,.r81b29z::after{transition-duration:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.r1aatmv::before,.r1aatmv::after{transition-duration:0.01ms;}}\"]\n});\nconst useImageClassName = /#__PURE__/__resetStyles(\"r136dc0n\", \"rjly0nl\", [\".r136dc0n{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\", \".rjly0nl{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\"]);\nconst useIconInitialsClassName = /#__PURE__/__resetStyles(\"rip04v\", \"r31uzil\", [\".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:inherit;}\", \".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:inherit;}\"]);\n/*\n Helper to create a maskImage that punches out a circle larger than the badge by `badgeGap`.\n * This creates a transparent gap between the badge and Avatar.\n \n Used by the icon, initials, and image slots, as well as the ring ::before pseudo-element.\n /\nconst badgeMask = margin => {\n // Center the cutout at the badge's radius away from the edge.\n // The ring (::before) also has a 2 ringWidth margin that also needs to be offset.\n const centerOffset = margin ? `calc(var(${vars.badgeRadius}) + ${margin})` : `var(${vars.badgeRadius})`;\n // radial-gradient does not have anti-aliasing, so the transparent and opaque gradient stops are offset by +/- 0.25px\n // to \"fade\" from transparent to opaque over a half-pixel and ease the transition.\n const innerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) - 0.25px)`;\n const outerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) + 0.25px)`;\n return `radial-gradient(circle at bottom ${centerOffset} var(${vars.badgeAlign}) ${centerOffset}, ` + `transparent ${innerRadius}, white ${outerRadius})`;\n};\nconst useStyles = /#__PURE__/__styles({\n textCaption2Strong: {\n Be2twd7: \"f13mqy1h\"\n },\n textCaption1Strong: {\n Be2twd7: \"fy9rknc\"\n },\n textSubtitle2: {\n Be2twd7: \"fod5ikn\"\n },\n textSubtitle1: {\n Be2twd7: \"f1pp30po\"\n },\n textTitle3: {\n Be2twd7: \"f1x0m3f5\"\n },\n squareSmall: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"fq9zq91\"\n },\n squareMedium: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\"\n },\n squareLarge: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f1o0qvyv\"\n },\n squareXLarge: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f1kijzfu\"\n },\n activeOrInactive: {\n Bz10aip: \"ftfx35i\",\n Bmy1vo4: \"fv0atk9\",\n B3o57yi: \"f1iry5bo\",\n Bkqvd7p: \"f15n41j8\",\n Hwfdqs: \"f1onx1g3\"\n },\n ring: {\n Ftih45: \"f1wl9k8s\"\n },\n ringBadgeCutout: {\n f4a502: \"fp2gujx\"\n },\n ringThick: {\n of393c: \"fq1w1vq\"\n },\n ringThicker: {\n of393c: \"fzg6ace\"\n },\n ringThickest: {\n of393c: \"f1nu8p71\"\n },\n shadow: {\n Bsft5z2: \"f13zj6fq\"\n },\n shadow4: {\n Be6vj1x: \"fcjn15l\"\n },\n shadow8: {\n Be6vj1x: \"f1tm8t9f\"\n },\n shadow16: {\n Be6vj1x: \"f1a1aohj\"\n },\n shadow28: {\n Be6vj1x: \"fond6v5\"\n },\n inactive: {\n abs64n: \"fp25eh\",\n Bz10aip: \"f1clczzi\",\n Bkqvd7p: \"f1l3s34x\",\n Bfgortx: 0,\n Bnvr3x9: 0,\n b2tv09: 0,\n Bucmhp4: 0,\n iayac2: \"flkahu5\",\n b6ubon: \"fw457kn\",\n Bqinb2h: \"f1wmllxl\"\n },\n badge: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1yab3r1\",\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"]\n },\n badgeCutout: {\n btxmck: \"f1eugkqs\"\n },\n badgeAlign: {\n Dnlfbu: [\"f1tlnv9o\", \"f1y9kyih\"]\n },\n tiny: {\n Bdjeniz: \"f1uwoubl\",\n niu6jh: \"fid048z\"\n },\n \"extra-small\": {\n Bdjeniz: \"f13ar0e0\",\n niu6jh: \"fid048z\"\n },\n small: {\n Bdjeniz: \"fwwuruf\",\n niu6jh: \"fid048z\"\n },\n medium: {\n Bdjeniz: \"f1af27q5\",\n niu6jh: \"fid048z\"\n },\n large: {\n Bdjeniz: \"f18yy57a\",\n niu6jh: \"f924bxt\"\n },\n \"extra-large\": {\n Bdjeniz: \"f2jg042\",\n niu6jh: \"f924bxt\"\n },\n icon12: {\n Be2twd7: \"f1ugzwwg\"\n },\n icon16: {\n Be2twd7: \"f4ybsrx\"\n },\n icon20: {\n Be2twd7: \"fe5j1ua\"\n },\n icon24: {\n Be2twd7: \"f1rt2boy\"\n },\n icon28: {\n Be2twd7: \"f24l1pt\"\n },\n icon32: {\n Be2twd7: \"ffl51b\"\n },\n icon48: {\n Be2twd7: \"f18m8u13\"\n }\n}, {\n d: [\".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", [\".fq9zq91{border-radius:var(--borderRadiusSmall);}\", {\n p: -1\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], [\".f1o0qvyv{border-radius:var(--borderRadiusLarge);}\", {\n p: -1\n }], [\".f1kijzfu{border-radius:var(--borderRadiusXLarge);}\", {\n p: -1\n }], \".ftfx35i{transform:perspective(1px);}\", \".fv0atk9{transition-property:transform,opacity;}\", \".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}\", \".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".fp2gujx::before{-webkit-mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".fq1w1vq{--fui-Avatar-ringWidth:var(--strokeWidthThick);}\", \".fzg6ace{--fui-Avatar-ringWidth:var(--strokeWidthThicker);}\", \".f1nu8p71{--fui-Avatar-ringWidth:var(--strokeWidthThickest);}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fcjn15l::after{box-shadow:var(--shadow4);}\", \".f1tm8t9f::after{box-shadow:var(--shadow8);}\", \".f1a1aohj::after{box-shadow:var(--shadow16);}\", \".fond6v5::after{box-shadow:var(--shadow28);}\", \".fp25eh{opacity:0.8;}\", \".f1clczzi{transform:scale(0.875);}\", \".f1l3s34x{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", [\".flkahu5::before,.flkahu5::after{margin:0;}\", {\n p: -1\n }], \".fw457kn::before,.fw457kn::after{opacity:0;}\", \".f1wmllxl::before,.f1wmllxl::after{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1euv43f{position:absolute;}\", \".f1yab3r1{bottom:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".f1eugkqs{-webkit-mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".f1tlnv9o{--fui-Avatar-badgeAlign:right;}\", \".f1y9kyih{--fui-Avatar-badgeAlign:left;}\", \".f1uwoubl{--fui-Avatar-badgeRadius:3px;}\", \".fid048z{--fui-Avatar-badgeGap:var(--strokeWidthThin);}\", \".f13ar0e0{--fui-Avatar-badgeRadius:5px;}\", \".fwwuruf{--fui-Avatar-badgeRadius:6px;}\", \".f1af27q5{--fui-Avatar-badgeRadius:8px;}\", \".f18yy57a{--fui-Avatar-badgeRadius:10px;}\", \".f924bxt{--fui-Avatar-badgeGap:var(--strokeWidthThick);}\", \".f2jg042{--fui-Avatar-badgeRadius:14px;}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]]\n});\nexport const useSizeStyles = /#__PURE__/__styles({\n \"16\": {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n a9b677: \"fpdz1er\",\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n a9b677: \"feqmc2u\",\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n a9b677: \"f124akge\",\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n a9b677: \"f1u66zr1\",\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n a9b677: \"fa9ln6p\",\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n a9b677: \"fhcae8x\",\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n a9b677: \"f1kyr2gn\",\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n a9b677: \"fwfqyga\",\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n a9b677: \"f1iksgmy\",\n Bqenvij: \"fele2au\"\n }\n}, {\n d: [\".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useColorStyles = /#__PURE__/__styles({\n neutral: {\n sj55zd: \"f11d4kpn\",\n De3pzq: \"f18f03hv\"\n },\n brand: {\n sj55zd: \"fonrgv7\",\n De3pzq: \"f1blnnmj\"\n },\n \"dark-red\": {\n sj55zd: \"fqjd1y1\",\n De3pzq: \"f1vq2oo4\"\n },\n cranberry: {\n sj55zd: \"fg9gses\",\n De3pzq: \"f1lwxszt\"\n },\n red: {\n sj55zd: \"f23f7i0\",\n De3pzq: \"f1q9qhfq\"\n },\n pumpkin: {\n sj55zd: \"fjnan08\",\n De3pzq: \"fz91bi3\"\n },\n peach: {\n sj55zd: \"fknu15p\",\n De3pzq: \"f1b9nr51\"\n },\n marigold: {\n sj55zd: \"f9603vw\",\n De3pzq: \"f3z4w6d\"\n },\n gold: {\n sj55zd: \"fmq0uwp\",\n De3pzq: \"fg50kya\"\n },\n brass: {\n sj55zd: \"f28g5vo\",\n De3pzq: \"f4w2gd0\"\n },\n brown: {\n sj55zd: \"ftl572b\",\n De3pzq: \"f14wu1f4\"\n },\n forest: {\n sj55zd: \"f1gymlvd\",\n De3pzq: \"f19ut4y6\"\n },\n seafoam: {\n sj55zd: \"fnnb6wn\",\n De3pzq: \"f1n057jc\"\n },\n \"dark-green\": {\n sj55zd: \"ff58qw8\",\n De3pzq: \"f11t05wk\"\n },\n \"light-teal\": {\n sj55zd: \"f1up9qbj\",\n De3pzq: \"f42feg1\"\n },\n teal: {\n sj55zd: \"f135dsb4\",\n De3pzq: \"f6hvv1p\"\n },\n steel: {\n sj55zd: \"f151dlcp\",\n De3pzq: \"f1lnp8zf\"\n },\n blue: {\n sj55zd: \"f1rjv50u\",\n De3pzq: \"f1ggcpy6\"\n },\n \"royal-blue\": {\n sj55zd: \"f1emykk5\",\n De3pzq: \"f12rj61f\"\n },\n cornflower: {\n sj55zd: \"fqsigj7\",\n De3pzq: \"f8k7hur\"\n },\n navy: {\n sj55zd: \"f1nj97xi\",\n De3pzq: \"f19gw0ux\"\n },\n lavender: {\n sj55zd: \"fwctg0i\",\n De3pzq: \"ff379vm\"\n },\n purple: {\n sj55zd: \"fjrsgpu\",\n De3pzq: \"f1mzf1e1\"\n },\n grape: {\n sj55zd: \"f1fiiydq\",\n De3pzq: \"f1o4k8oy\"\n },\n lilac: {\n sj55zd: \"f1res9jt\",\n De3pzq: \"f1x6mz1o\"\n },\n pink: {\n sj55zd: \"fv3fbbi\",\n De3pzq: \"fydlv6t\"\n },\n magenta: {\n sj55zd: \"f1f1fwnz\",\n De3pzq: \"f4xb6j5\"\n },\n plum: {\n sj55zd: \"f8ptl6j\",\n De3pzq: \"fqo8e26\"\n },\n beige: {\n sj55zd: \"f1ntv3ld\",\n De3pzq: \"f101elhj\"\n },\n mink: {\n sj55zd: \"f1fscmp\",\n De3pzq: \"f13g8o5c\"\n },\n platinum: {\n sj55zd: \"f1dr00v2\",\n De3pzq: \"fkh7blw\"\n },\n anchor: {\n sj55zd: \"f1f3ti53\",\n De3pzq: \"fu4yj0j\"\n }\n}, {\n d: [\".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}\", \".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}\", \".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}\", \".fg9gses{color:var(--colorPaletteCranberryForeground2);}\", \".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}\", \".f23f7i0{color:var(--colorPaletteRedForeground2);}\", \".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}\", \".fjnan08{color:var(--colorPalettePumpkinForeground2);}\", \".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}\", \".fknu15p{color:var(--colorPalettePeachForeground2);}\", \".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}\", \".f9603vw{color:var(--colorPaletteMarigoldForeground2);}\", \".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}\", \".fmq0uwp{color:var(--colorPaletteGoldForeground2);}\", \".fg50kya{background-color:var(--colorPaletteGoldBackground2);}\", \".f28g5vo{color:var(--colorPaletteBrassForeground2);}\", \".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}\", \".ftl572b{color:var(--colorPaletteBrownForeground2);}\", \".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}\", \".f1gymlvd{color:var(--colorPaletteForestForeground2);}\", \".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}\", \".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}\", \".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}\", \".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}\", \".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}\", \".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}\", \".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}\", \".f135dsb4{color:var(--colorPaletteTealForeground2);}\", \".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}\", \".f151dlcp{color:var(--colorPaletteSteelForeground2);}\", \".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}\", \".f1rjv50u{color:var(--colorPaletteBlueForeground2);}\", \".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}\", \".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}\", \".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}\", \".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}\", \".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}\", \".f1nj97xi{color:var(--colorPaletteNavyForeground2);}\", \".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}\", \".fwctg0i{color:var(--colorPaletteLavenderForeground2);}\", \".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}\", \".fjrsgpu{color:var(--colorPalettePurpleForeground2);}\", \".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}\", \".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}\", \".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}\", \".f1res9jt{color:var(--colorPaletteLilacForeground2);}\", \".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}\", \".fv3fbbi{color:var(--colorPalettePinkForeground2);}\", \".fydlv6t{background-color:var(--colorPalettePinkBackground2);}\", \".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}\", \".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}\", \".f8ptl6j{color:var(--colorPalettePlumForeground2);}\", \".fqo8e26{background-color:var(--colorPalettePlumBackground2);}\", \".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}\", \".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}\", \".f1fscmp{color:var(--colorPaletteMinkForeground2);}\", \".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}\", \".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}\", \".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}\", \".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}\", \".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}\"]\n});\nconst useRingColorStyles = /#__PURE__/__styles({\n neutral: {\n Bic5iru: \"f1uuiafn\"\n },\n brand: {\n Bic5iru: \"f1uuiafn\"\n },\n \"dark-red\": {\n Bic5iru: \"f1t2x9on\"\n },\n cranberry: {\n Bic5iru: \"f1pvshc9\"\n },\n red: {\n Bic5iru: \"f1ectbk9\"\n },\n pumpkin: {\n Bic5iru: \"fvzpl0b\"\n },\n peach: {\n Bic5iru: \"fwj2kd7\"\n },\n marigold: {\n Bic5iru: \"fr120vy\"\n },\n gold: {\n Bic5iru: \"f8xmmar\"\n },\n brass: {\n Bic5iru: \"f1hbety2\"\n },\n brown: {\n Bic5iru: \"f1vg3s4g\"\n },\n forest: {\n Bic5iru: \"f1m3olm5\"\n },\n seafoam: {\n Bic5iru: \"f17xiqtr\"\n },\n \"dark-green\": {\n Bic5iru: \"fx32vyh\"\n },\n \"light-teal\": {\n Bic5iru: \"f1mkihwv\"\n },\n teal: {\n Bic5iru: \"fecnooh\"\n },\n steel: {\n Bic5iru: \"f15hfgzm\"\n },\n blue: {\n Bic5iru: \"fqproka\"\n },\n \"royal-blue\": {\n Bic5iru: \"f17v2w59\"\n },\n cornflower: {\n Bic5iru: \"fp0q1mo\"\n },\n navy: {\n Bic5iru: \"f1nlym55\"\n },\n lavender: {\n Bic5iru: \"f62vk8h\"\n },\n purple: {\n Bic5iru: \"f15zl69q\"\n },\n grape: {\n Bic5iru: \"f53w4j7\"\n },\n lilac: {\n Bic5iru: \"fu2771t\"\n },\n pink: {\n Bic5iru: \"fzflscs\"\n },\n magenta: {\n Bic5iru: \"fb6rmqc\"\n },\n plum: {\n Bic5iru: \"f1a4gm5b\"\n },\n beige: {\n Bic5iru: \"f1qpf9z1\"\n },\n mink: {\n Bic5iru: \"f1l7or83\"\n },\n platinum: {\n Bic5iru: \"fzrj0iu\"\n },\n anchor: {\n Bic5iru: \"f8oz6wf\"\n }\n}, {\n d: [\".f1uuiafn::before{color:var(--colorBrandStroke1);}\", \".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}\", \".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}\", \".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}\", \".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}\", \".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}\", \".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}\", \".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}\", \".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}\", \".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}\", \".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}\", \".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}\", \".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}\", \".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}\", \".fecnooh::before{color:var(--colorPaletteTealBorderActive);}\", \".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}\", \".fqproka::before{color:var(--colorPaletteBlueBorderActive);}\", \".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}\", \".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}\", \".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}\", \".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}\", \".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}\", \".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}\", \".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}\", \".fzflscs::before{color:var(--colorPalettePinkBorderActive);}\", \".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}\", \".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}\", \".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}\", \".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}\", \".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}\", \".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}\"]\n});\nexport const useAvatarStyles_unstable = state => {\n const {\n size,\n shape,\n active,\n activeAppearance,\n color\n } = state;\n const rootClassName = useRootClassName();\n const imageClassName = useImageClassName();\n const iconInitialsClassName = useIconInitialsClassName();\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n const ringColorStyles = useRingColorStyles();\n const rootClasses = [rootClassName, size !== 32 && sizeStyles[size]];\n if (state.badge) {\n rootClasses.push(styles.badgeAlign, styles[state.badge.size \|\| 'medium']);\n }\n if (size <= 24) {\n rootClasses.push(styles.textCaption2Strong);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n // Default text size included in useRootClassName\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle3);\n }\n if (shape === 'square') {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n if (active === 'active' \|\| active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n if (activeAppearance === 'ring' \|\| activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.ring, ringColorStyles[color]);\n if (state.badge) {\n rootClasses.push(styles.ringBadgeCutout);\n }\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n if (activeAppearance === 'shadow' \|\| activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.shadow);\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n if (state.badge) {\n state.badge.className = mergeClasses(avatarClassNames.badge, styles.badge, state.badge.className);\n }\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, colorStyles[color], state.badge && styles.badgeCutout, state.image.className);\n }\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, colorStyles[color], state.badge && styles.badgeCutout, state.initials.className);\n }\n if (state.icon) {\n let iconSizeClass;\n if (size <= 16) {\n iconSizeClass = styles.icon12;\n } else if (size <= 24) {\n iconSizeClass = styles.icon16;\n } else if (size <= 40) {\n iconSizeClass = styles.icon20;\n } else if (size <= 48) {\n iconSizeClass = styles.icon24;\n } else if (size <= 56) {\n iconSizeClass = styles.icon28;\n } else if (size <= 72) {\n iconSizeClass = styles.icon32;\n } else {\n iconSizeClass = styles.icon48;\n }\n state.icon.className = mergeClasses(avatarClassNames.icon, iconInitialsClassName, iconSizeClass, colorStyles[color], state.badge && styles.badgeCutout, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useAvatarStyles.styles.js.map"],"names":["avatarClassNames","useSizeStyles","useAvatarStyles_unstable","root","image","initials","icon","badge","vars","badgeRadius","badgeGap","badgeAlign","ringWidth","useRootClassName","__resetStyles","r","s","useImageClassName","useIconInitialsClassName","badgeMask","margin","centerOffset","innerRadius","outerRadius","useStyles","__styles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Bkqvd7p","Hwfdqs","ring","Ftih45","ringBadgeCutout","f4a502","ringThick","of393c","ringThicker","ringThickest","shadow","Bsft5z2","shadow4","Be6vj1x","shadow8","shadow16","shadow28","inactive","abs64n","Bfgortx","Bnvr3x9","b2tv09","Bucmhp4","iayac2","b6ubon","Bqinb2h","qhf8xq","B5kzvoi","j35jbq","badgeCutout","btxmck","Dnlfbu","tiny","Bdjeniz","niu6jh","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","p","m","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","useRingColorStyles","Bic5iru","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","ringColorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"mappings":"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"}
1	+ {"version":3,"sources":["useAvatarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nexport const avatarClassNames = {\n root: 'fui-Avatar',\n image: 'fui-Avatar__image',\n initials: 'fui-Avatar__initials',\n icon: 'fui-Avatar__icon',\n badge: 'fui-Avatar__badge'\n};\n// CSS variables used internally in Avatar's styles\nconst vars = {\n badgeRadius: '--fui-Avatar-badgeRadius',\n badgeGap: '--fui-Avatar-badgeGap',\n badgeAlign: '--fui-Avatar-badgeAlign',\n ringWidth: '--fui-Avatar-ringWidth'\n};\nconst useRootClassName = /#__PURE__/__resetStyles(\"r81b29z\", \"r1aatmv\", {\n r: [\".r81b29z{display:inline-block;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}\", \".r81b29z::before,.r81b29z::after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r81b29z::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\", \".r1aatmv{display:inline-block;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}\", \".r1aatmv::before,.r1aatmv::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r1aatmv::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\"],\n s: [\"@media screen and (prefers-reduced-motion: reduce){.r81b29z::before,.r81b29z::after{transition-duration:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.r1aatmv::before,.r1aatmv::after{transition-duration:0.01ms;}}\"]\n});\nconst useImageClassName = /#__PURE__/__resetStyles(\"r136dc0n\", \"rjly0nl\", [\".r136dc0n{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\", \".rjly0nl{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\"]);\nconst useIconInitialsClassName = /#__PURE__/__resetStyles(\"rip04v\", \"r31uzil\", [\".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:inherit;}\", \".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:flex;align-items:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:inherit;}\"]);\n/*\n Helper to create a maskImage that punches out a circle larger than the badge by `badgeGap`.\n * This creates a transparent gap between the badge and Avatar.\n \n Used by the icon, initials, and image slots, as well as the ring ::before pseudo-element.\n /\nconst badgeMask = margin => {\n // Center the cutout at the badge's radius away from the edge.\n // The ring (::before) also has a 2 ringWidth margin that also needs to be offset.\n const centerOffset = margin ? `calc(var(${vars.badgeRadius}) + ${margin})` : `var(${vars.badgeRadius})`;\n // radial-gradient does not have anti-aliasing, so the transparent and opaque gradient stops are offset by +/- 0.25px\n // to \"fade\" from transparent to opaque over a half-pixel and ease the transition.\n const innerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) - 0.25px)`;\n const outerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) + 0.25px)`;\n return `radial-gradient(circle at bottom ${centerOffset} var(${vars.badgeAlign}) ${centerOffset}, ` + `transparent ${innerRadius}, white ${outerRadius})`;\n};\nconst useStyles = /#__PURE__/__styles({\n textCaption2Strong: {\n Be2twd7: \"f13mqy1h\"\n },\n textCaption1Strong: {\n Be2twd7: \"fy9rknc\"\n },\n textSubtitle2: {\n Be2twd7: \"fod5ikn\"\n },\n textSubtitle1: {\n Be2twd7: \"f1pp30po\"\n },\n textTitle3: {\n Be2twd7: \"f1x0m3f5\"\n },\n squareSmall: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"fq9zq91\"\n },\n squareMedium: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\"\n },\n squareLarge: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f1o0qvyv\"\n },\n squareXLarge: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f1kijzfu\"\n },\n activeOrInactive: {\n Bz10aip: \"ftfx35i\",\n Bmy1vo4: \"fv0atk9\",\n B3o57yi: \"f1iry5bo\",\n Bkqvd7p: \"f15n41j8\",\n Hwfdqs: \"f1onx1g3\"\n },\n ring: {\n Ftih45: \"f1wl9k8s\"\n },\n ringBadgeCutout: {\n f4a502: \"fp2gujx\"\n },\n ringThick: {\n of393c: \"fq1w1vq\"\n },\n ringThicker: {\n of393c: \"fzg6ace\"\n },\n ringThickest: {\n of393c: \"f1nu8p71\"\n },\n shadow: {\n Bsft5z2: \"f13zj6fq\"\n },\n shadow4: {\n Be6vj1x: \"fcjn15l\"\n },\n shadow8: {\n Be6vj1x: \"f1tm8t9f\"\n },\n shadow16: {\n Be6vj1x: \"f1a1aohj\"\n },\n shadow28: {\n Be6vj1x: \"fond6v5\"\n },\n inactive: {\n abs64n: \"fp25eh\",\n Bz10aip: \"f1clczzi\",\n Bkqvd7p: \"f1l3s34x\",\n Bfgortx: 0,\n Bnvr3x9: 0,\n b2tv09: 0,\n Bucmhp4: 0,\n iayac2: \"flkahu5\",\n b6ubon: \"fw457kn\",\n Bqinb2h: \"f1wmllxl\"\n },\n badge: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1yab3r1\",\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"]\n },\n badgeCutout: {\n btxmck: \"f1eugkqs\"\n },\n badgeAlign: {\n Dnlfbu: [\"f1tlnv9o\", \"f1y9kyih\"]\n },\n tiny: {\n Bdjeniz: \"f1uwoubl\",\n niu6jh: \"fid048z\"\n },\n \"extra-small\": {\n Bdjeniz: \"f13ar0e0\",\n niu6jh: \"fid048z\"\n },\n small: {\n Bdjeniz: \"fwwuruf\",\n niu6jh: \"fid048z\"\n },\n medium: {\n Bdjeniz: \"f1af27q5\",\n niu6jh: \"fid048z\"\n },\n large: {\n Bdjeniz: \"f18yy57a\",\n niu6jh: \"f924bxt\"\n },\n \"extra-large\": {\n Bdjeniz: \"f2jg042\",\n niu6jh: \"f924bxt\"\n },\n icon12: {\n Be2twd7: \"f1ugzwwg\"\n },\n icon16: {\n Be2twd7: \"f4ybsrx\"\n },\n icon20: {\n Be2twd7: \"fe5j1ua\"\n },\n icon24: {\n Be2twd7: \"f1rt2boy\"\n },\n icon28: {\n Be2twd7: \"f24l1pt\"\n },\n icon32: {\n Be2twd7: \"ffl51b\"\n },\n icon48: {\n Be2twd7: \"f18m8u13\"\n }\n}, {\n d: [\".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", [\".fq9zq91{border-radius:var(--borderRadiusSmall);}\", {\n p: -1\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], [\".f1o0qvyv{border-radius:var(--borderRadiusLarge);}\", {\n p: -1\n }], [\".f1kijzfu{border-radius:var(--borderRadiusXLarge);}\", {\n p: -1\n }], \".ftfx35i{transform:perspective(1px);}\", \".fv0atk9{transition-property:transform,opacity;}\", \".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}\", \".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".fp2gujx::before{-webkit-mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".fq1w1vq{--fui-Avatar-ringWidth:var(--strokeWidthThick);}\", \".fzg6ace{--fui-Avatar-ringWidth:var(--strokeWidthThicker);}\", \".f1nu8p71{--fui-Avatar-ringWidth:var(--strokeWidthThickest);}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fcjn15l::after{box-shadow:var(--shadow4);}\", \".f1tm8t9f::after{box-shadow:var(--shadow8);}\", \".f1a1aohj::after{box-shadow:var(--shadow16);}\", \".fond6v5::after{box-shadow:var(--shadow28);}\", \".fp25eh{opacity:0.8;}\", \".f1clczzi{transform:scale(0.875);}\", \".f1l3s34x{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", [\".flkahu5::before,.flkahu5::after{margin:0;}\", {\n p: -1\n }], \".fw457kn::before,.fw457kn::after{opacity:0;}\", \".f1wmllxl::before,.f1wmllxl::after{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1euv43f{position:absolute;}\", \".f1yab3r1{bottom:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".f1eugkqs{-webkit-mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".f1tlnv9o{--fui-Avatar-badgeAlign:right;}\", \".f1y9kyih{--fui-Avatar-badgeAlign:left;}\", \".f1uwoubl{--fui-Avatar-badgeRadius:3px;}\", \".fid048z{--fui-Avatar-badgeGap:var(--strokeWidthThin);}\", \".f13ar0e0{--fui-Avatar-badgeRadius:5px;}\", \".fwwuruf{--fui-Avatar-badgeRadius:6px;}\", \".f1af27q5{--fui-Avatar-badgeRadius:8px;}\", \".f18yy57a{--fui-Avatar-badgeRadius:10px;}\", \".f924bxt{--fui-Avatar-badgeGap:var(--strokeWidthThick);}\", \".f2jg042{--fui-Avatar-badgeRadius:14px;}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]]\n});\nexport const useSizeStyles = /#__PURE__/__styles({\n \"16\": {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n a9b677: \"fpdz1er\",\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n a9b677: \"feqmc2u\",\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n a9b677: \"f124akge\",\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n a9b677: \"f1u66zr1\",\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n a9b677: \"fa9ln6p\",\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n a9b677: \"fhcae8x\",\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n a9b677: \"f1kyr2gn\",\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n a9b677: \"fwfqyga\",\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n a9b677: \"f1iksgmy\",\n Bqenvij: \"fele2au\"\n }\n}, {\n d: [\".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useColorStyles = /#__PURE__/__styles({\n neutral: {\n sj55zd: \"f11d4kpn\",\n De3pzq: \"f18f03hv\"\n },\n brand: {\n sj55zd: \"fonrgv7\",\n De3pzq: \"f1blnnmj\"\n },\n \"dark-red\": {\n sj55zd: \"fqjd1y1\",\n De3pzq: \"f1vq2oo4\"\n },\n cranberry: {\n sj55zd: \"fg9gses\",\n De3pzq: \"f1lwxszt\"\n },\n red: {\n sj55zd: \"f23f7i0\",\n De3pzq: \"f1q9qhfq\"\n },\n pumpkin: {\n sj55zd: \"fjnan08\",\n De3pzq: \"fz91bi3\"\n },\n peach: {\n sj55zd: \"fknu15p\",\n De3pzq: \"f1b9nr51\"\n },\n marigold: {\n sj55zd: \"f9603vw\",\n De3pzq: \"f3z4w6d\"\n },\n gold: {\n sj55zd: \"fmq0uwp\",\n De3pzq: \"fg50kya\"\n },\n brass: {\n sj55zd: \"f28g5vo\",\n De3pzq: \"f4w2gd0\"\n },\n brown: {\n sj55zd: \"ftl572b\",\n De3pzq: \"f14wu1f4\"\n },\n forest: {\n sj55zd: \"f1gymlvd\",\n De3pzq: \"f19ut4y6\"\n },\n seafoam: {\n sj55zd: \"fnnb6wn\",\n De3pzq: \"f1n057jc\"\n },\n \"dark-green\": {\n sj55zd: \"ff58qw8\",\n De3pzq: \"f11t05wk\"\n },\n \"light-teal\": {\n sj55zd: \"f1up9qbj\",\n De3pzq: \"f42feg1\"\n },\n teal: {\n sj55zd: \"f135dsb4\",\n De3pzq: \"f6hvv1p\"\n },\n steel: {\n sj55zd: \"f151dlcp\",\n De3pzq: \"f1lnp8zf\"\n },\n blue: {\n sj55zd: \"f1rjv50u\",\n De3pzq: \"f1ggcpy6\"\n },\n \"royal-blue\": {\n sj55zd: \"f1emykk5\",\n De3pzq: \"f12rj61f\"\n },\n cornflower: {\n sj55zd: \"fqsigj7\",\n De3pzq: \"f8k7hur\"\n },\n navy: {\n sj55zd: \"f1nj97xi\",\n De3pzq: \"f19gw0ux\"\n },\n lavender: {\n sj55zd: \"fwctg0i\",\n De3pzq: \"ff379vm\"\n },\n purple: {\n sj55zd: \"fjrsgpu\",\n De3pzq: \"f1mzf1e1\"\n },\n grape: {\n sj55zd: \"f1fiiydq\",\n De3pzq: \"f1o4k8oy\"\n },\n lilac: {\n sj55zd: \"f1res9jt\",\n De3pzq: \"f1x6mz1o\"\n },\n pink: {\n sj55zd: \"fv3fbbi\",\n De3pzq: \"fydlv6t\"\n },\n magenta: {\n sj55zd: \"f1f1fwnz\",\n De3pzq: \"f4xb6j5\"\n },\n plum: {\n sj55zd: \"f8ptl6j\",\n De3pzq: \"fqo8e26\"\n },\n beige: {\n sj55zd: \"f1ntv3ld\",\n De3pzq: \"f101elhj\"\n },\n mink: {\n sj55zd: \"f1fscmp\",\n De3pzq: \"f13g8o5c\"\n },\n platinum: {\n sj55zd: \"f1dr00v2\",\n De3pzq: \"fkh7blw\"\n },\n anchor: {\n sj55zd: \"f1f3ti53\",\n De3pzq: \"fu4yj0j\"\n }\n}, {\n d: [\".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}\", \".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}\", \".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}\", \".fg9gses{color:var(--colorPaletteCranberryForeground2);}\", \".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}\", \".f23f7i0{color:var(--colorPaletteRedForeground2);}\", \".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}\", \".fjnan08{color:var(--colorPalettePumpkinForeground2);}\", \".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}\", \".fknu15p{color:var(--colorPalettePeachForeground2);}\", \".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}\", \".f9603vw{color:var(--colorPaletteMarigoldForeground2);}\", \".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}\", \".fmq0uwp{color:var(--colorPaletteGoldForeground2);}\", \".fg50kya{background-color:var(--colorPaletteGoldBackground2);}\", \".f28g5vo{color:var(--colorPaletteBrassForeground2);}\", \".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}\", \".ftl572b{color:var(--colorPaletteBrownForeground2);}\", \".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}\", \".f1gymlvd{color:var(--colorPaletteForestForeground2);}\", \".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}\", \".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}\", \".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}\", \".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}\", \".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}\", \".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}\", \".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}\", \".f135dsb4{color:var(--colorPaletteTealForeground2);}\", \".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}\", \".f151dlcp{color:var(--colorPaletteSteelForeground2);}\", \".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}\", \".f1rjv50u{color:var(--colorPaletteBlueForeground2);}\", \".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}\", \".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}\", \".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}\", \".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}\", \".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}\", \".f1nj97xi{color:var(--colorPaletteNavyForeground2);}\", \".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}\", \".fwctg0i{color:var(--colorPaletteLavenderForeground2);}\", \".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}\", \".fjrsgpu{color:var(--colorPalettePurpleForeground2);}\", \".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}\", \".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}\", \".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}\", \".f1res9jt{color:var(--colorPaletteLilacForeground2);}\", \".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}\", \".fv3fbbi{color:var(--colorPalettePinkForeground2);}\", \".fydlv6t{background-color:var(--colorPalettePinkBackground2);}\", \".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}\", \".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}\", \".f8ptl6j{color:var(--colorPalettePlumForeground2);}\", \".fqo8e26{background-color:var(--colorPalettePlumBackground2);}\", \".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}\", \".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}\", \".f1fscmp{color:var(--colorPaletteMinkForeground2);}\", \".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}\", \".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}\", \".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}\", \".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}\", \".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}\"]\n});\nconst useRingColorStyles = /#__PURE__/__styles({\n neutral: {\n Bic5iru: \"f1uuiafn\"\n },\n brand: {\n Bic5iru: \"f1uuiafn\"\n },\n \"dark-red\": {\n Bic5iru: \"f1t2x9on\"\n },\n cranberry: {\n Bic5iru: \"f1pvshc9\"\n },\n red: {\n Bic5iru: \"f1ectbk9\"\n },\n pumpkin: {\n Bic5iru: \"fvzpl0b\"\n },\n peach: {\n Bic5iru: \"fwj2kd7\"\n },\n marigold: {\n Bic5iru: \"fr120vy\"\n },\n gold: {\n Bic5iru: \"f8xmmar\"\n },\n brass: {\n Bic5iru: \"f1hbety2\"\n },\n brown: {\n Bic5iru: \"f1vg3s4g\"\n },\n forest: {\n Bic5iru: \"f1m3olm5\"\n },\n seafoam: {\n Bic5iru: \"f17xiqtr\"\n },\n \"dark-green\": {\n Bic5iru: \"fx32vyh\"\n },\n \"light-teal\": {\n Bic5iru: \"f1mkihwv\"\n },\n teal: {\n Bic5iru: \"fecnooh\"\n },\n steel: {\n Bic5iru: \"f15hfgzm\"\n },\n blue: {\n Bic5iru: \"fqproka\"\n },\n \"royal-blue\": {\n Bic5iru: \"f17v2w59\"\n },\n cornflower: {\n Bic5iru: \"fp0q1mo\"\n },\n navy: {\n Bic5iru: \"f1nlym55\"\n },\n lavender: {\n Bic5iru: \"f62vk8h\"\n },\n purple: {\n Bic5iru: \"f15zl69q\"\n },\n grape: {\n Bic5iru: \"f53w4j7\"\n },\n lilac: {\n Bic5iru: \"fu2771t\"\n },\n pink: {\n Bic5iru: \"fzflscs\"\n },\n magenta: {\n Bic5iru: \"fb6rmqc\"\n },\n plum: {\n Bic5iru: \"f1a4gm5b\"\n },\n beige: {\n Bic5iru: \"f1qpf9z1\"\n },\n mink: {\n Bic5iru: \"f1l7or83\"\n },\n platinum: {\n Bic5iru: \"fzrj0iu\"\n },\n anchor: {\n Bic5iru: \"f8oz6wf\"\n }\n}, {\n d: [\".f1uuiafn::before{color:var(--colorBrandStroke1);}\", \".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}\", \".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}\", \".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}\", \".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}\", \".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}\", \".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}\", \".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}\", \".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}\", \".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}\", \".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}\", \".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}\", \".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}\", \".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}\", \".fecnooh::before{color:var(--colorPaletteTealBorderActive);}\", \".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}\", \".fqproka::before{color:var(--colorPaletteBlueBorderActive);}\", \".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}\", \".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}\", \".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}\", \".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}\", \".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}\", \".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}\", \".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}\", \".fzflscs::before{color:var(--colorPalettePinkBorderActive);}\", \".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}\", \".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}\", \".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}\", \".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}\", \".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}\", \".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}\"]\n});\nexport const useAvatarStyles_unstable = state => {\n 'use no memo';\n\n const {\n size,\n shape,\n active,\n activeAppearance,\n color\n } = state;\n const rootClassName = useRootClassName();\n const imageClassName = useImageClassName();\n const iconInitialsClassName = useIconInitialsClassName();\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n const ringColorStyles = useRingColorStyles();\n const rootClasses = [rootClassName, size !== 32 && sizeStyles[size]];\n if (state.badge) {\n rootClasses.push(styles.badgeAlign, styles[state.badge.size \|\| 'medium']);\n }\n if (size <= 24) {\n rootClasses.push(styles.textCaption2Strong);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n // Default text size included in useRootClassName\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle3);\n }\n if (shape === 'square') {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n if (active === 'active' \|\| active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n if (activeAppearance === 'ring' \|\| activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.ring, ringColorStyles[color]);\n if (state.badge) {\n rootClasses.push(styles.ringBadgeCutout);\n }\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n if (activeAppearance === 'shadow' \|\| activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.shadow);\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n if (state.badge) {\n state.badge.className = mergeClasses(avatarClassNames.badge, styles.badge, state.badge.className);\n }\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, colorStyles[color], state.badge && styles.badgeCutout, state.image.className);\n }\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, colorStyles[color], state.badge && styles.badgeCutout, state.initials.className);\n }\n if (state.icon) {\n let iconSizeClass;\n if (size <= 16) {\n iconSizeClass = styles.icon12;\n } else if (size <= 24) {\n iconSizeClass = styles.icon16;\n } else if (size <= 40) {\n iconSizeClass = styles.icon20;\n } else if (size <= 48) {\n iconSizeClass = styles.icon24;\n } else if (size <= 56) {\n iconSizeClass = styles.icon28;\n } else if (size <= 72) {\n iconSizeClass = styles.icon32;\n } else {\n iconSizeClass = styles.icon48;\n }\n state.icon.className = mergeClasses(avatarClassNames.icon, iconInitialsClassName, iconSizeClass, colorStyles[color], state.badge && styles.badgeCutout, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useAvatarStyles.styles.js.map"],"names":["avatarClassNames","useSizeStyles","useAvatarStyles_unstable","root","image","initials","icon","badge","vars","badgeRadius","badgeGap","badgeAlign","ringWidth","useRootClassName","__resetStyles","r","s","useImageClassName","useIconInitialsClassName","badgeMask","margin","centerOffset","innerRadius","outerRadius","useStyles","__styles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Bkqvd7p","Hwfdqs","ring","Ftih45","ringBadgeCutout","f4a502","ringThick","of393c","ringThicker","ringThickest","shadow","Bsft5z2","shadow4","Be6vj1x","shadow8","shadow16","shadow28","inactive","abs64n","Bfgortx","Bnvr3x9","b2tv09","Bucmhp4","iayac2","b6ubon","Bqinb2h","qhf8xq","B5kzvoi","j35jbq","badgeCutout","btxmck","Dnlfbu","tiny","Bdjeniz","niu6jh","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","p","m","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","useRingColorStyles","Bic5iru","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","ringColorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"mappings":"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"}

package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js CHANGED Viewed

@@ -50,6 +50,7 @@ const avatarGroupClassNames = {
     ]
 });
 const useAvatarGroupStyles_unstable = (state)=>{
+    'use no memo';
     const { layout, size } = state;
     const styles = useStyles();
     const sizeStyles = (0, _useAvatarStylesstyles.useSizeStyles)();

package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAvatarGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupClassNames = {\n root: 'fui-AvatarGroup'\n};\n/*\n Styles for the root slot.\n /\nconst useStyles = /#__PURE__/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n qhf8xq: \"f10pi13n\"\n },\n pie: {\n Bgl5zvf: \"f1uz6ud1\",\n De3pzq: \"f1ganh6p\",\n Bsw6fvg: \"fe2ae1k\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f10pi13n{position:relative;}\", \".f1uz6ud1{clip-path:circle(50%);}\", \".f1ganh6p{background-color:var(--colorTransparentStroke);}\"],\n m: [[\"@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/\n Apply styling to the AvatarGroup slots based on the state\n */\nexport const useAvatarGroupStyles_unstable = state => {\n const {\n layout,\n size\n } = state;\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n state.root.className = mergeClasses(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);\n return state;\n};\n//# sourceMappingURL=useAvatarGroupStyles.styles.js.map"],"names":["avatarGroupClassNames","useAvatarGroupStyles_unstable","root","useStyles","__styles","base","mc9l5x","qhf8xq","pie","Bgl5zvf","De3pzq","Bsw6fvg","d","m","state","layout","size","styles","sizeStyles","useSizeStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,qBAAqB;eAArBA;;IAyBAC,6BAA6B;eAA7BA;;;uBA5B0B;uCAET;AACvB,MAAMD,wBAAwB;IACnCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;IACV;IACAC,KAAK;QACHC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;QAAiC;QAAqC;KAA6D;IACzKC,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMZ,gCAAgCa,CAAAA;IAC3C,MAAM,EACJC,MAAM,EACNC,IAAI,EACL,GAAGF;IACJ,MAAMG,SAASd;IACf,MAAMe,aAAaC,IAAAA,oCAAa;IAChCL,MAAMZ,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACrB,sBAAsBE,IAAI,EAAEe,OAAOZ,IAAI,EAAEU,WAAW,SAASG,UAAU,CAACF,KAAK,EAAED,WAAW,SAASE,OAAOT,GAAG,EAAEM,MAAMZ,IAAI,CAACkB,SAAS;IACvK,OAAON;AACT,GACA,uDAAuD"}
1	+ {"version":3,"sources":["useAvatarGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupClassNames = {\n root: 'fui-AvatarGroup'\n};\n/*\n Styles for the root slot.\n /\nconst useStyles = /#__PURE__/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n qhf8xq: \"f10pi13n\"\n },\n pie: {\n Bgl5zvf: \"f1uz6ud1\",\n De3pzq: \"f1ganh6p\",\n Bsw6fvg: \"fe2ae1k\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f10pi13n{position:relative;}\", \".f1uz6ud1{clip-path:circle(50%);}\", \".f1ganh6p{background-color:var(--colorTransparentStroke);}\"],\n m: [[\"@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/\n Apply styling to the AvatarGroup slots based on the state\n */\nexport const useAvatarGroupStyles_unstable = state => {\n 'use no memo';\n\n const {\n layout,\n size\n } = state;\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n state.root.className = mergeClasses(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);\n return state;\n};\n//# sourceMappingURL=useAvatarGroupStyles.styles.js.map"],"names":["avatarGroupClassNames","useAvatarGroupStyles_unstable","root","useStyles","__styles","base","mc9l5x","qhf8xq","pie","Bgl5zvf","De3pzq","Bsw6fvg","d","m","state","layout","size","styles","sizeStyles","useSizeStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,qBAAqB;eAArBA;;IAyBAC,6BAA6B;eAA7BA;;;uBA5B0B;uCAET;AACvB,MAAMD,wBAAwB;IACnCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;IACV;IACAC,KAAK;QACHC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;QAAiC;QAAqC;KAA6D;IACzKC,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMZ,gCAAgCa,CAAAA;IAC3C;IAEA,MAAM,EACJC,MAAM,EACNC,IAAI,EACL,GAAGF;IACJ,MAAMG,SAASd;IACf,MAAMe,aAAaC,IAAAA,oCAAa;IAChCL,MAAMZ,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACrB,sBAAsBE,IAAI,EAAEe,OAAOZ,IAAI,EAAEU,WAAW,SAASG,UAAU,CAACF,KAAK,EAAED,WAAW,SAASE,OAAOT,GAAG,EAAEM,MAAMZ,IAAI,CAACkB,SAAS;IACvK,OAAON;AACT,GACA,uDAAuD"}

package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js CHANGED Viewed

@@ -318,6 +318,7 @@ const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
     ]
 });
 const useAvatarGroupItemStyles_unstable = (state)=>{
+    'use no memo';
     const { isOverflowItem, layout, size } = state;
     const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
     const avatarStyles = useAvatarStyles();

package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAvatarGroupItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../../Avatar';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nexport const avatarGroupItemClassNames = {\n root: 'fui-AvatarGroupItem',\n avatar: 'fui-AvatarGroupItem__avatar',\n overflowLabel: 'fui-AvatarGroupItem__overflowLabel'\n};\nconst avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';\n/*\n Styles for the root slot\n /\nconst useRootStyles = /#__PURE__/__styles({\n base: {\n Bt984gj: \"f122n59\",\n mc9l5x: \"ftuwxu6\",\n Bnnss6s: \"fi64zpg\",\n qhf8xq: \"f10pi13n\"\n },\n overflowItem: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f16d74zd\"\n },\n nonOverflowItem: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f44lkw9\"\n }\n}, {\n d: [\".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".fi64zpg{flex-shrink:0;}\", \".f10pi13n{position:relative;}\", [\".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}\", {\n p: -1\n }], [\".f44lkw9{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }]]\n});\n/\n Styles for the avatar slot\n /\nconst useAvatarStyles = /#__PURE__/__styles({\n nonOverflowItem: {\n qhf8xq: \"f1euv43f\"\n },\n pie: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"fokr779\"\n }\n}, {\n d: [\".f1euv43f{position:absolute;}\", [\".fokr779{border-radius:0;}\", {\n p: -1\n }]]\n});\n/\n Styles for the label slot\n /\nconst useOverflowLabelStyles = /#__PURE__/__styles({\n base: {\n Frg6f3: [\"foyynoy\", \"f1vcna3q\"],\n sj55zd: \"f19n0e5\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".foyynoy{margin-left:var(--spacingHorizontalS);}\", \".f1vcna3q{margin-right:var(--spacingHorizontalS);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/\n Styles for the stack layout\n /\nconst useStackStyles = /#__PURE__/__styles({\n thick: {\n E5pizo: \"foiuzp5\"\n },\n thicker: {\n E5pizo: \"f1x6o7w7\"\n },\n thickest: {\n E5pizo: \"f2aml1u\"\n },\n xxs: {\n jhia2w: [\"f1cjco14\", \"f13dxjc9\"]\n },\n xs: {\n jhia2w: [\"f15p6bln\", \"f1bab3ru\"]\n },\n s: {\n jhia2w: [\"f1v53ncc\", \"f17pu8r8\"]\n },\n l: {\n jhia2w: [\"flv48ch\", \"fnh1ydj\"]\n }\n}, {\n d: [\".foiuzp5{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground2);}\", \".f1x6o7w7{box-shadow:0 0 0 var(--strokeWidthThicker) var(--colorNeutralBackground2);}\", \".f2aml1u{box-shadow:0 0 0 var(--strokeWidthThickest) var(--colorNeutralBackground2);}\", \".f1cjco14:not(:first-child){margin-left:calc(-1 var(--spacingHorizontalXXS));}\", \".f13dxjc9:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXXS));}\", \".f15p6bln:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalXS));}\", \".f1bab3ru:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXS));}\", \".f1v53ncc:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalS));}\", \".f17pu8r8:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalS));}\", \".flv48ch:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalL));}\", \".fnh1ydj:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalL));}\"]\n});\n/*\n Styles for the spread layout\n /\nconst useSpreadStyles = /#__PURE__/__styles({\n s: {\n jhia2w: [\"f7lhxv7\", \"f6ou2b0\"]\n },\n mNudge: {\n jhia2w: [\"f1h0okno\", \"fnnqava\"]\n },\n m: {\n jhia2w: [\"f1wkt588\", \"f1maio5g\"]\n },\n l: {\n jhia2w: [\"f1l333zn\", \"f1r41m4c\"]\n },\n xl: {\n jhia2w: [\"fahr13a\", \"f2n7rbo\"]\n }\n}, {\n d: [\".f7lhxv7:not(:first-child){margin-left:var(--spacingHorizontalS);}\", \".f6ou2b0:not(:first-child){margin-right:var(--spacingHorizontalS);}\", \".f1h0okno:not(:first-child){margin-left:var(--spacingHorizontalMNudge);}\", \".fnnqava:not(:first-child){margin-right:var(--spacingHorizontalMNudge);}\", \".f1wkt588:not(:first-child){margin-left:var(--spacingHorizontalM);}\", \".f1maio5g:not(:first-child){margin-right:var(--spacingHorizontalM);}\", \".f1l333zn:not(:first-child){margin-left:var(--spacingHorizontalL);}\", \".f1r41m4c:not(:first-child){margin-right:var(--spacingHorizontalL);}\", \".fahr13a:not(:first-child){margin-left:var(--spacingHorizontalXL);}\", \".f2n7rbo:not(:first-child){margin-right:var(--spacingHorizontalXL);}\"]\n});\n/\n Styles for the pie layout\n /\nconst usePieStyles = /#__PURE__/__styles({\n base: {\n qhf8xq: \"f1euv43f\"\n },\n slices: {\n B3gf25r: \"f16m7w7k\",\n Be2twx7: [\"f1o4hhgz\", \"fb4gjrz\"],\n Bvaow4n: \"f1pgb5nx\",\n Gpecfs: [\"fugirid\", \"f4sk99m\"],\n bhabj1: \"fjreaf3\",\n B7rc6i7: [\"f1k4vw81\", \"f1w1xcy7\"],\n Bwrfys5: \"f1ef8vxk\",\n Bwuzm9m: [\"f1x2qbfv\", \"f1xwf4nz\"],\n fflka: \"ff6xuso\",\n do7bja: \"fzpvk6c\",\n Be8zqhl: \"f4onu7f\",\n Bij0kh0: [\"f1ydfez1\", \"fjensob\"],\n Bwexnyt: \"f1yv732j\",\n Bhe5x6o: \"fchq2fj\",\n B3kv7bh: \"ff5binh\"\n },\n rtlSlices: {\n B3gf25r: \"f5vdl61\",\n Bvaow4n: \"f1bnra92\",\n bhabj1: \"f4ibo7t\",\n Bwrfys5: \"f17heuis\",\n Bwuzm9m: [\"f64f2ud\", \"f1yjglu3\"],\n Be8zqhl: \"fa6l61x\",\n Bij0kh0: [\"f1w2396a\", \"f14ab3yo\"]\n },\n thick: {\n uiicq7: \"fnyfzln\"\n },\n thicker: {\n uiicq7: \"f1xdzzot\"\n },\n thickest: {\n uiicq7: \"f1auhru5\"\n }\n}, {\n d: [\".f1euv43f{position:absolute;}\", \".f16m7w7k:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1o4hhgz:nth-of-type(1):nth-last-of-type(2){left:-25%;}\", \".fb4gjrz:nth-of-type(1):nth-last-of-type(2){right:-25%;}\", \".f1pgb5nx:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".fugirid:nth-of-type(2):nth-last-of-type(1){left:25%;}\", \".f4sk99m:nth-of-type(2):nth-last-of-type(1){right:25%;}\", \".fjreaf3:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1k4vw81:nth-of-type(1):nth-last-of-type(3){left:-25%;}\", \".f1w1xcy7:nth-of-type(1):nth-last-of-type(3){right:-25%;}\", \".f1ef8vxk:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width));}\", \".f1x2qbfv:nth-of-type(2):nth-last-of-type(2){left:50%;}\", \".f1xwf4nz:nth-of-type(2):nth-last-of-type(2){right:50%;}\", \".ff6xuso:nth-of-type(2):nth-last-of-type(2){transform:scale(0.5);}\", \".fzpvk6c:nth-of-type(2):nth-last-of-type(2){transform-origin:0 0;}\", \".f4onu7f:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) 0 0 var(--fuiAvatarGroupItem__divider--width));}\", \".f1ydfez1:nth-of-type(3):nth-last-of-type(1){left:50%;}\", \".fjensob:nth-of-type(3):nth-last-of-type(1){right:50%;}\", \".f1yv732j:nth-of-type(3):nth-last-of-type(1){top:50%;}\", \".fchq2fj:nth-of-type(3):nth-last-of-type(1){transform:scale(0.5);}\", \".ff5binh:nth-of-type(3):nth-last-of-type(1){transform-origin:0 0;}\", \".f5vdl61:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f1bnra92:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f4ibo7t:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f17heuis:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0);}\", \".f64f2ud:nth-of-type(2):nth-last-of-type(2){left:0;}\", \".f1yjglu3:nth-of-type(2):nth-last-of-type(2){right:0;}\", \".fa6l61x:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0 0);}\", \".f1w2396a:nth-of-type(3):nth-last-of-type(1){left:0;}\", \".f14ab3yo:nth-of-type(3):nth-last-of-type(1){right:0;}\", \".fnyfzln{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThick);}\", \".f1xdzzot{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThicker);}\", \".f1auhru5{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThickest);}\"]\n});\n/\n Apply styling to the AvatarGroupItem slots based on the state\n /\nexport const useAvatarGroupItemStyles_unstable = state => {\n const {\n isOverflowItem,\n layout,\n size\n } = state;\n const {\n dir\n } = useFluent();\n const avatarStyles = useAvatarStyles();\n const overflowLabelStyles = useOverflowLabelStyles();\n const pieStyles = usePieStyles();\n const rootStyles = useRootStyles();\n const sizeStyles = useSizeStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const rootClasses = [rootStyles.base];\n if (!isOverflowItem) {\n rootClasses.push(rootStyles.nonOverflowItem);\n rootClasses.push(groupChildClassName);\n rootClasses.push(sizeStyles[size]);\n if (layout === 'pie') {\n rootClasses.push(pieStyles.base);\n if (size < 56) {\n rootClasses.push(pieStyles.thick);\n } else if (size < 72) {\n rootClasses.push(pieStyles.thicker);\n } else {\n rootClasses.push(pieStyles.thickest);\n }\n rootClasses.push(pieStyles.slices);\n if (dir === 'rtl') {\n rootClasses.push(pieStyles.rtlSlices);\n }\n }\n } else {\n rootClasses.push(rootStyles.overflowItem);\n }\n state.root.className = mergeClasses(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);\n state.avatar.className = mergeClasses(avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);\n if (state.overflowLabel) {\n state.overflowLabel.className = mergeClasses(avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);\n }\n return state;\n};\n/\n Hook for getting the className for the children of AvatarGroup. This hook will provide the spacing and outlines\n * needed for each layout.\n */\nexport const useGroupChildClassName = (layout, size) => {\n const stackStyles = useStackStyles();\n const spreadStyles = useSpreadStyles();\n const layoutClasses = [];\n if (size) {\n if (layout === 'stack') {\n if (size < 56) {\n layoutClasses.push(stackStyles.thick);\n } else if (size < 72) {\n layoutClasses.push(stackStyles.thicker);\n } else {\n layoutClasses.push(stackStyles.thickest);\n }\n if (size < 24) {\n layoutClasses.push(stackStyles.xxs);\n } else if (size < 48) {\n layoutClasses.push(stackStyles.xs);\n } else if (size < 96) {\n layoutClasses.push(stackStyles.s);\n } else {\n layoutClasses.push(stackStyles.l);\n }\n } else if (layout === 'spread') {\n if (size < 20) {\n layoutClasses.push(spreadStyles.s);\n } else if (size < 32) {\n layoutClasses.push(spreadStyles.mNudge);\n } else if (size < 64) {\n layoutClasses.push(spreadStyles.l);\n } else {\n layoutClasses.push(spreadStyles.xl);\n }\n }\n }\n return mergeClasses(...layoutClasses);\n};\n//# sourceMappingURL=useAvatarGroupItemStyles.styles.js.map"],"names":["avatarGroupItemClassNames","useAvatarGroupItemStyles_unstable","useGroupChildClassName","root","avatar","overflowLabel","avatarGroupItemDividerWidthVar","useRootStyles","__styles","base","Bt984gj","mc9l5x","Bnnss6s","qhf8xq","overflowItem","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","nonOverflowItem","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useAvatarStyles","pie","useOverflowLabelStyles","Frg6f3","sj55zd","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useStackStyles","thick","E5pizo","thicker","thickest","xxs","jhia2w","xs","s","l","useSpreadStyles","mNudge","m","xl","usePieStyles","slices","B3gf25r","Be2twx7","Bvaow4n","Gpecfs","bhabj1","B7rc6i7","Bwrfys5","Bwuzm9m","fflka","do7bja","Be8zqhl","Bij0kh0","Bwexnyt","Bhe5x6o","B3kv7bh","rtlSlices","uiicq7","state","isOverflowItem","layout","size","dir","useFluent","avatarStyles","overflowLabelStyles","pieStyles","rootStyles","sizeStyles","useSizeStyles","groupChildClassName","rootClasses","push","className","mergeClasses","stackStyles","spreadStyles","layoutClasses"],"mappings":"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"}
1	+ {"version":3,"sources":["useAvatarGroupItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../../Avatar';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nexport const avatarGroupItemClassNames = {\n root: 'fui-AvatarGroupItem',\n avatar: 'fui-AvatarGroupItem__avatar',\n overflowLabel: 'fui-AvatarGroupItem__overflowLabel'\n};\nconst avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';\n/*\n Styles for the root slot\n /\nconst useRootStyles = /#__PURE__/__styles({\n base: {\n Bt984gj: \"f122n59\",\n mc9l5x: \"ftuwxu6\",\n Bnnss6s: \"fi64zpg\",\n qhf8xq: \"f10pi13n\"\n },\n overflowItem: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f16d74zd\"\n },\n nonOverflowItem: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f44lkw9\"\n }\n}, {\n d: [\".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".fi64zpg{flex-shrink:0;}\", \".f10pi13n{position:relative;}\", [\".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}\", {\n p: -1\n }], [\".f44lkw9{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }]]\n});\n/\n Styles for the avatar slot\n /\nconst useAvatarStyles = /#__PURE__/__styles({\n nonOverflowItem: {\n qhf8xq: \"f1euv43f\"\n },\n pie: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"fokr779\"\n }\n}, {\n d: [\".f1euv43f{position:absolute;}\", [\".fokr779{border-radius:0;}\", {\n p: -1\n }]]\n});\n/\n Styles for the label slot\n /\nconst useOverflowLabelStyles = /#__PURE__/__styles({\n base: {\n Frg6f3: [\"foyynoy\", \"f1vcna3q\"],\n sj55zd: \"f19n0e5\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".foyynoy{margin-left:var(--spacingHorizontalS);}\", \".f1vcna3q{margin-right:var(--spacingHorizontalS);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/\n Styles for the stack layout\n /\nconst useStackStyles = /#__PURE__/__styles({\n thick: {\n E5pizo: \"foiuzp5\"\n },\n thicker: {\n E5pizo: \"f1x6o7w7\"\n },\n thickest: {\n E5pizo: \"f2aml1u\"\n },\n xxs: {\n jhia2w: [\"f1cjco14\", \"f13dxjc9\"]\n },\n xs: {\n jhia2w: [\"f15p6bln\", \"f1bab3ru\"]\n },\n s: {\n jhia2w: [\"f1v53ncc\", \"f17pu8r8\"]\n },\n l: {\n jhia2w: [\"flv48ch\", \"fnh1ydj\"]\n }\n}, {\n d: [\".foiuzp5{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground2);}\", \".f1x6o7w7{box-shadow:0 0 0 var(--strokeWidthThicker) var(--colorNeutralBackground2);}\", \".f2aml1u{box-shadow:0 0 0 var(--strokeWidthThickest) var(--colorNeutralBackground2);}\", \".f1cjco14:not(:first-child){margin-left:calc(-1 var(--spacingHorizontalXXS));}\", \".f13dxjc9:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXXS));}\", \".f15p6bln:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalXS));}\", \".f1bab3ru:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXS));}\", \".f1v53ncc:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalS));}\", \".f17pu8r8:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalS));}\", \".flv48ch:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalL));}\", \".fnh1ydj:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalL));}\"]\n});\n/*\n Styles for the spread layout\n /\nconst useSpreadStyles = /#__PURE__/__styles({\n s: {\n jhia2w: [\"f7lhxv7\", \"f6ou2b0\"]\n },\n mNudge: {\n jhia2w: [\"f1h0okno\", \"fnnqava\"]\n },\n m: {\n jhia2w: [\"f1wkt588\", \"f1maio5g\"]\n },\n l: {\n jhia2w: [\"f1l333zn\", \"f1r41m4c\"]\n },\n xl: {\n jhia2w: [\"fahr13a\", \"f2n7rbo\"]\n }\n}, {\n d: [\".f7lhxv7:not(:first-child){margin-left:var(--spacingHorizontalS);}\", \".f6ou2b0:not(:first-child){margin-right:var(--spacingHorizontalS);}\", \".f1h0okno:not(:first-child){margin-left:var(--spacingHorizontalMNudge);}\", \".fnnqava:not(:first-child){margin-right:var(--spacingHorizontalMNudge);}\", \".f1wkt588:not(:first-child){margin-left:var(--spacingHorizontalM);}\", \".f1maio5g:not(:first-child){margin-right:var(--spacingHorizontalM);}\", \".f1l333zn:not(:first-child){margin-left:var(--spacingHorizontalL);}\", \".f1r41m4c:not(:first-child){margin-right:var(--spacingHorizontalL);}\", \".fahr13a:not(:first-child){margin-left:var(--spacingHorizontalXL);}\", \".f2n7rbo:not(:first-child){margin-right:var(--spacingHorizontalXL);}\"]\n});\n/\n Styles for the pie layout\n /\nconst usePieStyles = /#__PURE__/__styles({\n base: {\n qhf8xq: \"f1euv43f\"\n },\n slices: {\n B3gf25r: \"f16m7w7k\",\n Be2twx7: [\"f1o4hhgz\", \"fb4gjrz\"],\n Bvaow4n: \"f1pgb5nx\",\n Gpecfs: [\"fugirid\", \"f4sk99m\"],\n bhabj1: \"fjreaf3\",\n B7rc6i7: [\"f1k4vw81\", \"f1w1xcy7\"],\n Bwrfys5: \"f1ef8vxk\",\n Bwuzm9m: [\"f1x2qbfv\", \"f1xwf4nz\"],\n fflka: \"ff6xuso\",\n do7bja: \"fzpvk6c\",\n Be8zqhl: \"f4onu7f\",\n Bij0kh0: [\"f1ydfez1\", \"fjensob\"],\n Bwexnyt: \"f1yv732j\",\n Bhe5x6o: \"fchq2fj\",\n B3kv7bh: \"ff5binh\"\n },\n rtlSlices: {\n B3gf25r: \"f5vdl61\",\n Bvaow4n: \"f1bnra92\",\n bhabj1: \"f4ibo7t\",\n Bwrfys5: \"f17heuis\",\n Bwuzm9m: [\"f64f2ud\", \"f1yjglu3\"],\n Be8zqhl: \"fa6l61x\",\n Bij0kh0: [\"f1w2396a\", \"f14ab3yo\"]\n },\n thick: {\n uiicq7: \"fnyfzln\"\n },\n thicker: {\n uiicq7: \"f1xdzzot\"\n },\n thickest: {\n uiicq7: \"f1auhru5\"\n }\n}, {\n d: [\".f1euv43f{position:absolute;}\", \".f16m7w7k:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1o4hhgz:nth-of-type(1):nth-last-of-type(2){left:-25%;}\", \".fb4gjrz:nth-of-type(1):nth-last-of-type(2){right:-25%;}\", \".f1pgb5nx:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".fugirid:nth-of-type(2):nth-last-of-type(1){left:25%;}\", \".f4sk99m:nth-of-type(2):nth-last-of-type(1){right:25%;}\", \".fjreaf3:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1k4vw81:nth-of-type(1):nth-last-of-type(3){left:-25%;}\", \".f1w1xcy7:nth-of-type(1):nth-last-of-type(3){right:-25%;}\", \".f1ef8vxk:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width));}\", \".f1x2qbfv:nth-of-type(2):nth-last-of-type(2){left:50%;}\", \".f1xwf4nz:nth-of-type(2):nth-last-of-type(2){right:50%;}\", \".ff6xuso:nth-of-type(2):nth-last-of-type(2){transform:scale(0.5);}\", \".fzpvk6c:nth-of-type(2):nth-last-of-type(2){transform-origin:0 0;}\", \".f4onu7f:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) 0 0 var(--fuiAvatarGroupItem__divider--width));}\", \".f1ydfez1:nth-of-type(3):nth-last-of-type(1){left:50%;}\", \".fjensob:nth-of-type(3):nth-last-of-type(1){right:50%;}\", \".f1yv732j:nth-of-type(3):nth-last-of-type(1){top:50%;}\", \".fchq2fj:nth-of-type(3):nth-last-of-type(1){transform:scale(0.5);}\", \".ff5binh:nth-of-type(3):nth-last-of-type(1){transform-origin:0 0;}\", \".f5vdl61:nth-of-type(1):nth-last-of-type(2){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f1bnra92:nth-of-type(2):nth-last-of-type(1){clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f4ibo7t:nth-of-type(1):nth-last-of-type(3){clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f17heuis:nth-of-type(2):nth-last-of-type(2){clip-path:inset(0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0);}\", \".f64f2ud:nth-of-type(2):nth-last-of-type(2){left:0;}\", \".f1yjglu3:nth-of-type(2):nth-last-of-type(2){right:0;}\", \".fa6l61x:nth-of-type(3):nth-last-of-type(1){clip-path:inset(var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0 0);}\", \".f1w2396a:nth-of-type(3):nth-last-of-type(1){left:0;}\", \".f14ab3yo:nth-of-type(3):nth-last-of-type(1){right:0;}\", \".fnyfzln{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThick);}\", \".f1xdzzot{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThicker);}\", \".f1auhru5{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThickest);}\"]\n});\n/\n Apply styling to the AvatarGroupItem slots based on the state\n /\nexport const useAvatarGroupItemStyles_unstable = state => {\n 'use no memo';\n\n const {\n isOverflowItem,\n layout,\n size\n } = state;\n const {\n dir\n } = useFluent();\n const avatarStyles = useAvatarStyles();\n const overflowLabelStyles = useOverflowLabelStyles();\n const pieStyles = usePieStyles();\n const rootStyles = useRootStyles();\n const sizeStyles = useSizeStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const rootClasses = [rootStyles.base];\n if (!isOverflowItem) {\n rootClasses.push(rootStyles.nonOverflowItem);\n rootClasses.push(groupChildClassName);\n rootClasses.push(sizeStyles[size]);\n if (layout === 'pie') {\n rootClasses.push(pieStyles.base);\n if (size < 56) {\n rootClasses.push(pieStyles.thick);\n } else if (size < 72) {\n rootClasses.push(pieStyles.thicker);\n } else {\n rootClasses.push(pieStyles.thickest);\n }\n rootClasses.push(pieStyles.slices);\n if (dir === 'rtl') {\n rootClasses.push(pieStyles.rtlSlices);\n }\n }\n } else {\n rootClasses.push(rootStyles.overflowItem);\n }\n state.root.className = mergeClasses(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);\n state.avatar.className = mergeClasses(avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);\n if (state.overflowLabel) {\n state.overflowLabel.className = mergeClasses(avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);\n }\n return state;\n};\n/\n Hook for getting the className for the children of AvatarGroup. This hook will provide the spacing and outlines\n * needed for each layout.\n */\nexport const useGroupChildClassName = (layout, size) => {\n const stackStyles = useStackStyles();\n const spreadStyles = useSpreadStyles();\n const layoutClasses = [];\n if (size) {\n if (layout === 'stack') {\n if (size < 56) {\n layoutClasses.push(stackStyles.thick);\n } else if (size < 72) {\n layoutClasses.push(stackStyles.thicker);\n } else {\n layoutClasses.push(stackStyles.thickest);\n }\n if (size < 24) {\n layoutClasses.push(stackStyles.xxs);\n } else if (size < 48) {\n layoutClasses.push(stackStyles.xs);\n } else if (size < 96) {\n layoutClasses.push(stackStyles.s);\n } else {\n layoutClasses.push(stackStyles.l);\n }\n } else if (layout === 'spread') {\n if (size < 20) {\n layoutClasses.push(spreadStyles.s);\n } else if (size < 32) {\n layoutClasses.push(spreadStyles.mNudge);\n } else if (size < 64) {\n layoutClasses.push(spreadStyles.l);\n } else {\n layoutClasses.push(spreadStyles.xl);\n }\n }\n }\n return mergeClasses(...layoutClasses);\n};\n//# sourceMappingURL=useAvatarGroupItemStyles.styles.js.map"],"names":["avatarGroupItemClassNames","useAvatarGroupItemStyles_unstable","useGroupChildClassName","root","avatar","overflowLabel","avatarGroupItemDividerWidthVar","useRootStyles","__styles","base","Bt984gj","mc9l5x","Bnnss6s","qhf8xq","overflowItem","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","nonOverflowItem","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useAvatarStyles","pie","useOverflowLabelStyles","Frg6f3","sj55zd","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useStackStyles","thick","E5pizo","thicker","thickest","xxs","jhia2w","xs","s","l","useSpreadStyles","mNudge","m","xl","usePieStyles","slices","B3gf25r","Be2twx7","Bvaow4n","Gpecfs","bhabj1","B7rc6i7","Bwrfys5","Bwuzm9m","fflka","do7bja","Be8zqhl","Bij0kh0","Bwexnyt","Bhe5x6o","B3kv7bh","rtlSlices","uiicq7","state","isOverflowItem","layout","size","dir","useFluent","avatarStyles","overflowLabelStyles","pieStyles","rootStyles","sizeStyles","useSizeStyles","groupChildClassName","rootClasses","push","className","mergeClasses","stackStyles","spreadStyles","layoutClasses"],"mappings":"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"}

package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js CHANGED Viewed

@@ -453,6 +453,7 @@ const avatarGroupPopoverClassNames = {
     ]
 });
 const useAvatarGroupPopoverStyles_unstable = (state)=>{
+    'use no memo';
     const { indicator, size, layout, popoverOpen } = state;
     const sizeStyles = (0, _useAvatarStylesstyles.useSizeStyles)();
     const triggerButtonStyles = useTriggerButtonStyles();

package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAvatarGroupPopoverStyles.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useGroupChildClassName } from '../AvatarGroupItem/useAvatarGroupItemStyles.styles';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupPopoverClassNames = {\n root: 'fui-AvatarGroupPopover',\n content: 'fui-AvatarGroupPopover__content',\n popoverSurface: 'fui-AvatarGroupPopover__popoverSurface',\n tooltip: 'fui-AvatarGroupPopover__tooltip',\n triggerButton: 'fui-AvatarGroupPopover__triggerButton'\n};\n/*\n Styles for the content slot.\n /\nconst useContentStyles = /#__PURE__/__styles({\n base: {\n dclx09: \"ftrb29c\",\n jrapky: 0,\n Frg6f3: 0,\n t21cq0: 0,\n B6of3ja: 0,\n B74szlk: \"f1s184ao\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".ftrb29c{list-style-type:none;}\", [\".f1s184ao{margin:0;}\", {\n p: -1\n }], [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\"]\n});\n/\n Styles for the popoverSurface slot.\n /\nconst usePopoverSurfaceStyles = /#__PURE__/__styles({\n base: {\n Bxyxcbc: \"fopcw2o\",\n sshi5w: \"f1n5o1gx\",\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f19r5mr9\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1f5q0n8\",\n a9b677: \"f13dwy2t\"\n }\n}, {\n d: [\".fopcw2o{max-height:220px;}\", \".f1n5o1gx{min-height:80px;}\", [\".f19r5mr9{overflow:hidden scroll;}\", {\n p: -1\n }], [\".f1f5q0n8{padding:var(--spacingVerticalS) var(--spacingHorizontalS);}\", {\n p: -1\n }], \".f13dwy2t{width:220px;}\"]\n});\n/\n Styles for the triggerButton slot.\n /\nconst useTriggerButtonStyles = /#__PURE__/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n qhf8xq: \"f10pi13n\",\n Bnnss6s: \"fi64zpg\",\n Brf1p80: \"f4d9j23\",\n Bt984gj: \"f122n59\",\n sj55zd: \"f19n0e5\",\n De3pzq: \"fxugw4r\",\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1aperda\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f44lkw9\",\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\",\n Bjwas2f: \"fw33nwi\",\n Bn1d65q: [\"f1ptkjjm\", \"fmzzjfk\"],\n Bxeuatn: \"f15j0dln\",\n n51gp8: [\"fmzzjfk\", \"f1ptkjjm\"]\n },\n pie: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"fghlq4f\",\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n B9xav0g: \"fb073pr\",\n zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n sj55zd: \"f44pa96\"\n },\n focusIndicator: {\n Byu6kyc: 0,\n n8qw10: 0,\n Bbjhlyh: 0,\n i2cumq: 0,\n Bunx835: 0,\n Bdrgwmp: 0,\n mqozju: 0,\n lbo84a: 0,\n Bksnhdo: 0,\n Bci5o5g: 0,\n u5e7qz: 0,\n Bn40d3w: 0,\n B7b6zxw: 0,\n B8q5s1w: 0,\n B5gfjzb: 0,\n Bbcte9g: 0,\n Bqz3imu: \"f1j9b7x8\",\n g9k6zt: \"f1nev41a\"\n },\n states: {\n Bi91k9c: \"feu1g3u\",\n Jwef8y: \"f1knas48\",\n Bgoe8wy: \"fvcxoqz\",\n Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n oetu4i: \"f1xlaoq0\",\n gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n lj723h: \"f1g4hkjv\",\n ecr2s2: \"fb40n2d\",\n B6oc9vd: \"fvs00aa\",\n ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n wmxk5l: \"fumykes\",\n B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n },\n selected: {\n sj55zd: \"f14nttnl\",\n De3pzq: \"f1nfm20t\",\n g2u3we: \"f1ly1fcm\",\n h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n B9xav0g: \"f1s9tnsa\",\n zhjwy3: [\"fj6btzu\", \"fi8bssc\"]\n },\n icon12: {\n Be2twd7: \"f1ugzwwg\"\n },\n icon16: {\n Be2twd7: \"f4ybsrx\"\n },\n icon20: {\n Be2twd7: \"fe5j1ua\"\n },\n icon24: {\n Be2twd7: \"f1rt2boy\"\n },\n icon28: {\n Be2twd7: \"f24l1pt\"\n },\n icon32: {\n Be2twd7: \"ffl51b\"\n },\n icon48: {\n Be2twd7: \"f18m8u13\"\n },\n caption2Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f13mqy1h\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fcpl73t\"\n },\n caption1Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fwrc4pm\"\n },\n body1Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f1i3iumi\"\n },\n subtitle2: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n },\n subtitle1: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f1pp30po\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f106mvju\"\n },\n title3: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f1x0m3f5\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fb86gi6\"\n },\n borderThin: {\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"]\n },\n borderThick: {\n B4j52fo: \"f18zi460\",\n Bekrc4i: [\"f1wpluaz\", \"fsfsuhs\"],\n Bn0qgzm: \"fmklw6v\",\n ibv6hh: [\"fsfsuhs\", \"f1wpluaz\"]\n },\n borderThicker: {\n B4j52fo: \"fgx37oo\",\n Bekrc4i: [\"f130t4y6\", \"f1efpmoh\"],\n Bn0qgzm: \"fv51ejd\",\n ibv6hh: [\"f1efpmoh\", \"f130t4y6\"]\n },\n borderThickest: {\n B4j52fo: \"fwn6jck\",\n Bekrc4i: [\"figl7jc\", \"f1g0iy8l\"],\n Bn0qgzm: \"f1b8shu7\",\n ibv6hh: [\"f1g0iy8l\", \"figl7jc\"]\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f10pi13n{position:relative;}\", \".fi64zpg{flex-shrink:0;}\", \".f4d9j23{justify-content:center;}\", \".f122n59{align-items:center;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", [\".f44lkw9{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".f44pa96{color:transparent;}\", [\".f1j9b7x8[data-fui-focus-visible]{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], \".f1nev41a[data-fui-focus-visible]{outline-style:none;}\", \".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}\", \".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".fb86gi6{line-height:var(--lineHeightBase600);}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".f18zi460{border-top-width:var(--strokeWidthThick);}\", \".f1wpluaz{border-right-width:var(--strokeWidthThick);}\", \".fsfsuhs{border-left-width:var(--strokeWidthThick);}\", \".fmklw6v{border-bottom-width:var(--strokeWidthThick);}\", \".fgx37oo{border-top-width:var(--strokeWidthThicker);}\", \".f130t4y6{border-right-width:var(--strokeWidthThicker);}\", \".f1efpmoh{border-left-width:var(--strokeWidthThicker);}\", \".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}\", \".fwn6jck{border-top-width:var(--strokeWidthThickest);}\", \".figl7jc{border-right-width:var(--strokeWidthThickest);}\", \".f1g0iy8l{border-left-width:var(--strokeWidthThickest);}\", \".f1b8shu7{border-bottom-width:var(--strokeWidthThickest);}\"],\n m: [[\"@media (forced-colors: active){.fw33nwi{border-top-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ptkjjm{border-right-color:CanvasText;}.fmzzjfk{border-left-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f15j0dln{border-bottom-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n h: [\".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}\"],\n a: [\".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}\", \".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fumykes:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}\"]\n});\n/\n Apply styling to the AvatarGroupPopover slots based on the state\n */\nexport const useAvatarGroupPopoverStyles_unstable = state => {\n const {\n indicator,\n size,\n layout,\n popoverOpen\n } = state;\n const sizeStyles = useSizeStyles();\n const triggerButtonStyles = useTriggerButtonStyles();\n const contentStyles = useContentStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const triggerButtonClasses = [];\n if (size < 36) {\n triggerButtonClasses.push(triggerButtonStyles.borderThin);\n } else if (size < 56) {\n triggerButtonClasses.push(triggerButtonStyles.borderThick);\n } else if (size < 72) {\n triggerButtonClasses.push(triggerButtonStyles.borderThicker);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.borderThickest);\n }\n if (indicator === 'count') {\n if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.caption2Strong);\n } else if (size <= 28) {\n triggerButtonClasses.push(triggerButtonStyles.caption1Strong);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.body1Strong);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle2);\n } else if (size <= 96) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle1);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.title3);\n }\n } else {\n if (size <= 16) {\n triggerButtonClasses.push(triggerButtonStyles.icon12);\n } else if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.icon16);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.icon20);\n } else if (size <= 48) {\n triggerButtonClasses.push(triggerButtonStyles.icon24);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.icon28);\n } else if (size <= 72) {\n triggerButtonClasses.push(triggerButtonStyles.icon32);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.icon48);\n }\n }\n state.triggerButton.className = mergeClasses(avatarGroupPopoverClassNames.triggerButton, groupChildClassName, sizeStyles[size], triggerButtonStyles.base, layout === 'pie' && triggerButtonStyles.pie, triggerButtonStyles.focusIndicator, layout !== 'pie' && triggerButtonStyles.states, layout !== 'pie' && popoverOpen && triggerButtonStyles.selected, ...triggerButtonClasses, state.triggerButton.className);\n state.content.className = mergeClasses(avatarGroupPopoverClassNames.content, contentStyles.base, state.content.className);\n state.popoverSurface.className = mergeClasses(avatarGroupPopoverClassNames.popoverSurface, popoverSurfaceStyles.base, state.popoverSurface.className);\n return state;\n};\n//# sourceMappingURL=useAvatarGroupPopoverStyles.styles.js.map"],"names":["avatarGroupPopoverClassNames","useAvatarGroupPopoverStyles_unstable","root","content","popoverSurface","tooltip","triggerButton","useContentStyles","__styles","base","dclx09","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mc9l5x","Beiy3e4","d","p","usePopoverSurfaceStyles","Bxyxcbc","sshi5w","B68tc82","Bmxbyg5","Bpg54ce","a9b677","useTriggerButtonStyles","qhf8xq","Bnnss6s","Brf1p80","Bt984gj","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","icvyot","vrafjx","oivjwe","wvpqe5","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","pie","focusIndicator","Byu6kyc","n8qw10","Bbjhlyh","i2cumq","Bunx835","Bdrgwmp","mqozju","lbo84a","Bksnhdo","Bci5o5g","u5e7qz","Bn40d3w","B7b6zxw","B8q5s1w","B5gfjzb","Bbcte9g","Bqz3imu","g9k6zt","states","Bi91k9c","Jwef8y","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","lj723h","ecr2s2","B6oc9vd","ak43y8","wmxk5l","B50zh58","selected","icon12","Be2twd7","icon16","icon20","icon24","icon28","icon32","icon48","caption2Strong","Bahqtrf","Bhrd7zp","Bg96gwp","caption1Strong","body1Strong","subtitle2","subtitle1","title3","borderThin","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","borderThick","borderThicker","borderThickest","m","h","a","state","indicator","size","layout","popoverOpen","sizeStyles","useSizeStyles","triggerButtonStyles","contentStyles","popoverSurfaceStyles","groupChildClassName","useGroupChildClassName","triggerButtonClasses","push","className","mergeClasses"],"mappings":";;;;;;;;;;;IAKaA,4BAA4B;eAA5BA;;IAoPAC,oCAAoC;eAApCA;;;uBAxPsC;gDAEZ;uCACT;AACvB,MAAMD,+BAA+B;IAC1CE,MAAM;IACNC,SAAS;IACTC,gBAAgB;IAChBC,SAAS;IACTC,eAAe;AACjB;AACA;;CAEC,GACD,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC7CC,MAAM;QACJC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAmC;YAAC;YAAwB;gBAC9DC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAyB;gBAC5BA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2B;KAAoC;AACrE;AACA;;CAEC,GACD,MAAMC,0BAA0B,WAAW,GAAEjB,IAAAA,eAAQ,EAAC;IACpDC,MAAM;QACJiB,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTd,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTW,QAAQ;IACV;AACF,GAAG;IACDR,GAAG;QAAC;QAA+B;QAA+B;YAAC;YAAsC;gBACvGC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAyE;gBAC5EA,GAAG,CAAC;YACN;SAAE;QAAE;KAA0B;AAChC;AACA;;CAEC,GACD,MAAMQ,yBAAyB,WAAW,GAAExB,IAAAA,eAAQ,EAAC;IACnDC,MAAM;QACJY,QAAQ;QACRY,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BnC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTgC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,KAAK;QACHlB,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BL,QAAQ;IACV;IACAoB,gBAAgB;QACdC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,QAAQ;QACNC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;IAClC;IACAC,UAAU;QACRpD,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAgD,QAAQ;QACNC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,QAAQ;QACNF,SAAS;IACX;IACAG,QAAQ;QACNH,SAAS;IACX;IACAI,QAAQ;QACNJ,SAAS;IACX;IACAK,QAAQ;QACNL,SAAS;IACX;IACAM,QAAQ;QACNN,SAAS;IACX;IACAO,gBAAgB;QACdC,SAAS;QACTR,SAAS;QACTS,SAAS;QACTC,SAAS;IACX;IACAC,gBAAgB;QACdH,SAAS;QACTR,SAAS;QACTS,SAAS;QACTC,SAAS;IACX;IACAE,aAAa;QACXJ,SAAS;QACTR,SAAS;QACTS,SAAS;QACTC,SAAS;IACX;IACAG,WAAW;QACTL,SAAS;QACTR,SAAS;QACTS,SAAS;QACTC,SAAS;IACX;IACAI,WAAW;QACTN,SAAS;QACTR,SAAS;QACTS,SAAS;QACTC,SAAS;IACX;IACAK,QAAQ;QACNP,SAAS;QACTR,SAAS;QACTS,SAAS;QACTC,SAAS;IACX;IACAM,YAAY;QACVC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,aAAa;QACXJ,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAE,eAAe;QACbL,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAG,gBAAgB;QACdN,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDxF,GAAG;QAAC;QAAkC;QAAiC;QAA4B;QAAqC;QAAiC;QAAmD;QAA8D;QAA0D;QAA4D;QAA4D;QAA8D;YAAC;YAAwD;gBACjkBC,GAAG,CAAC;YACN;SAAE;QAAE;QAAqC;QAAuC;QAAsC;QAAwC;YAAC;YAAyB;gBACtLA,GAAG,CAAC;YACN;SAAE;QAAE;QAAkE;QAA6D;QAAgE;QAA8D;QAAgE;QAAgC;YAAC;YAAqG;gBACrcA,GAAG,CAAC;YACN;SAAE;QAAE;QAA0D;QAA4D;QAAuE;QAAmE;QAAoE;QAAmE;QAAsE;QAA8B;QAA6B;QAA6B;QAA8B;QAA6B;QAA4B;QAA8B;QAAgD;QAAgD;QAAoD;QAAmD;QAA+C;QAAmD;QAA+C;QAAoD;QAA+C;QAAmD;QAAgD;QAAoD;QAAgD;QAAmD;QAAuD;QAAwD;QAAwD;QAA0D;QAAwD;QAA0D;QAAwD;QAA0D;QAAyD;QAA4D;QAA2D;QAA4D;QAA0D;QAA4D;QAA4D;KAA6D;IACnvE2F,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAoH;gBACvHA,GAAG;YACL;SAAE;QAAE;YAAC;YAA8E;gBACjFA,GAAG;YACL;SAAE;KAAC;IACHC,GAAG;QAAC;QAA8D;QAA0E;QAAqE;QAAwE;QAAuE;KAAwE;IACxaC,GAAG;QAAC;QAAkE;QAA4E;QAAwE;QAA2E;QAAyE;KAA0E;AAC1b;AAIO,MAAMpH,uCAAuCqH,CAAAA;IAClD,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,MAAM,EACNC,WAAW,EACZ,GAAGJ;IACJ,MAAMK,aAAaC,IAAAA,oCAAa;IAChC,MAAMC,sBAAsB7F;IAC5B,MAAM8F,gBAAgBvH;IACtB,MAAMwH,uBAAuBtG;IAC7B,MAAMuG,sBAAsBC,IAAAA,sDAAsB,EAACR,QAAQD;IAC3D,MAAMU,uBAAuB,EAAE;IAC/B,IAAIV,OAAO,IAAI;QACbU,qBAAqBC,IAAI,CAACN,oBAAoBlB,UAAU;IAC1D,OAAO,IAAIa,OAAO,IAAI;QACpBU,qBAAqBC,IAAI,CAACN,oBAAoBb,WAAW;IAC3D,OAAO,IAAIQ,OAAO,IAAI;QACpBU,qBAAqBC,IAAI,CAACN,oBAAoBZ,aAAa;IAC7D,OAAO;QACLiB,qBAAqBC,IAAI,CAACN,oBAAoBX,cAAc;IAC9D;IACA,IAAIK,cAAc,SAAS;QACzB,IAAIC,QAAQ,IAAI;YACdU,qBAAqBC,IAAI,CAACN,oBAAoB3B,cAAc;QAC9D,OAAO,IAAIsB,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBvB,cAAc;QAC9D,OAAO,IAAIkB,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBtB,WAAW;QAC3D,OAAO,IAAIiB,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBrB,SAAS;QACzD,OAAO,IAAIgB,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBpB,SAAS;QACzD,OAAO;YACLyB,qBAAqBC,IAAI,CAACN,oBAAoBnB,MAAM;QACtD;IACF,OAAO;QACL,IAAIc,QAAQ,IAAI;YACdU,qBAAqBC,IAAI,CAACN,oBAAoBnC,MAAM;QACtD,OAAO,IAAI8B,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBjC,MAAM;QACtD,OAAO,IAAI4B,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBhC,MAAM;QACtD,OAAO,IAAI2B,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoB/B,MAAM;QACtD,OAAO,IAAI0B,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoB9B,MAAM;QACtD,OAAO,IAAIyB,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoB7B,MAAM;QACtD,OAAO;YACLkC,qBAAqBC,IAAI,CAACN,oBAAoB5B,MAAM;QACtD;IACF;IACAqB,MAAMhH,aAAa,CAAC8H,SAAS,GAAGC,IAAAA,mBAAY,EAACrI,6BAA6BM,aAAa,EAAE0H,qBAAqBL,UAAU,CAACH,KAAK,EAAEK,oBAAoBpH,IAAI,EAAEgH,WAAW,SAASI,oBAAoBrE,GAAG,EAAEqE,oBAAoBpE,cAAc,EAAEgE,WAAW,SAASI,oBAAoBjD,MAAM,EAAE6C,WAAW,SAASC,eAAeG,oBAAoBpC,QAAQ,KAAKyC,sBAAsBZ,MAAMhH,aAAa,CAAC8H,SAAS;IAClZd,MAAMnH,OAAO,CAACiI,SAAS,GAAGC,IAAAA,mBAAY,EAACrI,6BAA6BG,OAAO,EAAE2H,cAAcrH,IAAI,EAAE6G,MAAMnH,OAAO,CAACiI,SAAS;IACxHd,MAAMlH,cAAc,CAACgI,SAAS,GAAGC,IAAAA,mBAAY,EAACrI,6BAA6BI,cAAc,EAAE2H,qBAAqBtH,IAAI,EAAE6G,MAAMlH,cAAc,CAACgI,SAAS;IACpJ,OAAOd;AACT,GACA,8DAA8D"}
1	+ {"version":3,"sources":["useAvatarGroupPopoverStyles.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useGroupChildClassName } from '../AvatarGroupItem/useAvatarGroupItemStyles.styles';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupPopoverClassNames = {\n root: 'fui-AvatarGroupPopover',\n content: 'fui-AvatarGroupPopover__content',\n popoverSurface: 'fui-AvatarGroupPopover__popoverSurface',\n tooltip: 'fui-AvatarGroupPopover__tooltip',\n triggerButton: 'fui-AvatarGroupPopover__triggerButton'\n};\n/*\n Styles for the content slot.\n /\nconst useContentStyles = /#__PURE__/__styles({\n base: {\n dclx09: \"ftrb29c\",\n jrapky: 0,\n Frg6f3: 0,\n t21cq0: 0,\n B6of3ja: 0,\n B74szlk: \"f1s184ao\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".ftrb29c{list-style-type:none;}\", [\".f1s184ao{margin:0;}\", {\n p: -1\n }], [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\"]\n});\n/\n Styles for the popoverSurface slot.\n /\nconst usePopoverSurfaceStyles = /#__PURE__/__styles({\n base: {\n Bxyxcbc: \"fopcw2o\",\n sshi5w: \"f1n5o1gx\",\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f19r5mr9\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1f5q0n8\",\n a9b677: \"f13dwy2t\"\n }\n}, {\n d: [\".fopcw2o{max-height:220px;}\", \".f1n5o1gx{min-height:80px;}\", [\".f19r5mr9{overflow:hidden scroll;}\", {\n p: -1\n }], [\".f1f5q0n8{padding:var(--spacingVerticalS) var(--spacingHorizontalS);}\", {\n p: -1\n }], \".f13dwy2t{width:220px;}\"]\n});\n/\n Styles for the triggerButton slot.\n /\nconst useTriggerButtonStyles = /#__PURE__/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n qhf8xq: \"f10pi13n\",\n Bnnss6s: \"fi64zpg\",\n Brf1p80: \"f4d9j23\",\n Bt984gj: \"f122n59\",\n sj55zd: \"f19n0e5\",\n De3pzq: \"fxugw4r\",\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1aperda\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f44lkw9\",\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\",\n Bjwas2f: \"fw33nwi\",\n Bn1d65q: [\"f1ptkjjm\", \"fmzzjfk\"],\n Bxeuatn: \"f15j0dln\",\n n51gp8: [\"fmzzjfk\", \"f1ptkjjm\"]\n },\n pie: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"fghlq4f\",\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n B9xav0g: \"fb073pr\",\n zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n sj55zd: \"f44pa96\"\n },\n focusIndicator: {\n Byu6kyc: 0,\n n8qw10: 0,\n Bbjhlyh: 0,\n i2cumq: 0,\n Bunx835: 0,\n Bdrgwmp: 0,\n mqozju: 0,\n lbo84a: 0,\n Bksnhdo: 0,\n Bci5o5g: 0,\n u5e7qz: 0,\n Bn40d3w: 0,\n B7b6zxw: 0,\n B8q5s1w: 0,\n B5gfjzb: 0,\n Bbcte9g: 0,\n Bqz3imu: \"f1j9b7x8\",\n g9k6zt: \"f1nev41a\"\n },\n states: {\n Bi91k9c: \"feu1g3u\",\n Jwef8y: \"f1knas48\",\n Bgoe8wy: \"fvcxoqz\",\n Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n oetu4i: \"f1xlaoq0\",\n gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n lj723h: \"f1g4hkjv\",\n ecr2s2: \"fb40n2d\",\n B6oc9vd: \"fvs00aa\",\n ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n wmxk5l: \"fumykes\",\n B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n },\n selected: {\n sj55zd: \"f14nttnl\",\n De3pzq: \"f1nfm20t\",\n g2u3we: \"f1ly1fcm\",\n h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n B9xav0g: \"f1s9tnsa\",\n zhjwy3: [\"fj6btzu\", \"fi8bssc\"]\n },\n icon12: {\n Be2twd7: \"f1ugzwwg\"\n },\n icon16: {\n Be2twd7: \"f4ybsrx\"\n },\n icon20: {\n Be2twd7: \"fe5j1ua\"\n },\n icon24: {\n Be2twd7: \"f1rt2boy\"\n },\n icon28: {\n Be2twd7: \"f24l1pt\"\n },\n icon32: {\n Be2twd7: \"ffl51b\"\n },\n icon48: {\n Be2twd7: \"f18m8u13\"\n },\n caption2Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f13mqy1h\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fcpl73t\"\n },\n caption1Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fwrc4pm\"\n },\n body1Strong: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f1i3iumi\"\n },\n subtitle2: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n },\n subtitle1: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f1pp30po\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f106mvju\"\n },\n title3: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f1x0m3f5\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fb86gi6\"\n },\n borderThin: {\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"]\n },\n borderThick: {\n B4j52fo: \"f18zi460\",\n Bekrc4i: [\"f1wpluaz\", \"fsfsuhs\"],\n Bn0qgzm: \"fmklw6v\",\n ibv6hh: [\"fsfsuhs\", \"f1wpluaz\"]\n },\n borderThicker: {\n B4j52fo: \"fgx37oo\",\n Bekrc4i: [\"f130t4y6\", \"f1efpmoh\"],\n Bn0qgzm: \"fv51ejd\",\n ibv6hh: [\"f1efpmoh\", \"f130t4y6\"]\n },\n borderThickest: {\n B4j52fo: \"fwn6jck\",\n Bekrc4i: [\"figl7jc\", \"f1g0iy8l\"],\n Bn0qgzm: \"f1b8shu7\",\n ibv6hh: [\"f1g0iy8l\", \"figl7jc\"]\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f10pi13n{position:relative;}\", \".fi64zpg{flex-shrink:0;}\", \".f4d9j23{justify-content:center;}\", \".f122n59{align-items:center;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", [\".f44lkw9{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".f44pa96{color:transparent;}\", [\".f1j9b7x8[data-fui-focus-visible]{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], \".f1nev41a[data-fui-focus-visible]{outline-style:none;}\", \".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}\", \".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".fb86gi6{line-height:var(--lineHeightBase600);}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".f18zi460{border-top-width:var(--strokeWidthThick);}\", \".f1wpluaz{border-right-width:var(--strokeWidthThick);}\", \".fsfsuhs{border-left-width:var(--strokeWidthThick);}\", \".fmklw6v{border-bottom-width:var(--strokeWidthThick);}\", \".fgx37oo{border-top-width:var(--strokeWidthThicker);}\", \".f130t4y6{border-right-width:var(--strokeWidthThicker);}\", \".f1efpmoh{border-left-width:var(--strokeWidthThicker);}\", \".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}\", \".fwn6jck{border-top-width:var(--strokeWidthThickest);}\", \".figl7jc{border-right-width:var(--strokeWidthThickest);}\", \".f1g0iy8l{border-left-width:var(--strokeWidthThickest);}\", \".f1b8shu7{border-bottom-width:var(--strokeWidthThickest);}\"],\n m: [[\"@media (forced-colors: active){.fw33nwi{border-top-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ptkjjm{border-right-color:CanvasText;}.fmzzjfk{border-left-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f15j0dln{border-bottom-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n h: [\".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}\"],\n a: [\".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}\", \".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fumykes:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}\"]\n});\n/\n Apply styling to the AvatarGroupPopover slots based on the state\n */\nexport const useAvatarGroupPopoverStyles_unstable = state => {\n 'use no memo';\n\n const {\n indicator,\n size,\n layout,\n popoverOpen\n } = state;\n const sizeStyles = useSizeStyles();\n const triggerButtonStyles = useTriggerButtonStyles();\n const contentStyles = useContentStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const triggerButtonClasses = [];\n if (size < 36) {\n triggerButtonClasses.push(triggerButtonStyles.borderThin);\n } else if (size < 56) {\n triggerButtonClasses.push(triggerButtonStyles.borderThick);\n } else if (size < 72) {\n triggerButtonClasses.push(triggerButtonStyles.borderThicker);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.borderThickest);\n }\n if (indicator === 'count') {\n if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.caption2Strong);\n } else if (size <= 28) {\n triggerButtonClasses.push(triggerButtonStyles.caption1Strong);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.body1Strong);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle2);\n } else if (size <= 96) {\n triggerButtonClasses.push(triggerButtonStyles.subtitle1);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.title3);\n }\n } else {\n if (size <= 16) {\n triggerButtonClasses.push(triggerButtonStyles.icon12);\n } else if (size <= 24) {\n triggerButtonClasses.push(triggerButtonStyles.icon16);\n } else if (size <= 40) {\n triggerButtonClasses.push(triggerButtonStyles.icon20);\n } else if (size <= 48) {\n triggerButtonClasses.push(triggerButtonStyles.icon24);\n } else if (size <= 56) {\n triggerButtonClasses.push(triggerButtonStyles.icon28);\n } else if (size <= 72) {\n triggerButtonClasses.push(triggerButtonStyles.icon32);\n } else {\n triggerButtonClasses.push(triggerButtonStyles.icon48);\n }\n }\n state.triggerButton.className = mergeClasses(avatarGroupPopoverClassNames.triggerButton, groupChildClassName, sizeStyles[size], triggerButtonStyles.base, layout === 'pie' && triggerButtonStyles.pie, triggerButtonStyles.focusIndicator, layout !== 'pie' && triggerButtonStyles.states, layout !== 'pie' && popoverOpen && triggerButtonStyles.selected, ...triggerButtonClasses, state.triggerButton.className);\n state.content.className = mergeClasses(avatarGroupPopoverClassNames.content, contentStyles.base, state.content.className);\n state.popoverSurface.className = mergeClasses(avatarGroupPopoverClassNames.popoverSurface, popoverSurfaceStyles.base, state.popoverSurface.className);\n return state;\n};\n//# sourceMappingURL=useAvatarGroupPopoverStyles.styles.js.map"],"names":["avatarGroupPopoverClassNames","useAvatarGroupPopoverStyles_unstable","root","content","popoverSurface","tooltip","triggerButton","useContentStyles","__styles","base","dclx09","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mc9l5x","Beiy3e4","d","p","usePopoverSurfaceStyles","Bxyxcbc","sshi5w","B68tc82","Bmxbyg5","Bpg54ce","a9b677","useTriggerButtonStyles","qhf8xq","Bnnss6s","Brf1p80","Bt984gj","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","icvyot","vrafjx","oivjwe","wvpqe5","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","pie","focusIndicator","Byu6kyc","n8qw10","Bbjhlyh","i2cumq","Bunx835","Bdrgwmp","mqozju","lbo84a","Bksnhdo","Bci5o5g","u5e7qz","Bn40d3w","B7b6zxw","B8q5s1w","B5gfjzb","Bbcte9g","Bqz3imu","g9k6zt","states","Bi91k9c","Jwef8y","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","lj723h","ecr2s2","B6oc9vd","ak43y8","wmxk5l","B50zh58","selected","icon12","Be2twd7","icon16","icon20","icon24","icon28","icon32","icon48","caption2Strong","Bahqtrf","Bhrd7zp","Bg96gwp","caption1Strong","body1Strong","subtitle2","subtitle1","title3","borderThin","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","borderThick","borderThicker","borderThickest","m","h","a","state","indicator","size","layout","popoverOpen","sizeStyles","useSizeStyles","triggerButtonStyles","contentStyles","popoverSurfaceStyles","groupChildClassName","useGroupChildClassName","triggerButtonClasses","push","className","mergeClasses"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-avatar",
-  "version": "9.6.30",
+  "version": "9.6.31",
   "description": "React components for building Microsoft web experiences.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -37,16 +37,16 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-badge": "^9.2.38",
-    "@fluentui/react-context-selector": "^9.1.62",
-    "@fluentui/react-icons": "^2.0.239",
-    "@fluentui/react-popover": "^9.9.12",
+    "@fluentui/react-badge": "^9.2.39",
+    "@fluentui/react-context-selector": "^9.1.63",
+    "@fluentui/react-icons": "^2.0.245",
+    "@fluentui/react-popover": "^9.9.13",
     "@fluentui/react-shared-contexts": "^9.19.0",
-    "@fluentui/react-tabster": "^9.22.0",
+    "@fluentui/react-tabster": "^9.22.1",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-tooltip": "^9.4.31",
-    "@fluentui/react-utilities": "^9.18.10",
-    "@fluentui/react-jsx-runtime": "^9.0.39",
+    "@fluentui/react-tooltip": "^9.4.32",
+    "@fluentui/react-utilities": "^9.18.11",
+    "@fluentui/react-jsx-runtime": "^9.0.40",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },