@fluentui/react-avatar 9.8.7 → 9.9.1

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 (88) hide show
  1. package/CHANGELOG.md +30 -2
  2. package/lib/Avatar.js.map +1 -1
  3. package/lib/AvatarGroup.js.map +1 -1
  4. package/lib/AvatarGroupItem.js.map +1 -1
  5. package/lib/AvatarGroupPopover.js.map +1 -1
  6. package/lib/components/Avatar/Avatar.js.map +1 -1
  7. package/lib/components/Avatar/Avatar.types.js.map +1 -1
  8. package/lib/components/Avatar/index.js.map +1 -1
  9. package/lib/components/Avatar/renderAvatar.js.map +1 -1
  10. package/lib/components/Avatar/useAvatar.js.map +1 -1
  11. package/lib/components/Avatar/useAvatarStyles.styles.raw.js +702 -0
  12. package/lib/components/Avatar/useAvatarStyles.styles.raw.js.map +1 -0
  13. package/lib/components/AvatarGroup/AvatarGroup.js.map +1 -1
  14. package/lib/components/AvatarGroup/AvatarGroup.types.js.map +1 -1
  15. package/lib/components/AvatarGroup/index.js.map +1 -1
  16. package/lib/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
  17. package/lib/components/AvatarGroup/useAvatarGroup.js.map +1 -1
  18. package/lib/components/AvatarGroup/useAvatarGroupContextValues.js.map +1 -1
  19. package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.raw.js +31 -0
  20. package/lib/components/AvatarGroup/useAvatarGroupStyles.styles.raw.js.map +1 -0
  21. package/lib/components/AvatarGroupItem/AvatarGroupItem.js.map +1 -1
  22. package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js.map +1 -1
  23. package/lib/components/AvatarGroupItem/index.js.map +1 -1
  24. package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
  25. package/lib/components/AvatarGroupItem/useAvatarGroupItem.js.map +1 -1
  26. package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.js +266 -0
  27. package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.js.map +1 -0
  28. package/lib/components/AvatarGroupPopover/AvatarGroupPopover.js.map +1 -1
  29. package/lib/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +1 -1
  30. package/lib/components/AvatarGroupPopover/index.js.map +1 -1
  31. package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
  32. package/lib/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +1 -1
  33. package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +1 -1
  34. package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.js +188 -0
  35. package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.js.map +1 -0
  36. package/lib/contexts/AvatarContext.js.map +1 -1
  37. package/lib/contexts/AvatarGroupContext.js.map +1 -1
  38. package/lib/contexts/index.js.map +1 -1
  39. package/lib/index.js.map +1 -1
  40. package/lib/utils/getInitials.js.map +1 -1
  41. package/lib/utils/index.js.map +1 -1
  42. package/lib/utils/partitionAvatarGroupItems.js.map +1 -1
  43. package/lib-commonjs/Avatar.js.map +1 -1
  44. package/lib-commonjs/AvatarGroup.js.map +1 -1
  45. package/lib-commonjs/AvatarGroupItem.js.map +1 -1
  46. package/lib-commonjs/AvatarGroupPopover.js.map +1 -1
  47. package/lib-commonjs/components/Avatar/Avatar.js.map +1 -1
  48. package/lib-commonjs/components/Avatar/Avatar.types.js.map +1 -1
  49. package/lib-commonjs/components/Avatar/index.js.map +1 -1
  50. package/lib-commonjs/components/Avatar/renderAvatar.js.map +1 -1
  51. package/lib-commonjs/components/Avatar/useAvatar.js.map +1 -1
  52. package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js.map +1 -1
  53. package/lib-commonjs/components/Avatar/useAvatarStyles.styles.raw.js +723 -0
  54. package/lib-commonjs/components/Avatar/useAvatarStyles.styles.raw.js.map +1 -0
  55. package/lib-commonjs/components/AvatarGroup/AvatarGroup.js.map +1 -1
  56. package/lib-commonjs/components/AvatarGroup/AvatarGroup.types.js.map +1 -1
  57. package/lib-commonjs/components/AvatarGroup/index.js.map +1 -1
  58. package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
  59. package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js.map +1 -1
  60. package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.js.map +1 -1
  61. package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js.map +1 -1
  62. package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.raw.js +47 -0
  63. package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.raw.js.map +1 -0
  64. package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.js.map +1 -1
  65. package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js.map +1 -1
  66. package/lib-commonjs/components/AvatarGroupItem/index.js.map +1 -1
  67. package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
  68. package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js.map +1 -1
  69. package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map +1 -1
  70. package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.js +282 -0
  71. package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.raw.js.map +1 -0
  72. package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.js.map +1 -1
  73. package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +1 -1
  74. package/lib-commonjs/components/AvatarGroupPopover/index.js.map +1 -1
  75. package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
  76. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +1 -1
  77. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +1 -1
  78. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.js.map +1 -1
  79. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.js +204 -0
  80. package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.js.map +1 -0
  81. package/lib-commonjs/contexts/AvatarContext.js.map +1 -1
  82. package/lib-commonjs/contexts/AvatarGroupContext.js.map +1 -1
  83. package/lib-commonjs/contexts/index.js.map +1 -1
  84. package/lib-commonjs/index.js.map +1 -1
  85. package/lib-commonjs/utils/getInitials.js.map +1 -1
  86. package/lib-commonjs/utils/index.js.map +1 -1
  87. package/lib-commonjs/utils/partitionAvatarGroupItems.js.map +1 -1
  88. package/package.json +8 -8
@@ -1 +1 @@
1
- {"version":3,"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"],"names":["avatarClassNames","useAvatarStyles_unstable","useSizeStyles","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1
+ {"version":3,"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"],"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"],"mappings":"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"}