@fluentui/react-avatar 9.8.6 → 9.9.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/useAvatarStyles.styles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { AvatarSlots, AvatarState } from './Avatar.types';\n\nexport const avatarClassNames: SlotClassNames<AvatarSlots> = {\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\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};\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\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});\n\nconst useImageClassName = makeResetStyles({\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n\n  borderRadius: 'inherit',\n  objectFit: 'cover',\n  verticalAlign: 'top',\n});\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\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  verticalAlign: 'center',\n  textAlign: 'center',\n  userSelect: 'none',\n  borderRadius: 'inherit',\n});\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 */\nconst badgeMask = (margin?: string) => {\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\n  return (\n    `radial-gradient(circle at bottom ${centerOffset} var(${vars.badgeAlign}) ${centerOffset}, ` +\n    `transparent ${innerRadius}, white ${outerRadius})`\n  );\n};\n\nconst useStyles = makeStyles({\n  textCaption2Strong: { fontSize: tokens.fontSizeBase100 },\n  textCaption1Strong: { fontSize: tokens.fontSizeBase200 },\n  textSubtitle2: { fontSize: tokens.fontSizeBase400 },\n  textSubtitle1: { fontSize: tokens.fontSizeBase500 },\n  textTitle3: { fontSize: tokens.fontSizeBase600 },\n\n  squareSmall: { borderRadius: tokens.borderRadiusSmall },\n  squareMedium: { borderRadius: tokens.borderRadiusMedium },\n  squareLarge: { borderRadius: tokens.borderRadiusLarge },\n  squareXLarge: { borderRadius: tokens.borderRadiusXLarge },\n\n  activeOrInactive: {\n    transform: 'perspective(1px)', // Work-around for text pixel snapping at the end of the animation\n    transitionProperty: 'transform, opacity',\n    transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationFaster}`,\n    transitionTimingFunction: `${tokens.curveEasyEaseMax}, ${tokens.curveLinear}`,\n\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01ms',\n    },\n  },\n\n  ring: {\n    // Show the ::before pseudo-element, which is the ring\n    '::before': { content: '\"\"' },\n  },\n  ringBadgeCutout: {\n    '::before': { maskImage: badgeMask(/*margin =*/ `2 * var(${vars.ringWidth})`) },\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\n  shadow: {\n    // Show the ::after pseudo-element, which is the shadow\n    '::after': { content: '\"\"' },\n  },\n  shadow4: {\n    '::after': { boxShadow: tokens.shadow4 },\n  },\n  shadow8: {\n    '::after': { boxShadow: tokens.shadow8 },\n  },\n  shadow16: {\n    '::after': { boxShadow: tokens.shadow16 },\n  },\n  shadow28: {\n    '::after': { boxShadow: tokens.shadow28 },\n  },\n\n  inactive: {\n    opacity: '0.8',\n    transform: 'scale(0.875)',\n    transitionTimingFunction: `${tokens.curveDecelerateMin}, ${tokens.curveLinear}`,\n\n    '::before,::after': {\n      margin: 0,\n      opacity: 0,\n      transitionTimingFunction: `${tokens.curveDecelerateMin}, ${tokens.curveLinear}`,\n    },\n  },\n\n  // Applied to the badge slot\n  badge: {\n    position: 'absolute',\n    bottom: 0,\n    right: 0,\n  },\n\n  // Applied to the image, initials, or icon slot when there is a badge\n  badgeCutout: {\n    maskImage: badgeMask(),\n  },\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\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\n  icon12: { fontSize: '12px' },\n  icon16: { fontSize: '16px' },\n  icon20: { fontSize: '20px' },\n  icon24: { fontSize: '24px' },\n  icon28: { fontSize: '28px' },\n  icon32: { fontSize: '32px' },\n  icon48: { fontSize: '48px' },\n});\n\nexport const useSizeStyles = makeStyles({\n  16: { width: '16px', height: '16px' },\n  20: { width: '20px', height: '20px' },\n  24: { width: '24px', height: '24px' },\n  28: { width: '28px', height: '28px' },\n  32: { width: '32px', height: '32px' },\n  36: { width: '36px', height: '36px' },\n  40: { width: '40px', height: '40px' },\n  48: { width: '48px', height: '48px' },\n  56: { width: '56px', height: '56px' },\n  64: { width: '64px', height: '64px' },\n  72: { width: '72px', height: '72px' },\n  96: { width: '96px', height: '96px' },\n  120: { width: '120px', height: '120px' },\n  128: { width: '128px', 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});\n\nconst useRingColorStyles = makeStyles({\n  neutral: {\n    '::before': { color: tokens.colorBrandStroke1 },\n  },\n  brand: {\n    '::before': { color: tokens.colorBrandStroke1 },\n  },\n  'dark-red': {\n    '::before': { color: tokens.colorPaletteDarkRedBorderActive },\n  },\n  cranberry: {\n    '::before': { color: tokens.colorPaletteCranberryBorderActive },\n  },\n  red: {\n    '::before': { color: tokens.colorPaletteRedBorderActive },\n  },\n  pumpkin: {\n    '::before': { color: tokens.colorPalettePumpkinBorderActive },\n  },\n  peach: {\n    '::before': { color: tokens.colorPalettePeachBorderActive },\n  },\n  marigold: {\n    '::before': { color: tokens.colorPaletteMarigoldBorderActive },\n  },\n  gold: {\n    '::before': { color: tokens.colorPaletteGoldBorderActive },\n  },\n  brass: {\n    '::before': { color: tokens.colorPaletteBrassBorderActive },\n  },\n  brown: {\n    '::before': { color: tokens.colorPaletteBrownBorderActive },\n  },\n  forest: {\n    '::before': { color: tokens.colorPaletteForestBorderActive },\n  },\n  seafoam: {\n    '::before': { color: tokens.colorPaletteSeafoamBorderActive },\n  },\n  'dark-green': {\n    '::before': { color: tokens.colorPaletteDarkGreenBorderActive },\n  },\n  'light-teal': {\n    '::before': { color: tokens.colorPaletteLightTealBorderActive },\n  },\n  teal: {\n    '::before': { color: tokens.colorPaletteTealBorderActive },\n  },\n  steel: {\n    '::before': { color: tokens.colorPaletteSteelBorderActive },\n  },\n  blue: {\n    '::before': { color: tokens.colorPaletteBlueBorderActive },\n  },\n  'royal-blue': {\n    '::before': { color: tokens.colorPaletteRoyalBlueBorderActive },\n  },\n  cornflower: {\n    '::before': { color: tokens.colorPaletteCornflowerBorderActive },\n  },\n  navy: {\n    '::before': { color: tokens.colorPaletteNavyBorderActive },\n  },\n  lavender: {\n    '::before': { color: tokens.colorPaletteLavenderBorderActive },\n  },\n  purple: {\n    '::before': { color: tokens.colorPalettePurpleBorderActive },\n  },\n  grape: {\n    '::before': { color: tokens.colorPaletteGrapeBorderActive },\n  },\n  lilac: {\n    '::before': { color: tokens.colorPaletteLilacBorderActive },\n  },\n  pink: {\n    '::before': { color: tokens.colorPalettePinkBorderActive },\n  },\n  magenta: {\n    '::before': { color: tokens.colorPaletteMagentaBorderActive },\n  },\n  plum: {\n    '::before': { color: tokens.colorPalettePlumBorderActive },\n  },\n  beige: {\n    '::before': { color: tokens.colorPaletteBeigeBorderActive },\n  },\n  mink: {\n    '::before': { color: tokens.colorPaletteMinkBorderActive },\n  },\n  platinum: {\n    '::before': { color: tokens.colorPalettePlatinumBorderActive },\n  },\n  anchor: {\n    '::before': { color: tokens.colorPaletteAnchorBorderActive },\n  },\n});\n\nexport const useAvatarStyles_unstable = (state: AvatarState): AvatarState => {\n  'use no memo';\n\n  const { size, shape, active, activeAppearance, color } = state;\n\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\n  const rootClasses = [rootClassName, size !== 32 && sizeStyles[size]];\n\n  if (state.badge) {\n    rootClasses.push(styles.badgeAlign, styles[state.badge.size || 'medium']);\n  }\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\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\n  if (active === 'active' || active === 'inactive') {\n    rootClasses.push(styles.activeOrInactive);\n\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\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\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\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\n  state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n\n  if (state.badge) {\n    state.badge.className = mergeClasses(avatarClassNames.badge, styles.badge, state.badge.className);\n  }\n\n  if (state.image) {\n    state.image.className = mergeClasses(\n      avatarClassNames.image,\n      imageClassName,\n      colorStyles[color],\n      state.badge && styles.badgeCutout,\n      state.image.className,\n    );\n  }\n\n  if (state.initials) {\n    state.initials.className = mergeClasses(\n      avatarClassNames.initials,\n      iconInitialsClassName,\n      colorStyles[color],\n      state.badge && styles.badgeCutout,\n      state.initials.className,\n    );\n  }\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\n    state.icon.className = mergeClasses(\n      avatarClassNames.icon,\n      iconInitialsClassName,\n      iconSizeClass,\n      colorStyles[color],\n      state.badge && styles.badgeCutout,\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["avatarClassNames","useAvatarStyles_unstable","useSizeStyles","root","image","initials","icon","badge","vars","badgeRadius","badgeGap","badgeAlign","ringWidth","useRootClassName","makeResetStyles","display","flexShrink","position","verticalAlign","borderRadius","tokens","borderRadiusCircular","fontFamily","fontFamilyBase","fontWeight","fontWeightSemibold","fontSize","fontSizeBase300","width","height","top","left","bottom","right","zIndex","margin","transitionProperty","transitionTimingFunction","curveEasyEaseMax","curveLinear","transitionDuration","durationUltraSlow","durationSlower","borderStyle","borderWidth","useImageClassName","objectFit","useIconInitialsClassName","boxSizing","lineHeight","border","strokeWidthThin","colorTransparentStroke","alignItems","justifyContent","textAlign","userSelect","badgeMask","centerOffset","innerRadius","outerRadius","useStyles","makeStyles","textCaption2Strong","fontSizeBase100","textCaption1Strong","fontSizeBase200","textSubtitle2","fontSizeBase400","textSubtitle1","fontSizeBase500","textTitle3","fontSizeBase600","squareSmall","borderRadiusSmall","squareMedium","borderRadiusMedium","squareLarge","borderRadiusLarge","squareXLarge","borderRadiusXLarge","activeOrInactive","transform","durationFaster","ring","content","ringBadgeCutout","maskImage","ringThick","strokeWidthThick","ringThicker","strokeWidthThicker","ringThickest","strokeWidthThickest","shadow","shadow4","boxShadow","shadow8","shadow16","shadow28","inactive","opacity","curveDecelerateMin","badgeCutout","tiny","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","useColorStyles","neutral","color","colorNeutralForeground3","backgroundColor","colorNeutralBackground6","brand","colorNeutralForegroundStaticInverted","colorBrandBackgroundStatic","colorPaletteDarkRedForeground2","colorPaletteDarkRedBackground2","cranberry","colorPaletteCranberryForeground2","colorPaletteCranberryBackground2","red","colorPaletteRedForeground2","colorPaletteRedBackground2","pumpkin","colorPalettePumpkinForeground2","colorPalettePumpkinBackground2","peach","colorPalettePeachForeground2","colorPalettePeachBackground2","marigold","colorPaletteMarigoldForeground2","colorPaletteMarigoldBackground2","gold","colorPaletteGoldForeground2","colorPaletteGoldBackground2","brass","colorPaletteBrassForeground2","colorPaletteBrassBackground2","brown","colorPaletteBrownForeground2","colorPaletteBrownBackground2","forest","colorPaletteForestForeground2","colorPaletteForestBackground2","seafoam","colorPaletteSeafoamForeground2","colorPaletteSeafoamBackground2","colorPaletteDarkGreenForeground2","colorPaletteDarkGreenBackground2","colorPaletteLightTealForeground2","colorPaletteLightTealBackground2","teal","colorPaletteTealForeground2","colorPaletteTealBackground2","steel","colorPaletteSteelForeground2","colorPaletteSteelBackground2","blue","colorPaletteBlueForeground2","colorPaletteBlueBackground2","colorPaletteRoyalBlueForeground2","colorPaletteRoyalBlueBackground2","cornflower","colorPaletteCornflowerForeground2","colorPaletteCornflowerBackground2","navy","colorPaletteNavyForeground2","colorPaletteNavyBackground2","lavender","colorPaletteLavenderForeground2","colorPaletteLavenderBackground2","purple","colorPalettePurpleForeground2","colorPalettePurpleBackground2","grape","colorPaletteGrapeForeground2","colorPaletteGrapeBackground2","lilac","colorPaletteLilacForeground2","colorPaletteLilacBackground2","pink","colorPalettePinkForeground2","colorPalettePinkBackground2","magenta","colorPaletteMagentaForeground2","colorPaletteMagentaBackground2","plum","colorPalettePlumForeground2","colorPalettePlumBackground2","beige","colorPaletteBeigeForeground2","colorPaletteBeigeBackground2","mink","colorPaletteMinkForeground2","colorPaletteMinkBackground2","platinum","colorPalettePlatinumForeground2","colorPalettePlatinumBackground2","anchor","colorPaletteAnchorForeground2","colorPaletteAnchorBackground2","useRingColorStyles","colorBrandStroke1","colorPaletteDarkRedBorderActive","colorPaletteCranberryBorderActive","colorPaletteRedBorderActive","colorPalettePumpkinBorderActive","colorPalettePeachBorderActive","colorPaletteMarigoldBorderActive","colorPaletteGoldBorderActive","colorPaletteBrassBorderActive","colorPaletteBrownBorderActive","colorPaletteForestBorderActive","colorPaletteSeafoamBorderActive","colorPaletteDarkGreenBorderActive","colorPaletteLightTealBorderActive","colorPaletteTealBorderActive","colorPaletteSteelBorderActive","colorPaletteBlueBorderActive","colorPaletteRoyalBlueBorderActive","colorPaletteCornflowerBorderActive","colorPaletteNavyBorderActive","colorPaletteLavenderBorderActive","colorPalettePurpleBorderActive","colorPaletteGrapeBorderActive","colorPaletteLilacBorderActive","colorPalettePinkBorderActive","colorPaletteMagentaBorderActive","colorPalettePlumBorderActive","colorPaletteBeigeBorderActive","colorPaletteMinkBorderActive","colorPalettePlatinumBorderActive","colorPaletteAnchorBorderActive","state","size","shape","active","activeAppearance","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","ringColorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.raw.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    avatarGroupClassNames: function() {
+        return avatarGroupClassNames;
+    },
+    useAvatarGroupStyles_unstable: function() {
+        return useAvatarGroupStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const _useAvatarStylesstyles = require("../Avatar/useAvatarStyles.styles");
+const avatarGroupClassNames = {
+    root: 'fui-AvatarGroup'
+};
+/**
+ * Styles for the root slot.
+ */ const useStyles = (0, _react.makeStyles)({
+    base: {
+        display: 'inline-flex',
+        position: 'relative'
+    },
+    pie: {
+        clipPath: 'circle(50%)',
+        backgroundColor: _reacttheme.tokens.colorTransparentStroke,
+        '@media (forced-colors: active)': {
+            backgroundColor: 'CanvasText'
+        }
+    }
+});
+const useAvatarGroupStyles_unstable = (state)=>{
+    'use no memo';
+    const { layout, size } = state;
+    const styles = useStyles();
+    const sizeStyles = (0, _useAvatarStylesstyles.useSizeStyles)();
+    state.root.className = (0, _react.mergeClasses)(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AvatarGroup/useAvatarGroupStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nimport type { AvatarGroupSlots, AvatarGroupState } from './AvatarGroup.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const avatarGroupClassNames: SlotClassNames<AvatarGroupSlots> = {\n  root: 'fui-AvatarGroup',\n};\n\n/**\n * Styles for the root slot.\n */\nconst 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/**\n * Apply styling to the AvatarGroup slots based on the state\n */\nexport const useAvatarGroupStyles_unstable = (state: AvatarGroupState): AvatarGroupState => {\n  'use no memo';\n\n  const { layout, size } = state;\n  const styles = useStyles();\n  const sizeStyles = useSizeStyles();\n\n  state.root.className = mergeClasses(\n    avatarGroupClassNames.root,\n    styles.base,\n    layout === 'pie' && sizeStyles[size],\n    layout === 'pie' && styles.pie,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["avatarGroupClassNames","useAvatarGroupStyles_unstable","root","useStyles","makeStyles","base","display","position","pie","clipPath","backgroundColor","tokens","colorTransparentStroke","state","layout","size","styles","sizeStyles","useSizeStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,qBAAAA;eAAAA;;IAwBAC,6BAAAA;eAAAA;;;uBA9B4B;4BAClB;uCACO;AAIvB,MAAMD,wBAA0D;IACrEE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BC,MAAM;QACJC,SAAS;QACTC,UAAU;IACZ;IACAC,KAAK;QACHC,UAAU;QACVC,iBAAiBC,kBAAAA,CAAOC,sBAAsB;QAC9C,kCAAkC;YAChCF,iBAAiB;QACnB;IACF;AACF;AAKO,MAAMT,gCAAgC,CAACY;IAC5C;IAEA,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGF;IACzB,MAAMG,SAASb;IACf,MAAMc,aAAaC,IAAAA,oCAAAA;IAEnBL,MAAMX,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAAA,EACrBpB,sBAAsBE,IAAI,EAC1Bc,OAAOX,IAAI,EACXS,WAAW,SAASG,UAAU,CAACF,KAAK,EACpCD,WAAW,SAASE,OAAOR,GAAG,EAC9BK,MAAMX,IAAI,CAACiB,SAAS;IAGtB,OAAON;AACT"}

package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.js

@@ -0,0 +1,282 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    avatarGroupItemClassNames: function() {
+        return avatarGroupItemClassNames;
+    },
+    useAvatarGroupItemStyles_unstable: function() {
+        return useAvatarGroupItemStyles_unstable;
+    },
+    useGroupChildClassName: function() {
+        return useGroupChildClassName;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const _Avatar = require("../../Avatar");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const avatarGroupItemClassNames = {
+    root: 'fui-AvatarGroupItem',
+    avatar: 'fui-AvatarGroupItem__avatar',
+    overflowLabel: 'fui-AvatarGroupItem__overflowLabel'
+};
+const avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';
+/**
+ * Styles for the root slot
+ */ const useRootStyles = (0, _react.makeStyles)({
+    base: {
+        alignItems: 'center',
+        display: 'inline-flex',
+        flexShrink: 0,
+        position: 'relative'
+    },
+    overflowItem: {
+        padding: `${_reacttheme.tokens.spacingVerticalXS} ${_reacttheme.tokens.spacingHorizontalXS}`
+    },
+    nonOverflowItem: {
+        borderRadius: _reacttheme.tokens.borderRadiusCircular
+    }
+});
+/**
+ * Styles for the avatar slot
+ */ const useAvatarStyles = (0, _react.makeStyles)({
+    nonOverflowItem: {
+        position: 'absolute'
+    },
+    pie: {
+        borderRadius: '0'
+    }
+});
+/**
+ * Styles for the label slot
+ */ const useOverflowLabelStyles = (0, _react.makeStyles)({
+    base: {
+        marginLeft: _reacttheme.tokens.spacingHorizontalS,
+        color: _reacttheme.tokens.colorNeutralForeground1,
+        ..._reacttheme.typographyStyles.body1
+    }
+});
+/**
+ * Styles for the stack layout
+ */ const useStackStyles = (0, _react.makeStyles)({
+    thick: {
+        boxShadow: `0 0 0 ${_reacttheme.tokens.strokeWidthThick} ${_reacttheme.tokens.colorNeutralBackground2}`
+    },
+    thicker: {
+        boxShadow: `0 0 0 ${_reacttheme.tokens.strokeWidthThicker} ${_reacttheme.tokens.colorNeutralBackground2}`
+    },
+    thickest: {
+        boxShadow: `0 0 0 ${_reacttheme.tokens.strokeWidthThickest} ${_reacttheme.tokens.colorNeutralBackground2}`
+    },
+    xxs: {
+        '&:not(:first-child)': {
+            marginLeft: `calc(-1 * ${_reacttheme.tokens.spacingHorizontalXXS})`
+        }
+    },
+    xs: {
+        '&:not(:first-child)': {
+            marginLeft: `calc(-1 * ${_reacttheme.tokens.spacingHorizontalXS})`
+        }
+    },
+    s: {
+        '&:not(:first-child)': {
+            marginLeft: `calc(-1 * ${_reacttheme.tokens.spacingHorizontalS})`
+        }
+    },
+    l: {
+        '&:not(:first-child)': {
+            marginLeft: `calc(-1 * ${_reacttheme.tokens.spacingHorizontalL})`
+        }
+    }
+});
+/**
+ * Styles for the spread layout
+ */ const useSpreadStyles = (0, _react.makeStyles)({
+    s: {
+        '&:not(:first-child)': {
+            marginLeft: _reacttheme.tokens.spacingHorizontalS
+        }
+    },
+    mNudge: {
+        '&:not(:first-child)': {
+            marginLeft: _reacttheme.tokens.spacingHorizontalMNudge
+        }
+    },
+    m: {
+        '&:not(:first-child)': {
+            marginLeft: _reacttheme.tokens.spacingHorizontalM
+        }
+    },
+    l: {
+        '&:not(:first-child)': {
+            marginLeft: _reacttheme.tokens.spacingHorizontalL
+        }
+    },
+    xl: {
+        '&:not(:first-child)': {
+            marginLeft: _reacttheme.tokens.spacingHorizontalXL
+        }
+    }
+});
+/**
+ * Styles for the pie layout
+ */ const usePieStyles = (0, _react.makeStyles)({
+    base: {
+        position: 'absolute'
+    },
+    slices: {
+        // Two slices
+        // 1st of 2 items
+        '&:nth-of-type(1):nth-last-of-type(2)': {
+            clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`,
+            left: '-25%'
+        },
+        // 2nd of 2 items
+        '&:nth-of-type(2):nth-last-of-type(1)': {
+            clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`,
+            left: '25%'
+        },
+        // Three slices
+        // 1st of 3 items
+        '&:nth-of-type(1):nth-last-of-type(3)': {
+            clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`,
+            left: '-25%'
+        },
+        // 2nd of 3 items
+        '&:nth-of-type(2):nth-last-of-type(2)': {
+            // Since the two AvatarGroupItems on the right are scaled by 0.5, the divider width should not be halved.
+            clipPath: `inset(0 0 var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}))`,
+            left: '50%',
+            transform: 'scale(0.5)',
+            transformOrigin: '0 0'
+        },
+        // 3rd of 3 items
+        '&:nth-of-type(3):nth-last-of-type(1)': {
+            clipPath: `inset(var(${avatarGroupItemDividerWidthVar}) 0 0 var(${avatarGroupItemDividerWidthVar}))`,
+            left: '50%',
+            top: '50%',
+            transform: 'scale(0.5)',
+            transformOrigin: '0 0'
+        }
+    },
+    rtlSlices: {
+        // Two slices
+        // 1st of 2 items
+        '&:nth-of-type(1):nth-last-of-type(2)': {
+            clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`
+        },
+        // 2nd of 2 items
+        '&:nth-of-type(2):nth-last-of-type(1)': {
+            clipPath: `inset(0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)) 0 25%)`
+        },
+        // Three slices
+        // 1st of 3 items
+        '&:nth-of-type(1):nth-last-of-type(3)': {
+            clipPath: `inset(0 25% 0 calc(25% + (var(${avatarGroupItemDividerWidthVar}) / 2)))`
+        },
+        // 2nd of 3 items
+        '&:nth-of-type(2):nth-last-of-type(2)': {
+            clipPath: `inset(0 var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}) 0)`,
+            left: '0'
+        },
+        // 3rd of 3 items
+        '&:nth-of-type(3):nth-last-of-type(1)': {
+            clipPath: `inset(var(${avatarGroupItemDividerWidthVar}) var(${avatarGroupItemDividerWidthVar}) 0 0)`,
+            left: '0'
+        }
+    },
+    thick: {
+        [avatarGroupItemDividerWidthVar]: _reacttheme.tokens.strokeWidthThick
+    },
+    thicker: {
+        [avatarGroupItemDividerWidthVar]: _reacttheme.tokens.strokeWidthThicker
+    },
+    thickest: {
+        [avatarGroupItemDividerWidthVar]: _reacttheme.tokens.strokeWidthThickest
+    }
+});
+const useAvatarGroupItemStyles_unstable = (state)=>{
+    'use no memo';
+    const { isOverflowItem, layout, size } = state;
+    const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const avatarStyles = useAvatarStyles();
+    const overflowLabelStyles = useOverflowLabelStyles();
+    const pieStyles = usePieStyles();
+    const rootStyles = useRootStyles();
+    const sizeStyles = (0, _Avatar.useSizeStyles)();
+    const groupChildClassName = useGroupChildClassName(layout, size);
+    const rootClasses = [
+        rootStyles.base
+    ];
+    if (!isOverflowItem) {
+        rootClasses.push(rootStyles.nonOverflowItem);
+        rootClasses.push(groupChildClassName);
+        rootClasses.push(sizeStyles[size]);
+        if (layout === 'pie') {
+            rootClasses.push(pieStyles.base);
+            if (size < 56) {
+                rootClasses.push(pieStyles.thick);
+            } else if (size < 72) {
+                rootClasses.push(pieStyles.thicker);
+            } else {
+                rootClasses.push(pieStyles.thickest);
+            }
+            rootClasses.push(pieStyles.slices);
+            if (dir === 'rtl') {
+                rootClasses.push(pieStyles.rtlSlices);
+            }
+        }
+    } else {
+        rootClasses.push(rootStyles.overflowItem);
+    }
+    state.root.className = (0, _react.mergeClasses)(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);
+    state.avatar.className = (0, _react.mergeClasses)(avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);
+    if (state.overflowLabel) {
+        state.overflowLabel.className = (0, _react.mergeClasses)(avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);
+    }
+    return state;
+};
+const useGroupChildClassName = (layout, size)=>{
+    const stackStyles = useStackStyles();
+    const spreadStyles = useSpreadStyles();
+    const layoutClasses = [];
+    if (size) {
+        if (layout === 'stack') {
+            if (size < 56) {
+                layoutClasses.push(stackStyles.thick);
+            } else if (size < 72) {
+                layoutClasses.push(stackStyles.thicker);
+            } else {
+                layoutClasses.push(stackStyles.thickest);
+            }
+            if (size < 24) {
+                layoutClasses.push(stackStyles.xxs);
+            } else if (size < 48) {
+                layoutClasses.push(stackStyles.xs);
+            } else if (size < 96) {
+                layoutClasses.push(stackStyles.s);
+            } else {
+                layoutClasses.push(stackStyles.l);
+            }
+        } else if (layout === 'spread') {
+            if (size < 20) {
+                layoutClasses.push(spreadStyles.s);
+            } else if (size < 32) {
+                layoutClasses.push(spreadStyles.mNudge);
+            } else if (size < 64) {
+                layoutClasses.push(spreadStyles.l);
+            } else {
+                layoutClasses.push(spreadStyles.xl);
+            }
+        }
+    }
+    return (0, _react.mergeClasses)(...layoutClasses);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.ts"],"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';\nimport type { AvatarGroupItemSlots, AvatarGroupItemState } from './AvatarGroupItem.types';\nimport type { AvatarGroupProps } from '../../AvatarGroup';\nimport type { AvatarSize } from '../../Avatar';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const avatarGroupItemClassNames: SlotClassNames<AvatarGroupItemSlots> = {\n  root: 'fui-AvatarGroupItem',\n  avatar: 'fui-AvatarGroupItem__avatar',\n  overflowLabel: 'fui-AvatarGroupItem__overflowLabel',\n};\n\nconst avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    alignItems: 'center',\n    display: 'inline-flex',\n    flexShrink: 0,\n    position: 'relative',\n  },\n  overflowItem: { padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}` },\n  nonOverflowItem: { borderRadius: tokens.borderRadiusCircular },\n});\n\n/**\n * Styles for the avatar slot\n */\nconst useAvatarStyles = makeStyles({\n  nonOverflowItem: {\n    position: 'absolute',\n  },\n  pie: { borderRadius: '0' },\n});\n\n/**\n * Styles for the label slot\n */\nconst useOverflowLabelStyles = makeStyles({\n  base: {\n    marginLeft: tokens.spacingHorizontalS,\n    color: tokens.colorNeutralForeground1,\n    ...typographyStyles.body1,\n  },\n});\n\n/**\n * Styles for the stack layout\n */\nconst 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: { '&:not(:first-child)': { marginLeft: `calc(-1 * ${tokens.spacingHorizontalXXS})` } },\n  xs: { '&:not(:first-child)': { marginLeft: `calc(-1 * ${tokens.spacingHorizontalXS})` } },\n  s: { '&:not(:first-child)': { marginLeft: `calc(-1 * ${tokens.spacingHorizontalS})` } },\n  l: { '&:not(:first-child)': { marginLeft: `calc(-1 * ${tokens.spacingHorizontalL})` } },\n});\n\n/**\n * Styles for the spread layout\n */\nconst useSpreadStyles = makeStyles({\n  s: { '&:not(:first-child)': { marginLeft: tokens.spacingHorizontalS } },\n  mNudge: { '&:not(:first-child)': { marginLeft: tokens.spacingHorizontalMNudge } },\n  m: { '&:not(:first-child)': { marginLeft: tokens.spacingHorizontalM } },\n  l: { '&:not(:first-child)': { marginLeft: tokens.spacingHorizontalL } },\n  xl: { '&:not(:first-child)': { marginLeft: tokens.spacingHorizontalXL } },\n});\n\n/**\n * Styles for the pie layout\n */\nconst 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\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\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: { [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThick },\n  thicker: { [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThicker },\n  thickest: { [avatarGroupItemDividerWidthVar]: tokens.strokeWidthThickest },\n});\n\n/**\n * Apply styling to the AvatarGroupItem slots based on the state\n */\nexport const useAvatarGroupItemStyles_unstable = (state: AvatarGroupItemState): AvatarGroupItemState => {\n  'use no memo';\n\n  const { isOverflowItem, layout, size } = state;\n  const { dir } = useFluent();\n\n  const avatarStyles = useAvatarStyles();\n  const overflowLabelStyles = useOverflowLabelStyles();\n  const pieStyles = usePieStyles();\n  const rootStyles = useRootStyles();\n  const sizeStyles = useSizeStyles();\n\n  const groupChildClassName = useGroupChildClassName(layout, size);\n\n  const rootClasses = [rootStyles.base];\n\n  if (!isOverflowItem) {\n    rootClasses.push(rootStyles.nonOverflowItem);\n    rootClasses.push(groupChildClassName);\n    rootClasses.push(sizeStyles[size]);\n\n    if (layout === 'pie') {\n      rootClasses.push(pieStyles.base);\n\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\n      rootClasses.push(pieStyles.slices);\n\n      if (dir === 'rtl') {\n        rootClasses.push(pieStyles.rtlSlices);\n      }\n    }\n  } else {\n    rootClasses.push(rootStyles.overflowItem);\n  }\n\n  state.root.className = mergeClasses(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);\n\n  state.avatar.className = mergeClasses(\n    avatarGroupItemClassNames.avatar,\n    !isOverflowItem && avatarStyles.nonOverflowItem,\n    layout === 'pie' && avatarStyles.pie,\n    state.avatar.className,\n  );\n\n  if (state.overflowLabel) {\n    state.overflowLabel.className = mergeClasses(\n      avatarGroupItemClassNames.overflowLabel,\n      overflowLabelStyles.base,\n      state.overflowLabel.className,\n    );\n  }\n\n  return state;\n};\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: AvatarGroupProps['layout'], size: AvatarSize): string => {\n  const stackStyles = useStackStyles();\n  const spreadStyles = useSpreadStyles();\n  const layoutClasses = [];\n\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\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\n  return mergeClasses(...layoutClasses);\n};\n"],"names":["avatarGroupItemClassNames","useAvatarGroupItemStyles_unstable","useGroupChildClassName","root","avatar","overflowLabel","avatarGroupItemDividerWidthVar","useRootStyles","makeStyles","base","alignItems","display","flexShrink","position","overflowItem","padding","tokens","spacingVerticalXS","spacingHorizontalXS","nonOverflowItem","borderRadius","borderRadiusCircular","useAvatarStyles","pie","useOverflowLabelStyles","marginLeft","spacingHorizontalS","color","colorNeutralForeground1","typographyStyles","body1","useStackStyles","thick","boxShadow","strokeWidthThick","colorNeutralBackground2","thicker","strokeWidthThicker","thickest","strokeWidthThickest","xxs","spacingHorizontalXXS","xs","s","l","spacingHorizontalL","useSpreadStyles","mNudge","spacingHorizontalMNudge","m","spacingHorizontalM","xl","spacingHorizontalXL","usePieStyles","slices","clipPath","left","transform","transformOrigin","top","rtlSlices","state","isOverflowItem","layout","size","dir","useFluent","avatarStyles","overflowLabelStyles","pieStyles","rootStyles","sizeStyles","useSizeStyles","groupChildClassName","rootClasses","push","className","mergeClasses","stackStyles","spreadStyles","layoutClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}