@fluentui/react-avatar 9.8.6 → 9.9.0

package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.raw.js

@@ -0,0 +1,204 @@
+"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, {
+    avatarGroupPopoverClassNames: function() {
+        return avatarGroupPopoverClassNames;
+    },
+    useAvatarGroupPopoverStyles_unstable: function() {
+        return useAvatarGroupPopoverStyles_unstable;
+    }
+});
+const _reacttabster = require("@fluentui/react-tabster");
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const _useAvatarGroupItemStylesstyles = require("../AvatarGroupItem/useAvatarGroupItemStyles.styles");
+const _useAvatarStylesstyles = require("../Avatar/useAvatarStyles.styles");
+const avatarGroupPopoverClassNames = {
+    root: 'fui-AvatarGroupPopover',
+    content: 'fui-AvatarGroupPopover__content',
+    popoverSurface: 'fui-AvatarGroupPopover__popoverSurface',
+    tooltip: 'fui-AvatarGroupPopover__tooltip',
+    triggerButton: 'fui-AvatarGroupPopover__triggerButton'
+};
+/**
+ * Styles for the content slot.
+ */ const useContentStyles = (0, _react.makeStyles)({
+    base: {
+        listStyleType: 'none',
+        margin: '0',
+        padding: '0',
+        display: 'flex',
+        flexDirection: 'column'
+    }
+});
+/**
+ * Styles for the popoverSurface slot.
+ */ const usePopoverSurfaceStyles = (0, _react.makeStyles)({
+    base: {
+        maxHeight: '220px',
+        minHeight: '80px',
+        overflow: 'hidden scroll',
+        padding: `${_reacttheme.tokens.spacingVerticalS} ${_reacttheme.tokens.spacingHorizontalS}`,
+        width: '220px'
+    }
+});
+/**
+ * Styles for the triggerButton slot.
+ */ const useTriggerButtonStyles = (0, _react.makeStyles)({
+    base: {
+        display: 'inline-flex',
+        position: 'relative',
+        flexShrink: 0,
+        justifyContent: 'center',
+        alignItems: 'center',
+        color: _reacttheme.tokens.colorNeutralForeground1,
+        backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
+        ..._react.shorthands.borderColor(_reacttheme.tokens.colorNeutralStroke1),
+        borderRadius: _reacttheme.tokens.borderRadiusCircular,
+        ..._react.shorthands.borderStyle('solid'),
+        padding: '0',
+        // Match color to Avatar's outline color.
+        '@media (forced-colors: active)': {
+            ..._react.shorthands.borderColor('CanvasText')
+        }
+    },
+    pie: {
+        backgroundColor: _reacttheme.tokens.colorTransparentBackground,
+        ..._react.shorthands.borderColor(_reacttheme.tokens.colorTransparentStroke),
+        color: 'transparent'
+    },
+    focusIndicator: (0, _reacttabster.createCustomFocusIndicatorStyle)({
+        border: `${_reacttheme.tokens.strokeWidthThick} solid ${_reacttheme.tokens.colorStrokeFocus2}`,
+        outlineStyle: 'none'
+    }),
+    states: {
+        '&:hover': {
+            color: _reacttheme.tokens.colorNeutralForeground1Hover,
+            backgroundColor: _reacttheme.tokens.colorNeutralBackground1Hover,
+            ..._react.shorthands.borderColor(_reacttheme.tokens.colorNeutralStroke1Hover)
+        },
+        '&:active': {
+            color: _reacttheme.tokens.colorNeutralForeground1Pressed,
+            backgroundColor: _reacttheme.tokens.colorNeutralBackground1Pressed,
+            ..._react.shorthands.borderColor(_reacttheme.tokens.colorNeutralStroke1Pressed)
+        }
+    },
+    selected: {
+        color: _reacttheme.tokens.colorNeutralForeground1Selected,
+        backgroundColor: _reacttheme.tokens.colorNeutralBackground1Selected,
+        ..._react.shorthands.borderColor(_reacttheme.tokens.colorNeutralStroke1Selected)
+    },
+    icon12: {
+        fontSize: '12px'
+    },
+    icon16: {
+        fontSize: '16px'
+    },
+    icon20: {
+        fontSize: '20px'
+    },
+    icon24: {
+        fontSize: '24px'
+    },
+    icon28: {
+        fontSize: '28px'
+    },
+    icon32: {
+        fontSize: '32px'
+    },
+    icon48: {
+        fontSize: '48px'
+    },
+    caption2Strong: {
+        ..._reacttheme.typographyStyles.caption2Strong
+    },
+    caption1Strong: {
+        ..._reacttheme.typographyStyles.caption1Strong
+    },
+    body1Strong: {
+        ..._reacttheme.typographyStyles.body1Strong
+    },
+    subtitle2: {
+        ..._reacttheme.typographyStyles.subtitle2
+    },
+    subtitle1: {
+        ..._reacttheme.typographyStyles.subtitle1
+    },
+    title3: {
+        ..._reacttheme.typographyStyles.title3
+    },
+    borderThin: {
+        ..._react.shorthands.borderWidth(_reacttheme.tokens.strokeWidthThin)
+    },
+    borderThick: {
+        ..._react.shorthands.borderWidth(_reacttheme.tokens.strokeWidthThick)
+    },
+    borderThicker: {
+        ..._react.shorthands.borderWidth(_reacttheme.tokens.strokeWidthThicker)
+    },
+    borderThickest: {
+        ..._react.shorthands.borderWidth(_reacttheme.tokens.strokeWidthThickest)
+    }
+});
+const useAvatarGroupPopoverStyles_unstable = (state)=>{
+    'use no memo';
+    const { indicator, size, layout, popoverOpen } = state;
+    const sizeStyles = (0, _useAvatarStylesstyles.useSizeStyles)();
+    const triggerButtonStyles = useTriggerButtonStyles();
+    const contentStyles = useContentStyles();
+    const popoverSurfaceStyles = usePopoverSurfaceStyles();
+    const groupChildClassName = (0, _useAvatarGroupItemStylesstyles.useGroupChildClassName)(layout, size);
+    const triggerButtonClasses = [];
+    if (size < 36) {
+        triggerButtonClasses.push(triggerButtonStyles.borderThin);
+    } else if (size < 56) {
+        triggerButtonClasses.push(triggerButtonStyles.borderThick);
+    } else if (size < 72) {
+        triggerButtonClasses.push(triggerButtonStyles.borderThicker);
+    } else {
+        triggerButtonClasses.push(triggerButtonStyles.borderThickest);
+    }
+    if (indicator === 'count') {
+        if (size <= 24) {
+            triggerButtonClasses.push(triggerButtonStyles.caption2Strong);
+        } else if (size <= 28) {
+            triggerButtonClasses.push(triggerButtonStyles.caption1Strong);
+        } else if (size <= 40) {
+            triggerButtonClasses.push(triggerButtonStyles.body1Strong);
+        } else if (size <= 56) {
+            triggerButtonClasses.push(triggerButtonStyles.subtitle2);
+        } else if (size <= 96) {
+            triggerButtonClasses.push(triggerButtonStyles.subtitle1);
+        } else {
+            triggerButtonClasses.push(triggerButtonStyles.title3);
+        }
+    } else {
+        if (size <= 16) {
+            triggerButtonClasses.push(triggerButtonStyles.icon12);
+        } else if (size <= 24) {
+            triggerButtonClasses.push(triggerButtonStyles.icon16);
+        } else if (size <= 40) {
+            triggerButtonClasses.push(triggerButtonStyles.icon20);
+        } else if (size <= 48) {
+            triggerButtonClasses.push(triggerButtonStyles.icon24);
+        } else if (size <= 56) {
+            triggerButtonClasses.push(triggerButtonStyles.icon28);
+        } else if (size <= 72) {
+            triggerButtonClasses.push(triggerButtonStyles.icon32);
+        } else {
+            triggerButtonClasses.push(triggerButtonStyles.icon48);
+        }
+    }
+    state.triggerButton.className = (0, _react.mergeClasses)(avatarGroupPopoverClassNames.triggerButton, groupChildClassName, sizeStyles[size], triggerButtonStyles.base, layout === 'pie' && triggerButtonStyles.pie, triggerButtonStyles.focusIndicator, layout !== 'pie' && triggerButtonStyles.states, layout !== 'pie' && popoverOpen && triggerButtonStyles.selected, ...triggerButtonClasses, state.triggerButton.className);
+    state.content.className = (0, _react.mergeClasses)(avatarGroupPopoverClassNames.content, contentStyles.base, state.content.className);
+    state.popoverSurface.className = (0, _react.mergeClasses)(avatarGroupPopoverClassNames.popoverSurface, popoverSurfaceStyles.base, state.popoverSurface.className);
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.ts"],"sourcesContent":["import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useGroupChildClassName } from '../AvatarGroupItem/useAvatarGroupItemStyles.styles';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nimport type { AvatarGroupPopoverSlots, AvatarGroupPopoverState } from './AvatarGroupPopover.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const avatarGroupPopoverClassNames: SlotClassNames<AvatarGroupPopoverSlots> = {\n  root: 'fui-AvatarGroupPopover',\n  content: 'fui-AvatarGroupPopover__content',\n  popoverSurface: 'fui-AvatarGroupPopover__popoverSurface',\n  tooltip: 'fui-AvatarGroupPopover__tooltip',\n  triggerButton: 'fui-AvatarGroupPopover__triggerButton',\n};\n\n/**\n * Styles for the content slot.\n */\nconst useContentStyles = makeStyles({\n  base: {\n    listStyleType: 'none',\n    margin: '0',\n    padding: '0',\n    display: 'flex',\n    flexDirection: 'column',\n  },\n});\n\n/**\n * Styles for the popoverSurface slot.\n */\nconst usePopoverSurfaceStyles = makeStyles({\n  base: {\n    maxHeight: '220px',\n    minHeight: '80px',\n    overflow: 'hidden scroll',\n    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n    width: '220px',\n  },\n});\n\n/**\n * Styles for the triggerButton slot.\n */\nconst useTriggerButtonStyles = makeStyles({\n  base: {\n    display: 'inline-flex',\n    position: 'relative',\n    flexShrink: 0,\n    justifyContent: 'center',\n    alignItems: 'center',\n    color: tokens.colorNeutralForeground1,\n    backgroundColor: tokens.colorNeutralBackground1,\n    ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    borderRadius: tokens.borderRadiusCircular,\n    ...shorthands.borderStyle('solid'),\n    padding: '0',\n\n    // Match color to Avatar's outline color.\n    '@media (forced-colors: active)': {\n      ...shorthands.borderColor('CanvasText'),\n    },\n  },\n\n  pie: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderColor(tokens.colorTransparentStroke),\n    color: 'transparent',\n  },\n\n  focusIndicator: createCustomFocusIndicatorStyle({\n    border: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n    outlineStyle: 'none',\n  }),\n\n  states: {\n    '&:hover': {\n      color: tokens.colorNeutralForeground1Hover,\n      backgroundColor: tokens.colorNeutralBackground1Hover,\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n    },\n    '&:active': {\n      color: tokens.colorNeutralForeground1Pressed,\n      backgroundColor: tokens.colorNeutralBackground1Pressed,\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n    },\n  },\n\n  selected: {\n    color: tokens.colorNeutralForeground1Selected,\n    backgroundColor: tokens.colorNeutralBackground1Selected,\n    ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\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  caption2Strong: { ...typographyStyles.caption2Strong },\n  caption1Strong: { ...typographyStyles.caption1Strong },\n  body1Strong: { ...typographyStyles.body1Strong },\n  subtitle2: { ...typographyStyles.subtitle2 },\n  subtitle1: { ...typographyStyles.subtitle1 },\n  title3: { ...typographyStyles.title3 },\n  borderThin: { ...shorthands.borderWidth(tokens.strokeWidthThin) },\n  borderThick: { ...shorthands.borderWidth(tokens.strokeWidthThick) },\n  borderThicker: { ...shorthands.borderWidth(tokens.strokeWidthThicker) },\n  borderThickest: { ...shorthands.borderWidth(tokens.strokeWidthThickest) },\n});\n\n/**\n * Apply styling to the AvatarGroupPopover slots based on the state\n */\nexport const useAvatarGroupPopoverStyles_unstable = (state: AvatarGroupPopoverState): AvatarGroupPopoverState => {\n  'use no memo';\n\n  const { indicator, size, layout, popoverOpen } = state;\n  const sizeStyles = useSizeStyles();\n  const triggerButtonStyles = useTriggerButtonStyles();\n  const contentStyles = useContentStyles();\n  const popoverSurfaceStyles = usePopoverSurfaceStyles();\n  const groupChildClassName = useGroupChildClassName(layout, size);\n\n  const triggerButtonClasses = [];\n\n  if (size < 36) {\n    triggerButtonClasses.push(triggerButtonStyles.borderThin);\n  } else if (size < 56) {\n    triggerButtonClasses.push(triggerButtonStyles.borderThick);\n  } else if (size < 72) {\n    triggerButtonClasses.push(triggerButtonStyles.borderThicker);\n  } else {\n    triggerButtonClasses.push(triggerButtonStyles.borderThickest);\n  }\n\n  if (indicator === 'count') {\n    if (size <= 24) {\n      triggerButtonClasses.push(triggerButtonStyles.caption2Strong);\n    } else if (size <= 28) {\n      triggerButtonClasses.push(triggerButtonStyles.caption1Strong);\n    } else if (size <= 40) {\n      triggerButtonClasses.push(triggerButtonStyles.body1Strong);\n    } else if (size <= 56) {\n      triggerButtonClasses.push(triggerButtonStyles.subtitle2);\n    } else if (size <= 96) {\n      triggerButtonClasses.push(triggerButtonStyles.subtitle1);\n    } else {\n      triggerButtonClasses.push(triggerButtonStyles.title3);\n    }\n  } else {\n    if (size <= 16) {\n      triggerButtonClasses.push(triggerButtonStyles.icon12);\n    } else if (size <= 24) {\n      triggerButtonClasses.push(triggerButtonStyles.icon16);\n    } else if (size <= 40) {\n      triggerButtonClasses.push(triggerButtonStyles.icon20);\n    } else if (size <= 48) {\n      triggerButtonClasses.push(triggerButtonStyles.icon24);\n    } else if (size <= 56) {\n      triggerButtonClasses.push(triggerButtonStyles.icon28);\n    } else if (size <= 72) {\n      triggerButtonClasses.push(triggerButtonStyles.icon32);\n    } else {\n      triggerButtonClasses.push(triggerButtonStyles.icon48);\n    }\n  }\n\n  state.triggerButton.className = mergeClasses(\n    avatarGroupPopoverClassNames.triggerButton,\n    groupChildClassName,\n    sizeStyles[size],\n    triggerButtonStyles.base,\n    layout === 'pie' && triggerButtonStyles.pie,\n    triggerButtonStyles.focusIndicator,\n    layout !== 'pie' && triggerButtonStyles.states,\n    layout !== 'pie' && popoverOpen && triggerButtonStyles.selected,\n    ...triggerButtonClasses,\n    state.triggerButton.className,\n  );\n\n  state.content.className = mergeClasses(\n    avatarGroupPopoverClassNames.content,\n    contentStyles.base,\n    state.content.className,\n  );\n\n  state.popoverSurface.className = mergeClasses(\n    avatarGroupPopoverClassNames.popoverSurface,\n    popoverSurfaceStyles.base,\n    state.popoverSurface.className,\n  );\n\n  return state;\n};\n"],"names":["avatarGroupPopoverClassNames","useAvatarGroupPopoverStyles_unstable","root","content","popoverSurface","tooltip","triggerButton","useContentStyles","makeStyles","base","listStyleType","margin","padding","display","flexDirection","usePopoverSurfaceStyles","maxHeight","minHeight","overflow","tokens","spacingVerticalS","spacingHorizontalS","width","useTriggerButtonStyles","position","flexShrink","justifyContent","alignItems","color","colorNeutralForeground1","backgroundColor","colorNeutralBackground1","shorthands","borderColor","colorNeutralStroke1","borderRadius","borderRadiusCircular","borderStyle","pie","colorTransparentBackground","colorTransparentStroke","focusIndicator","createCustomFocusIndicatorStyle","border","strokeWidthThick","colorStrokeFocus2","outlineStyle","states","colorNeutralForeground1Hover","colorNeutralBackground1Hover","colorNeutralStroke1Hover","colorNeutralForeground1Pressed","colorNeutralBackground1Pressed","colorNeutralStroke1Pressed","selected","colorNeutralForeground1Selected","colorNeutralBackground1Selected","colorNeutralStroke1Selected","icon12","fontSize","icon16","icon20","icon24","icon28","icon32","icon48","caption2Strong","typographyStyles","caption1Strong","body1Strong","subtitle2","subtitle1","title3","borderThin","borderWidth","strokeWidthThin","borderThick","borderThicker","strokeWidthThicker","borderThickest","strokeWidthThickest","state","indicator","size","layout","popoverOpen","sizeStyles","useSizeStyles","triggerButtonStyles","contentStyles","popoverSurfaceStyles","groupChildClassName","useGroupChildClassName","triggerButtonClasses","push","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,4BAAAA;eAAAA;;IA6GAC,oCAAAA;eAAAA;;;8BArHmC;uBACK;4BACZ;gDACF;uCACT;AAIvB,MAAMD,+BAAwE;IACnFE,MAAM;IACNC,SAAS;IACTC,gBAAgB;IAChBC,SAAS;IACTC,eAAe;AACjB;AAEA;;CAEC,GACD,MAAMC,mBAAmBC,IAAAA,iBAAAA,EAAW;IAClCC,MAAM;QACJC,eAAe;QACfC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,eAAe;IACjB;AACF;AAEA;;CAEC,GACD,MAAMC,0BAA0BP,IAAAA,iBAAAA,EAAW;IACzCC,MAAM;QACJO,WAAW;QACXC,WAAW;QACXC,UAAU;QACVN,SAAS,CAAC,EAAEO,kBAAAA,CAAOC,gBAAgB,CAAC,CAAC,EAAED,kBAAAA,CAAOE,kBAAkB,CAAC,CAAC;QAClEC,OAAO;IACT;AACF;AAEA;;CAEC,GACD,MAAMC,yBAAyBf,IAAAA,iBAAAA,EAAW;IACxCC,MAAM;QACJI,SAAS;QACTW,UAAU;QACVC,YAAY;QACZC,gBAAgB;QAChBC,YAAY;QACZC,OAAOT,kBAAAA,CAAOU,uBAAuB;QACrCC,iBAAiBX,kBAAAA,CAAOY,uBAAuB;QAC/C,GAAGC,iBAAAA,CAAWC,WAAW,CAACd,kBAAAA,CAAOe,mBAAmB,CAAC;QACrDC,cAAchB,kBAAAA,CAAOiB,oBAAoB;QACzC,GAAGJ,iBAAAA,CAAWK,WAAW,CAAC,QAAQ;QAClCzB,SAAS;QAET,yCAAyC;QACzC,kCAAkC;YAChC,GAAGoB,iBAAAA,CAAWC,WAAW,CAAC,aAAa;QACzC;IACF;IAEAK,KAAK;QACHR,iBAAiBX,kBAAAA,CAAOoB,0BAA0B;QAClD,GAAGP,iBAAAA,CAAWC,WAAW,CAACd,kBAAAA,CAAOqB,sBAAsB,CAAC;QACxDZ,OAAO;IACT;IAEAa,gBAAgBC,IAAAA,6CAAAA,EAAgC;QAC9CC,QAAQ,CAAC,EAAExB,kBAAAA,CAAOyB,gBAAgB,CAAC,OAAO,EAAEzB,kBAAAA,CAAO0B,iBAAiB,CAAC,CAAC;QACtEC,cAAc;IAChB;IAEAC,QAAQ;QACN,WAAW;YACTnB,OAAOT,kBAAAA,CAAO6B,4BAA4B;YAC1ClB,iBAAiBX,kBAAAA,CAAO8B,4BAA4B;YACpD,GAAGjB,iBAAAA,CAAWC,WAAW,CAACd,kBAAAA,CAAO+B,wBAAwB,CAAC;QAC5D;QACA,YAAY;YACVtB,OAAOT,kBAAAA,CAAOgC,8BAA8B;YAC5CrB,iBAAiBX,kBAAAA,CAAOiC,8BAA8B;YACtD,GAAGpB,iBAAAA,CAAWC,WAAW,CAACd,kBAAAA,CAAOkC,0BAA0B,CAAC;QAC9D;IACF;IAEAC,UAAU;QACR1B,OAAOT,kBAAAA,CAAOoC,+BAA+B;QAC7CzB,iBAAiBX,kBAAAA,CAAOqC,+BAA+B;QACvD,GAAGxB,iBAAAA,CAAWC,WAAW,CAACd,kBAAAA,CAAOsC,2BAA2B,CAAC;IAC/D;IAEAC,QAAQ;QAAEC,UAAU;IAAO;IAC3BC,QAAQ;QAAED,UAAU;IAAO;IAC3BE,QAAQ;QAAEF,UAAU;IAAO;IAC3BG,QAAQ;QAAEH,UAAU;IAAO;IAC3BI,QAAQ;QAAEJ,UAAU;IAAO;IAC3BK,QAAQ;QAAEL,UAAU;IAAO;IAC3BM,QAAQ;QAAEN,UAAU;IAAO;IAC3BO,gBAAgB;QAAE,GAAGC,4BAAAA,CAAiBD,cAAc;IAAC;IACrDE,gBAAgB;QAAE,GAAGD,4BAAAA,CAAiBC,cAAc;IAAC;IACrDC,aAAa;QAAE,GAAGF,4BAAAA,CAAiBE,WAAW;IAAC;IAC/CC,WAAW;QAAE,GAAGH,4BAAAA,CAAiBG,SAAS;IAAC;IAC3CC,WAAW;QAAE,GAAGJ,4BAAAA,CAAiBI,SAAS;IAAC;IAC3CC,QAAQ;QAAE,GAAGL,4BAAAA,CAAiBK,MAAM;IAAC;IACrCC,YAAY;QAAE,GAAGzC,iBAAAA,CAAW0C,WAAW,CAACvD,kBAAAA,CAAOwD,eAAe,CAAC;IAAC;IAChEC,aAAa;QAAE,GAAG5C,iBAAAA,CAAW0C,WAAW,CAACvD,kBAAAA,CAAOyB,gBAAgB,CAAC;IAAC;IAClEiC,eAAe;QAAE,GAAG7C,iBAAAA,CAAW0C,WAAW,CAACvD,kBAAAA,CAAO2D,kBAAkB,CAAC;IAAC;IACtEC,gBAAgB;QAAE,GAAG/C,iBAAAA,CAAW0C,WAAW,CAACvD,kBAAAA,CAAO6D,mBAAmB,CAAC;IAAC;AAC1E;AAKO,MAAM/E,uCAAuC,CAACgF;IACnD;IAEA,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAGJ;IACjD,MAAMK,aAAaC,IAAAA,oCAAAA;IACnB,MAAMC,sBAAsBjE;IAC5B,MAAMkE,gBAAgBlF;IACtB,MAAMmF,uBAAuB3E;IAC7B,MAAM4E,sBAAsBC,IAAAA,sDAAAA,EAAuBR,QAAQD;IAE3D,MAAMU,uBAAuB,EAAE;IAE/B,IAAIV,OAAO,IAAI;QACbU,qBAAqBC,IAAI,CAACN,oBAAoBf,UAAU;IAC1D,OAAO,IAAIU,OAAO,IAAI;QACpBU,qBAAqBC,IAAI,CAACN,oBAAoBZ,WAAW;IAC3D,OAAO,IAAIO,OAAO,IAAI;QACpBU,qBAAqBC,IAAI,CAACN,oBAAoBX,aAAa;IAC7D,OAAO;QACLgB,qBAAqBC,IAAI,CAACN,oBAAoBT,cAAc;IAC9D;IAEA,IAAIG,cAAc,SAAS;QACzB,IAAIC,QAAQ,IAAI;YACdU,qBAAqBC,IAAI,CAACN,oBAAoBtB,cAAc;QAC9D,OAAO,IAAIiB,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBpB,cAAc;QAC9D,OAAO,IAAIe,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBnB,WAAW;QAC3D,OAAO,IAAIc,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBlB,SAAS;QACzD,OAAO,IAAIa,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBjB,SAAS;QACzD,OAAO;YACLsB,qBAAqBC,IAAI,CAACN,oBAAoBhB,MAAM;QACtD;IACF,OAAO;QACL,IAAIW,QAAQ,IAAI;YACdU,qBAAqBC,IAAI,CAACN,oBAAoB9B,MAAM;QACtD,OAAO,IAAIyB,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoB5B,MAAM;QACtD,OAAO,IAAIuB,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoB3B,MAAM;QACtD,OAAO,IAAIsB,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoB1B,MAAM;QACtD,OAAO,IAAIqB,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBzB,MAAM;QACtD,OAAO,IAAIoB,QAAQ,IAAI;YACrBU,qBAAqBC,IAAI,CAACN,oBAAoBxB,MAAM;QACtD,OAAO;YACL6B,qBAAqBC,IAAI,CAACN,oBAAoBvB,MAAM;QACtD;IACF;IAEAgB,MAAM3E,aAAa,CAACyF,SAAS,GAAGC,IAAAA,mBAAAA,EAC9BhG,6BAA6BM,aAAa,EAC1CqF,qBACAL,UAAU,CAACH,KAAK,EAChBK,oBAAoB/E,IAAI,EACxB2E,WAAW,SAASI,oBAAoBlD,GAAG,EAC3CkD,oBAAoB/C,cAAc,EAClC2C,WAAW,SAASI,oBAAoBzC,MAAM,EAC9CqC,WAAW,SAASC,eAAeG,oBAAoBlC,QAAQ,KAC5DuC,sBACHZ,MAAM3E,aAAa,CAACyF,SAAS;IAG/Bd,MAAM9E,OAAO,CAAC4F,SAAS,GAAGC,IAAAA,mBAAAA,EACxBhG,6BAA6BG,OAAO,EACpCsF,cAAchF,IAAI,EAClBwE,MAAM9E,OAAO,CAAC4F,SAAS;IAGzBd,MAAM7E,cAAc,CAAC2F,SAAS,GAAGC,IAAAA,mBAAAA,EAC/BhG,6BAA6BI,cAAc,EAC3CsF,qBAAqBjF,IAAI,EACzBwE,MAAM7E,cAAc,CAAC2F,SAAS;IAGhC,OAAOd;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-avatar",
-  "version": "9.8.6",
+  "version": "9.9.0",
   "description": "React components for building Microsoft web experiences.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,14 +21,14 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-badge": "^9.3.2",
+    "@fluentui/react-badge": "^9.4.0",
     "@fluentui/react-context-selector": "^9.2.2",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-popover": "^9.11.6",
+    "@fluentui/react-popover": "^9.12.0",
     "@fluentui/react-shared-contexts": "^9.24.0",
-    "@fluentui/react-tabster": "^9.25.3",
+    "@fluentui/react-tabster": "^9.26.0",
     "@fluentui/react-theme": "^9.1.24",
-    "@fluentui/react-tooltip": "^9.7.6",
+    "@fluentui/react-tooltip": "^9.8.0",
     "@fluentui/react-utilities": "^9.22.0",
     "@fluentui/react-jsx-runtime": "^9.1.2",
     "@griffel/react": "^1.5.22",