@fluentui/react-avatar 9.5.4 → 9.5.5

package/CHANGELOG.json

@@ -2,7 +2,70 @@
   "name": "@fluentui/react-avatar",
   "entries": [
     {
-      "date": "Thu, 25 May 2023 09:57:45 GMT",
+      "date": "Wed, 31 May 2023 06:42:52 GMT",
+      "tag": "@fluentui/react-avatar_v9.5.5",
+      "version": "9.5.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui/react-avatar",
+            "commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
+            "comment": "chore: Update Griffel to v1.5.7."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-badge to v9.1.15",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.22",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-popover to v9.6.0",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-tabster to v9.7.5",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-tooltip to v9.2.16",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-utilities to v9.9.2",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 May 2023 10:00:48 GMT",
       "tag": "@fluentui/react-avatar_v9.5.4",
       "version": "9.5.4",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui/react-avatar
 
-This log was last generated on Thu, 25 May 2023 09:57:45 GMT and should not be manually modified.
+This log was last generated on Wed, 31 May 2023 06:42:52 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.5.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.5.5)
+
+Wed, 31 May 2023 06:42:52 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.5.4..@fluentui/react-avatar_v9.5.5)
+
+### Patches
+
+- chore: Update Griffel to v1.5.7. ([PR #27925](https://github.com/microsoft/fluentui/pull/27925) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-badge to v9.1.15 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-popover to v9.6.0 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-tabster to v9.7.5 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-tooltip to v9.2.16 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-utilities to v9.9.2 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+
 ## [9.5.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.5.4)
 
-Thu, 25 May 2023 09:57:45 GMT 
+Thu, 25 May 2023 10:00:48 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.5.3..@fluentui/react-avatar_v9.5.4)
 
 ### Patches

package/lib/Avatar.js

@@ -1,2 +1 @@
 export * from './components/Avatar/index';
-//# sourceMappingURL=Avatar.js.map

package/lib/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/Avatar.ts"],"sourcesContent":["export * from './components/Avatar/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["Avatar.ts"],"sourcesContent":["export * from './components/Avatar/index';\n"],"names":[],"mappings":"AAAA,cAAc,4BAA4B"}

package/lib/AvatarGroup.js

@@ -1,2 +1 @@
 export * from './components/AvatarGroup/index';
-//# sourceMappingURL=AvatarGroup.js.map

package/lib/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/AvatarGroup.ts"],"sourcesContent":["export * from './components/AvatarGroup/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["AvatarGroup.ts"],"sourcesContent":["export * from './components/AvatarGroup/index';\n"],"names":[],"mappings":"AAAA,cAAc,iCAAiC"}

package/lib/AvatarGroupItem.js

@@ -1,2 +1 @@
 export * from './components/AvatarGroupItem/index';
-//# sourceMappingURL=AvatarGroupItem.js.map

package/lib/AvatarGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/AvatarGroupItem.ts"],"sourcesContent":["export * from './components/AvatarGroupItem/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["AvatarGroupItem.ts"],"sourcesContent":["export * from './components/AvatarGroupItem/index';\n"],"names":[],"mappings":"AAAA,cAAc,qCAAqC"}

package/lib/AvatarGroupPopover.js

@@ -1,2 +1 @@
 export * from './components/AvatarGroupPopover/index';
-//# sourceMappingURL=AvatarGroupPopover.js.map

package/lib/AvatarGroupPopover.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/AvatarGroupPopover.ts"],"sourcesContent":["export * from './components/AvatarGroupPopover/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["AvatarGroupPopover.ts"],"sourcesContent":["export * from './components/AvatarGroupPopover/index';\n"],"names":[],"mappings":"AAAA,cAAc,wCAAwC"}

package/lib/components/Avatar/Avatar.js

@@ -3,11 +3,10 @@ import { renderAvatar_unstable } from './renderAvatar';
 import { useAvatar_unstable } from './useAvatar';
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { useAvatarStyles_unstable } from './useAvatarStyles.styles';
-export const Avatar = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useAvatar_unstable(props, ref);
-  useAvatarStyles_unstable(state);
-  useCustomStyleHook_unstable('useAvatarStyles_unstable')(state);
-  return renderAvatar_unstable(state);
+export const Avatar = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useAvatar_unstable(props, ref);
+    useAvatarStyles_unstable(state);
+    useCustomStyleHook_unstable('useAvatarStyles_unstable')(state);
+    return renderAvatar_unstable(state);
 });
 Avatar.displayName = 'Avatar';
-//# sourceMappingURL=Avatar.js.map

package/lib/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","renderAvatar_unstable","useAvatar_unstable","useCustomStyleHook_unstable","useAvatarStyles_unstable","Avatar","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatar_unstable } from './renderAvatar';\nimport { useAvatar_unstable } from './useAvatar';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarStyles_unstable } from './useAvatarStyles.styles';\nimport type { AvatarProps } from './Avatar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nexport const Avatar: ForwardRefComponent<AvatarProps> = React.forwardRef((props, ref) => {\n  const state = useAvatar_unstable(props, ref);\n\n  useAvatarStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useAvatarStyles_unstable')(state);\n\n  return renderAvatar_unstable(state);\n});\n\nAvatar.displayName = 'Avatar';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,wBAAwB,QAAQ;AAIzC,OAAO,MAAMC,MAAA,gBAA2CL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACvF,MAAMC,KAAA,GAAQP,kBAAA,CAAmBK,KAAA,EAAOC,GAAA;EAExCJ,wBAAA,CAAyBK,KAAA;EAEzBN,2BAAA,CAA4B,4BAA4BM,KAAA;EAExD,OAAOR,qBAAA,CAAsBQ,KAAA;AAC/B;AAEAJ,MAAA,CAAOK,WAAW,GAAG"}
+{"version":3,"sources":["Avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatar_unstable } from './renderAvatar';\nimport { useAvatar_unstable } from './useAvatar';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarStyles_unstable } from './useAvatarStyles.styles';\nimport type { AvatarProps } from './Avatar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nexport const Avatar: ForwardRefComponent<AvatarProps> = React.forwardRef((props, ref) => {\n  const state = useAvatar_unstable(props, ref);\n\n  useAvatarStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useAvatarStyles_unstable')(state);\n\n  return renderAvatar_unstable(state);\n});\n\nAvatar.displayName = 'Avatar';\n"],"names":["React","renderAvatar_unstable","useAvatar_unstable","useCustomStyleHook_unstable","useAvatarStyles_unstable","Avatar","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,wBAAwB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,uBAA2CL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvF,MAAMC,QAAQP,mBAAmBK,OAAOC;IAExCJ,yBAAyBK;IAEzBN,4BAA4B,4BAA4BM;IAExD,OAAOR,sBAAsBQ;AAC/B,GAAG;AAEHJ,OAAOK,WAAW,GAAG"}

package/lib/components/Avatar/Avatar.types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=Avatar.types.js.map
+export { };

package/lib/components/Avatar/Avatar.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Avatar/Avatar.types.ts"],"sourcesContent":["import { PresenceBadge } from '@fluentui/react-badge';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Sizes for the avatar\n * @deprecated use AvatarSize instead\n */\nexport type AvatarSizes = AvatarSize;\n/**\n * Sizes for the avatar\n */\nexport type AvatarSize = 16 | 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;\n\n/**\n * Shape of the avatar\n */\nexport type AvatarShape = 'circular' | 'square';\n\nexport type AvatarSlots = {\n  root: Slot<'span'>;\n\n  /**\n   * The Avatar's image.\n   *\n   * Usage e.g.: `image={{ src: '...' }}`\n   */\n  image?: Slot<'img'>;\n\n  /**\n   * (optional) Custom initials.\n   *\n   * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,\n   * using the `getInitials` function.\n   *\n   * The initials are displayed when there is no image (including while the image is loading).\n   */\n  initials?: Slot<'span'>;\n\n  /**\n   * Icon to be displayed when the avatar doesn't have an image or initials.\n   *\n   * @default `PersonRegular` (the default icon's size depends on the Avatar's size)\n   */\n  icon?: Slot<'span'>;\n\n  /**\n   * Badge to show the avatar's presence status.\n   */\n  badge?: Slot<typeof PresenceBadge>;\n};\n\n/**\n * A specific named color for the Avatar\n */\nexport type AvatarNamedColor =\n  | 'dark-red'\n  | 'cranberry'\n  | 'red'\n  | 'pumpkin'\n  | 'peach'\n  | 'marigold'\n  | 'gold'\n  | 'brass'\n  | 'brown'\n  | 'forest'\n  | 'seafoam'\n  | 'dark-green'\n  | 'light-teal'\n  | 'teal'\n  | 'steel'\n  | 'blue'\n  | 'royal-blue'\n  | 'cornflower'\n  | 'navy'\n  | 'lavender'\n  | 'purple'\n  | 'grape'\n  | 'lilac'\n  | 'pink'\n  | 'magenta'\n  | 'plum'\n  | 'beige'\n  | 'mink'\n  | 'platinum'\n  | 'anchor';\n\n/**\n * Properties for Avatar\n */\nexport type AvatarProps = Omit<ComponentProps<AvatarSlots>, 'color'> & {\n  /**\n   * Optional activity indicator\n   * * active: the avatar will be decorated according to activeAppearance\n   * * inactive: the avatar will be reduced in size and partially transparent\n   * * unset: normal display\n   *\n   * @default unset\n   */\n  active?: 'active' | 'inactive' | 'unset';\n\n  /**\n   * The appearance when `active=\"active\"`\n   *\n   * @default ring\n   */\n  activeAppearance?: 'ring' | 'shadow' | 'ring-shadow';\n\n  /**\n   * The color when displaying either an icon or initials.\n   * * neutral (default): gray\n   * * brand: color from the brand palette\n   * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)\n   * * [AvatarNamedColor]: a specific color from the theme\n   *\n   * @default neutral\n   */\n  color?: 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;\n\n  /**\n   * Specify a string to be used instead of the name, to determine which color to use when color=\"colorful\".\n   * Use this when a name is not available, but there is another unique identifier that can be used instead.\n   */\n  idForColor?: string | undefined;\n\n  /**\n   * The name of the person or entity represented by this Avatar. This should always be provided if it is available.\n   *\n   * The name is used to determine the initials displayed when there is no image. It is also provided to\n   * accessibility tools.\n   */\n  name?: string;\n\n  /**\n   * The avatar can have a circular or square shape.\n   * @default circular\n   */\n  shape?: AvatarShape;\n\n  /**\n   * Size of the avatar in pixels.\n   *\n   * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and\n   * based on design guidelines for the Avatar control.\n   *\n   * Note: At size 16, if initials are displayed, only the first initial will be rendered.\n   *\n   * If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`\n   * to override the rendered size.\n   *\n   * For example, to set the avatar to 45px in size:\n   * `<Avatar size={40} style={{ width: '45px', height: '45px' }} />`\n   *\n   * @default 32\n   */\n  size?: AvatarSize;\n};\n\n/**\n * State used in rendering Avatar\n */\nexport type AvatarState = ComponentState<AvatarSlots> &\n  Required<Pick<AvatarProps, 'active' | 'activeAppearance' | 'shape' | 'size'>> & {\n    /**\n     * The Avatar's color, it matches props.color but with `'colorful'` resolved to a named color\n     */\n    color: NonNullable<Exclude<AvatarProps['color'], 'colorful'>>;\n\n    /**\n     * Hidden span to render the active state label for the purposes of including in the aria-labelledby, if needed.\n     */\n    activeAriaLabelElement?: JSX.Element;\n  };\n"],"mappings":"AAAA"}
+{"version":3,"sources":["Avatar.types.ts"],"sourcesContent":["import { PresenceBadge } from '@fluentui/react-badge';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Sizes for the avatar\n * @deprecated use AvatarSize instead\n */\nexport type AvatarSizes = AvatarSize;\n/**\n * Sizes for the avatar\n */\nexport type AvatarSize = 16 | 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;\n\n/**\n * Shape of the avatar\n */\nexport type AvatarShape = 'circular' | 'square';\n\nexport type AvatarSlots = {\n  root: Slot<'span'>;\n\n  /**\n   * The Avatar's image.\n   *\n   * Usage e.g.: `image={{ src: '...' }}`\n   */\n  image?: Slot<'img'>;\n\n  /**\n   * (optional) Custom initials.\n   *\n   * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,\n   * using the `getInitials` function.\n   *\n   * The initials are displayed when there is no image (including while the image is loading).\n   */\n  initials?: Slot<'span'>;\n\n  /**\n   * Icon to be displayed when the avatar doesn't have an image or initials.\n   *\n   * @default `PersonRegular` (the default icon's size depends on the Avatar's size)\n   */\n  icon?: Slot<'span'>;\n\n  /**\n   * Badge to show the avatar's presence status.\n   */\n  badge?: Slot<typeof PresenceBadge>;\n};\n\n/**\n * A specific named color for the Avatar\n */\nexport type AvatarNamedColor =\n  | 'dark-red'\n  | 'cranberry'\n  | 'red'\n  | 'pumpkin'\n  | 'peach'\n  | 'marigold'\n  | 'gold'\n  | 'brass'\n  | 'brown'\n  | 'forest'\n  | 'seafoam'\n  | 'dark-green'\n  | 'light-teal'\n  | 'teal'\n  | 'steel'\n  | 'blue'\n  | 'royal-blue'\n  | 'cornflower'\n  | 'navy'\n  | 'lavender'\n  | 'purple'\n  | 'grape'\n  | 'lilac'\n  | 'pink'\n  | 'magenta'\n  | 'plum'\n  | 'beige'\n  | 'mink'\n  | 'platinum'\n  | 'anchor';\n\n/**\n * Properties for Avatar\n */\nexport type AvatarProps = Omit<ComponentProps<AvatarSlots>, 'color'> & {\n  /**\n   * Optional activity indicator\n   * * active: the avatar will be decorated according to activeAppearance\n   * * inactive: the avatar will be reduced in size and partially transparent\n   * * unset: normal display\n   *\n   * @default unset\n   */\n  active?: 'active' | 'inactive' | 'unset';\n\n  /**\n   * The appearance when `active=\"active\"`\n   *\n   * @default ring\n   */\n  activeAppearance?: 'ring' | 'shadow' | 'ring-shadow';\n\n  /**\n   * The color when displaying either an icon or initials.\n   * * neutral (default): gray\n   * * brand: color from the brand palette\n   * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)\n   * * [AvatarNamedColor]: a specific color from the theme\n   *\n   * @default neutral\n   */\n  color?: 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;\n\n  /**\n   * Specify a string to be used instead of the name, to determine which color to use when color=\"colorful\".\n   * Use this when a name is not available, but there is another unique identifier that can be used instead.\n   */\n  idForColor?: string | undefined;\n\n  /**\n   * The name of the person or entity represented by this Avatar. This should always be provided if it is available.\n   *\n   * The name is used to determine the initials displayed when there is no image. It is also provided to\n   * accessibility tools.\n   */\n  name?: string;\n\n  /**\n   * The avatar can have a circular or square shape.\n   * @default circular\n   */\n  shape?: AvatarShape;\n\n  /**\n   * Size of the avatar in pixels.\n   *\n   * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and\n   * based on design guidelines for the Avatar control.\n   *\n   * Note: At size 16, if initials are displayed, only the first initial will be rendered.\n   *\n   * If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`\n   * to override the rendered size.\n   *\n   * For example, to set the avatar to 45px in size:\n   * `<Avatar size={40} style={{ width: '45px', height: '45px' }} />`\n   *\n   * @default 32\n   */\n  size?: AvatarSize;\n};\n\n/**\n * State used in rendering Avatar\n */\nexport type AvatarState = ComponentState<AvatarSlots> &\n  Required<Pick<AvatarProps, 'active' | 'activeAppearance' | 'shape' | 'size'>> & {\n    /**\n     * The Avatar's color, it matches props.color but with `'colorful'` resolved to a named color\n     */\n    color: NonNullable<Exclude<AvatarProps['color'], 'colorful'>>;\n\n    /**\n     * Hidden span to render the active state label for the purposes of including in the aria-labelledby, if needed.\n     */\n    activeAriaLabelElement?: JSX.Element;\n  };\n"],"names":[],"mappings":"AAAA,WA2KI"}

package/lib/components/Avatar/index.js

@@ -3,4 +3,3 @@ export * from './Avatar';
 export * from './renderAvatar';
 export * from './useAvatar';
 export * from './useAvatarStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Avatar/index.ts"],"sourcesContent":["export * from './Avatar.types';\nexport * from './Avatar';\nexport * from './renderAvatar';\nexport * from './useAvatar';\nexport * from './useAvatarStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Avatar.types';\nexport * from './Avatar';\nexport * from './renderAvatar';\nexport * from './useAvatar';\nexport * from './useAvatarStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,2BAA2B"}

package/lib/components/Avatar/renderAvatar.js

@@ -1,10 +1,6 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
-export const renderAvatar_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root, slots.initials && /*#__PURE__*/createElement(slots.initials, slotProps.initials), slots.icon && /*#__PURE__*/createElement(slots.icon, slotProps.icon), slots.image && /*#__PURE__*/createElement(slots.image, slotProps.image), slots.badge && /*#__PURE__*/createElement(slots.badge, slotProps.badge), state.activeAriaLabelElement);
+export const renderAvatar_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.initials && /*#__PURE__*/ createElement(slots.initials, slotProps.initials), slots.icon && /*#__PURE__*/ createElement(slots.icon, slotProps.icon), slots.image && /*#__PURE__*/ createElement(slots.image, slotProps.image), slots.badge && /*#__PURE__*/ createElement(slots.badge, slotProps.badge), state.activeAriaLabelElement);
 };
-//# sourceMappingURL=renderAvatar.js.map

package/lib/components/Avatar/renderAvatar.js.map

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","renderAvatar_unstable","state","slots","slotProps","root","initials","icon","image","badge","activeAriaLabelElement"],"sources":["../../../src/components/Avatar/renderAvatar.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { AvatarSlots, AvatarState } from './Avatar.types';\n\nexport const renderAvatar_unstable = (state: AvatarState) => {\n  const { slots, slotProps } = getSlotsNext<AvatarSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.initials && <slots.initials {...slotProps.initials} />}\n      {slots.icon && <slots.icon {...slotProps.icon} />}\n      {slots.image && <slots.image {...slotProps.image} />}\n      {slots.badge && <slots.badge {...slotProps.badge} />}\n      {state.activeAriaLabelElement}\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B,OAAO,MAAMC,qBAAA,GAAyBC,KAAA,IAAuB;EAC3D,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAA0BE,KAAA;EAEvD,oBACEH,aAXJ,CAWKI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,EAC3BF,KAAA,CAAMG,QAAQ,iBAAIP,aAZzB,CAY0BI,KAAA,CAAMG,QAAQ,EAAKF,SAAA,CAAUE,QAAQ,GACxDH,KAAA,CAAMI,IAAI,iBAAIR,aAbrB,CAasBI,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI,GAC5CJ,KAAA,CAAMK,KAAK,iBAAIT,aAdtB,CAcuBI,KAAA,CAAMK,KAAK,EAAKJ,SAAA,CAAUI,KAAK,GAC/CL,KAAA,CAAMM,KAAK,iBAAIV,aAftB,CAeuBI,KAAA,CAAMM,KAAK,EAAKL,SAAA,CAAUK,KAAK,GAC/CP,KAAA,CAAMQ,sBAAsB;AAGnC"}
+{"version":3,"sources":["renderAvatar.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { AvatarSlots, AvatarState } from './Avatar.types';\n\nexport const renderAvatar_unstable = (state: AvatarState) => {\n  const { slots, slotProps } = getSlotsNext<AvatarSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.initials && <slots.initials {...slotProps.initials} />}\n      {slots.icon && <slots.icon {...slotProps.icon} />}\n      {slots.image && <slots.image {...slotProps.image} />}\n      {slots.badge && <slots.badge {...slotProps.badge} />}\n      {state.activeAriaLabelElement}\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","renderAvatar_unstable","state","slots","slotProps","root","initials","icon","image","badge","activeAriaLabelElement"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD,OAAO,MAAMC,wBAAwB,CAACC,QAAuB;IAC3D,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA0BE;IAEvD,qBACE,AAXJ,cAWKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,EAC3BF,MAAMG,QAAQ,kBAAI,AAZzB,cAY0BH,MAAMG,QAAQ,EAAKF,UAAUE,QAAQ,GACxDH,MAAMI,IAAI,kBAAI,AAbrB,cAasBJ,MAAMI,IAAI,EAAKH,UAAUG,IAAI,GAC5CJ,MAAMK,KAAK,kBAAI,AAdtB,cAcuBL,MAAMK,KAAK,EAAKJ,UAAUI,KAAK,GAC/CL,MAAMM,KAAK,kBAAI,AAftB,cAeuBN,MAAMM,KAAK,EAAKL,UAAUK,KAAK,GAC/CP,MAAMQ,sBAAsB;AAGnC,EAAE"}

package/lib/components/Avatar/useAvatar.js

@@ -6,161 +6,178 @@ import { PresenceBadge } from '@fluentui/react-badge';
 import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
 import { useAvatarContext } from '../../contexts/AvatarContext';
 export const DEFAULT_STRINGS = {
-  active: 'active',
-  inactive: 'inactive'
+    active: 'active',
+    inactive: 'inactive'
 };
-export const useAvatar_unstable = (props, ref) => {
-  const {
-    dir
-  } = useFluent();
-  const {
-    shape: contextShape,
-    size: contextSize
-  } = useAvatarContext();
-  const {
-    name,
-    size = contextSize !== null && contextSize !== void 0 ? contextSize : 32,
-    shape = contextShape !== null && contextShape !== void 0 ? contextShape : 'circular',
-    active = 'unset',
-    activeAppearance = 'ring',
-    idForColor
-  } = props;
-  let {
-    color = 'neutral'
-  } = props;
-  // Resolve 'colorful' to a specific color name
-  if (color === 'colorful') {
-    var _ref;
-    color = avatarColors[getHashCode((_ref = idForColor !== null && idForColor !== void 0 ? idForColor : name) !== null && _ref !== void 0 ? _ref : '') % avatarColors.length];
-  }
-  const baseId = useId('avatar-');
-  const root = getNativeElementProps('span', {
-    role: 'img',
-    id: baseId,
-    // aria-label and/or aria-labelledby are resolved below
-    ...props,
-    ref
-  }, /* excludedPropNames: */['name']);
-  const [imageHidden, setImageHidden] = React.useState(undefined);
-  const image = resolveShorthand(props.image, {
-    defaultProps: {
-      alt: '',
-      role: 'presentation',
-      'aria-hidden': true,
-      hidden: imageHidden
+export const useAvatar_unstable = (props, ref)=>{
+    const { dir  } = useFluent();
+    const { shape: contextShape , size: contextSize  } = useAvatarContext();
+    const { name , size =contextSize !== null && contextSize !== void 0 ? contextSize : 32 , shape =contextShape !== null && contextShape !== void 0 ? contextShape : 'circular' , active ='unset' , activeAppearance ='ring' , idForColor  } = props;
+    let { color ='neutral'  } = props;
+    // Resolve 'colorful' to a specific color name
+    if (color === 'colorful') {
+        var _ref;
+        color = avatarColors[getHashCode((_ref = idForColor !== null && idForColor !== void 0 ? idForColor : name) !== null && _ref !== void 0 ? _ref : '') % avatarColors.length];
     }
-  });
-  // Hide the image if it fails to load and restore it on a successful load
-  if (image) {
-    image.onError = mergeCallbacks(image.onError, () => setImageHidden(true));
-    image.onLoad = mergeCallbacks(image.onLoad, () => setImageHidden(undefined));
-  }
-  // Resolve the initials slot, defaulted to getInitials.
-  let initials = resolveShorthand(props.initials, {
-    required: true,
-    defaultProps: {
-      children: getInitials(name, dir === 'rtl', {
-        firstInitialOnly: size <= 16
-      }),
-      id: baseId + '__initials'
+    const baseId = useId('avatar-');
+    const root = getNativeElementProps('span', {
+        role: 'img',
+        id: baseId,
+        // aria-label and/or aria-labelledby are resolved below
+        ...props,
+        ref
+    }, /* excludedPropNames: */ [
+        'name'
+    ]);
+    const [imageHidden, setImageHidden] = React.useState(undefined);
+    const image = resolveShorthand(props.image, {
+        defaultProps: {
+            alt: '',
+            role: 'presentation',
+            'aria-hidden': true,
+            hidden: imageHidden
+        }
+    });
+    // Hide the image if it fails to load and restore it on a successful load
+    if (image) {
+        image.onError = mergeCallbacks(image.onError, ()=>setImageHidden(true));
+        image.onLoad = mergeCallbacks(image.onLoad, ()=>setImageHidden(undefined));
     }
-  });
-  // Don't render the initials slot if it's empty
-  if (!(initials === null || initials === void 0 ? void 0 : initials.children)) {
-    initials = undefined;
-  }
-  // Render the icon slot *only if* there aren't any initials or image to display
-  let icon = undefined;
-  if (!initials && (!image || imageHidden)) {
-    icon = resolveShorthand(props.icon, {
-      required: true,
-      defaultProps: {
-        children: /*#__PURE__*/React.createElement(PersonRegular, null),
-        'aria-hidden': true
-      }
+    // Resolve the initials slot, defaulted to getInitials.
+    let initials = resolveShorthand(props.initials, {
+        required: true,
+        defaultProps: {
+            children: getInitials(name, dir === 'rtl', {
+                firstInitialOnly: size <= 16
+            }),
+            id: baseId + '__initials'
+        }
     });
-  }
-  const badge = resolveShorthand(props.badge, {
-    defaultProps: {
-      size: getBadgeSize(size),
-      id: baseId + '__badge'
+    // Don't render the initials slot if it's empty
+    if (!(initials === null || initials === void 0 ? void 0 : initials.children)) {
+        initials = undefined;
     }
-  });
-  let activeAriaLabelElement;
-  // Resolve aria-label and/or aria-labelledby if not provided by the user
-  if (!root['aria-label'] && !root['aria-labelledby']) {
-    if (name) {
-      root['aria-label'] = name;
-      // Include the badge in labelledby if it exists
-      if (badge) {
-        root['aria-labelledby'] = root.id + ' ' + badge.id;
-      }
-    } else if (initials) {
-      // root's aria-label should be the name, but fall back to being labelledby the initials if name is missing
-      root['aria-labelledby'] = initials.id + (badge ? ' ' + badge.id : '');
+    // Render the icon slot *only if* there aren't any initials or image to display
+    let icon = undefined;
+    if (!initials && (!image || imageHidden)) {
+        icon = resolveShorthand(props.icon, {
+            required: true,
+            defaultProps: {
+                children: /*#__PURE__*/ React.createElement(PersonRegular, null),
+                'aria-hidden': true
+            }
+        });
     }
-    // Add the active state to the aria label
-    if (active === 'active' || active === 'inactive') {
-      const activeText = DEFAULT_STRINGS[active];
-      if (root['aria-labelledby']) {
-        // If using aria-labelledby, render a hidden span and append it to the labelledby
-        const activeId = baseId + '__active';
-        root['aria-labelledby'] += ' ' + activeId;
-        activeAriaLabelElement = /*#__PURE__*/React.createElement("span", {
-          hidden: true,
-          id: activeId
-        }, activeText);
-      } else if (root['aria-label']) {
-        // Otherwise, just append it to the aria-label
-        root['aria-label'] += ' ' + activeText;
-      }
+    const badge = resolveShorthand(props.badge, {
+        defaultProps: {
+            size: getBadgeSize(size),
+            id: baseId + '__badge'
+        }
+    });
+    let activeAriaLabelElement;
+    // Resolve aria-label and/or aria-labelledby if not provided by the user
+    if (!root['aria-label'] && !root['aria-labelledby']) {
+        if (name) {
+            root['aria-label'] = name;
+            // Include the badge in labelledby if it exists
+            if (badge) {
+                root['aria-labelledby'] = root.id + ' ' + badge.id;
+            }
+        } else if (initials) {
+            // root's aria-label should be the name, but fall back to being labelledby the initials if name is missing
+            root['aria-labelledby'] = initials.id + (badge ? ' ' + badge.id : '');
+        }
+        // Add the active state to the aria label
+        if (active === 'active' || active === 'inactive') {
+            const activeText = DEFAULT_STRINGS[active];
+            if (root['aria-labelledby']) {
+                // If using aria-labelledby, render a hidden span and append it to the labelledby
+                const activeId = baseId + '__active';
+                root['aria-labelledby'] += ' ' + activeId;
+                activeAriaLabelElement = /*#__PURE__*/ React.createElement("span", {
+                    hidden: true,
+                    id: activeId
+                }, activeText);
+            } else if (root['aria-label']) {
+                // Otherwise, just append it to the aria-label
+                root['aria-label'] += ' ' + activeText;
+            }
+        }
     }
-  }
-  return {
-    size,
-    shape,
-    active,
-    activeAppearance,
-    activeAriaLabelElement,
-    color,
-    components: {
-      root: 'span',
-      initials: 'span',
-      icon: 'span',
-      image: 'img',
-      badge: PresenceBadge
-    },
-    root,
-    initials,
-    icon,
-    image,
-    badge
-  };
+    return {
+        size,
+        shape,
+        active,
+        activeAppearance,
+        activeAriaLabelElement,
+        color,
+        components: {
+            root: 'span',
+            initials: 'span',
+            icon: 'span',
+            image: 'img',
+            badge: PresenceBadge
+        },
+        root,
+        initials,
+        icon,
+        image,
+        badge
+    };
 };
-const getBadgeSize = size => {
-  if (size >= 96) {
-    return 'extra-large';
-  } else if (size >= 64) {
-    return 'large';
-  } else if (size >= 56) {
-    return 'medium';
-  } else if (size >= 40) {
-    return 'small';
-  } else if (size >= 28) {
-    return 'extra-small';
-  } else {
-    return 'tiny';
-  }
+const getBadgeSize = (size)=>{
+    if (size >= 96) {
+        return 'extra-large';
+    } else if (size >= 64) {
+        return 'large';
+    } else if (size >= 56) {
+        return 'medium';
+    } else if (size >= 40) {
+        return 'small';
+    } else if (size >= 28) {
+        return 'extra-small';
+    } else {
+        return 'tiny';
+    }
 };
-const avatarColors = ['dark-red', 'cranberry', 'red', 'pumpkin', 'peach', 'marigold', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'dark-green', 'light-teal', 'teal', 'steel', 'blue', 'royal-blue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor'];
-const getHashCode = str => {
-  let hashCode = 0;
-  for (let len = str.length - 1; len >= 0; len--) {
-    const ch = str.charCodeAt(len);
-    const shift = len % 8;
-    hashCode ^= (ch << shift) + (ch >> 8 - shift); // eslint-disable-line no-bitwise
-  }
-
-  return hashCode;
+const avatarColors = [
+    'dark-red',
+    'cranberry',
+    'red',
+    'pumpkin',
+    'peach',
+    'marigold',
+    'gold',
+    'brass',
+    'brown',
+    'forest',
+    'seafoam',
+    'dark-green',
+    'light-teal',
+    'teal',
+    'steel',
+    'blue',
+    'royal-blue',
+    'cornflower',
+    'navy',
+    'lavender',
+    'purple',
+    'grape',
+    'lilac',
+    'pink',
+    'magenta',
+    'plum',
+    'beige',
+    'mink',
+    'platinum',
+    'anchor'
+];
+const getHashCode = (str)=>{
+    let hashCode = 0;
+    for(let len = str.length - 1; len >= 0; len--){
+        const ch = str.charCodeAt(len);
+        const shift = len % 8;
+        hashCode ^= (ch << shift) + (ch >> 8 - shift); // eslint-disable-line no-bitwise
+    }
+    return hashCode;
 };
-//# sourceMappingURL=useAvatar.js.map