@fluentui/react-avatar 9.0.0-alpha.80 → 9.0.0-alpha.84

package/CHANGELOG.json

@@ -2,7 +2,155 @@
   "name": "@fluentui/react-avatar",
   "entries": [
     {
-      "date": "Thu, 16 Sep 2021 07:35:43 GMT",
+      "date": "Wed, 22 Sep 2021 10:08:31 GMT",
+      "tag": "@fluentui/react-avatar_v9.0.0-alpha.84",
+      "version": "9.0.0-alpha.84",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-avatar",
+            "comment": "update react-icons dependency",
+            "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-badge to v9.0.0-alpha.84",
+            "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.70",
+            "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.50",
+            "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.52",
+            "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.45",
+            "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.14",
+            "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
+          }
+        ],
+        "none": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-avatar",
+            "comment": "chore(Avatar): typing workaround for presence badge",
+            "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Sep 2021 07:42:34 GMT",
+      "tag": "@fluentui/react-avatar_v9.0.0-alpha.83",
+      "version": "9.0.0-alpha.83",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-avatar",
+            "comment": "Updating to types over interfaces",
+            "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-badge to v9.0.0-alpha.83",
+            "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.69",
+            "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-alpha.23",
+            "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.51",
+            "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44",
+            "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13",
+            "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 20 Sep 2021 07:36:26 GMT",
+      "tag": "@fluentui/react-avatar_v9.0.0-alpha.82",
+      "version": "9.0.0-alpha.82",
+      "comments": {
+        "none": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-avatar",
+            "comment": "chore: use  versioon eslint-plugin and react-conformance in dev dependencies",
+            "commit": "b8a304770f77c0353553a152dad34421070400a6"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-avatar",
+            "commit": "b8a304770f77c0353553a152dad34421070400a6",
+            "comment": "Bump @fluentui/react-avatar to v9.0.0-alpha.82"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 17 Sep 2021 07:35:26 GMT",
+      "tag": "@fluentui/react-avatar_v9.0.0-alpha.81",
+      "version": "9.0.0-alpha.81",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-avatar",
+            "commit": "90d71a0914acbb73a0365d60a85237e3d58ef575",
+            "comment": "Bump @fluentui/react-avatar to v9.0.0-alpha.81"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 16 Sep 2021 07:38:39 GMT",
       "tag": "@fluentui/react-avatar_v9.0.0-alpha.80",
       "version": "9.0.0-alpha.80",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,60 @@
 # Change Log - @fluentui/react-avatar
 
-This log was last generated on Thu, 16 Sep 2021 07:35:43 GMT and should not be manually modified.
+This log was last generated on Wed, 22 Sep 2021 10:08:31 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.84](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.0.0-alpha.84)
+
+Wed, 22 Sep 2021 10:08:31 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.0.0-alpha.83..@fluentui/react-avatar_v9.0.0-alpha.84)
+
+### Changes
+
+- update react-icons dependency ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by ololubek@microsoft.com)
+- Bump @fluentui/react-badge to v9.0.0-alpha.84 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
+- Bump @fluentui/react-make-styles to v9.0.0-alpha.70 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-alpha.50 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-alpha.52 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.45 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
+
+## [9.0.0-alpha.83](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.0.0-alpha.83)
+
+Tue, 21 Sep 2021 07:42:34 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.0.0-alpha.82..@fluentui/react-avatar_v9.0.0-alpha.83)
+
+### Changes
+
+- Updating to types over interfaces ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by gcox@microsoft.com)
+- Bump @fluentui/react-badge to v9.0.0-alpha.83 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
+- Bump @fluentui/react-make-styles to v9.0.0-alpha.69 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-alpha.23 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-alpha.51 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
+
+## [9.0.0-alpha.82](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.0.0-alpha.82)
+
+Mon, 20 Sep 2021 07:36:26 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.0.0-alpha.81..@fluentui/react-avatar_v9.0.0-alpha.82)
+
+### Changes
+
+- Bump @fluentui/react-avatar to v9.0.0-alpha.82 ([PR #19844](https://github.com/microsoft/fluentui/pull/19844) by lingfangao@hotmail.com)
+
+## [9.0.0-alpha.81](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.0.0-alpha.81)
+
+Fri, 17 Sep 2021 07:35:26 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.0.0-alpha.80..@fluentui/react-avatar_v9.0.0-alpha.81)
+
+### Changes
+
+- Bump @fluentui/react-avatar to v9.0.0-alpha.81 ([PR #19840](https://github.com/microsoft/fluentui/pull/19840) by Humberto.Morimoto@microsoft.com)
+
 ## [9.0.0-alpha.80](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.0.0-alpha.80)
 
-Thu, 16 Sep 2021 07:35:43 GMT 
+Thu, 16 Sep 2021 07:38:39 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.0.0-alpha.79..@fluentui/react-avatar_v9.0.0-alpha.80)
 
 ### Changes

package/SPEC.md

@@ -112,77 +112,78 @@ From [Avatar.types.tsx](https://github.com/microsoft/fluentui/blob/master/packag
 ### Props
 
 ```ts
-export interface AvatarProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
-  /** The Avatar's image. */
-  image?: ShorthandProps<ImageProps>;
-
-  /** The label shown when there's no image or icon. Defaults to the initials derived from `name` using `getInitials` */
-  label?: ShorthandProps<React.HTMLAttributes<HTMLSpanElement>>;
-
-  /** Icon displayed when there's no image. */
-  icon?: ShorthandProps<React.HTMLAttributes<HTMLSpanElement>>;
-
-  /** Badge to show the avatar's status. */
-  badge?: ShorthandProps<BadgeProps>;
-
-  /** The name used for displaying the initials of the avatar if the image is not provided. */
-  name?: string;
-
-  /** Custom method for generating the initials from the name property, which is shown if no image is provided. */
-  getInitials?: (name: string, isRtl: boolean) => string;
-
-  /**
-   * Size of the avatar in pixels.
-   *
-   * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`).
-   *
-   * If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`
-   * to override the rendered size.
-   *
-   * For example, to set the avatar to 45px in size:
-   * `<Avatar size={40} style={{ width: '45px', height: '45px' }} />`
-   *
-   * @defaultvalue 32
-   */
-  size?: AvatarSizeValue;
-
-  /** The avatar can have a square shape. */
-  square?: boolean;
-
-  /**
-   * Optional activity indicator
-   * * active: the avatar will be decorated according to activeDisplay
-   * * inactive: the avatar will be reduced in size and partially transparent
-   * * unset: normal display
-   *
-   * @defaultvalue unset
-   */
-  active?: 'active' | 'inactive' | 'unset';
-
-  /**
-   * The type of visual treatment to use when `active="active"`
-   *
-   * @defaultvalue ring
-   */
-  activeDisplay?: 'ring' | 'shadow' | 'glow' | 'ring-shadow' | 'ring-glow';
-
-  /**
-   * The color when displaying either an icon or initials.
-   * * neutral (default): gray
-   * * brand: color from the brand palette
-   * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)
-   * * [AvatarNamedColor]: a specific color from the theme
-   *
-   * @defaultvalue neutral
-   */
-  color?: 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;
-
-  /**
-   * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
-   * Use this when a name is not available, but there is another unique identifier that can be used instead.
-   */
-  idForColor?: string;
-}
+export type AvatarProps = ComponentProps &
+  React.HTMLAttributes<HTMLElement> & {
+    /** The Avatar's image. */
+    image?: ShorthandProps<ImageProps>;
+
+    /** The label shown when there's no image or icon. Defaults to the initials derived from `name` using `getInitials` */
+    label?: ShorthandProps<React.HTMLAttributes<HTMLSpanElement>>;
+
+    /** Icon displayed when there's no image. */
+    icon?: ShorthandProps<React.HTMLAttributes<HTMLSpanElement>>;
+
+    /** Badge to show the avatar's status. */
+    badge?: ShorthandProps<BadgeProps>;
+
+    /** The name used for displaying the initials of the avatar if the image is not provided. */
+    name?: string;
+
+    /** Custom method for generating the initials from the name property, which is shown if no image is provided. */
+    getInitials?: (name: string, isRtl: boolean) => string;
+
+    /**
+     * Size of the avatar in pixels.
+     *
+     * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`).
+     *
+     * If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`
+     * to override the rendered size.
+     *
+     * For example, to set the avatar to 45px in size:
+     * `<Avatar size={40} style={{ width: '45px', height: '45px' }} />`
+     *
+     * @defaultvalue 32
+     */
+    size?: AvatarSizeValue;
+
+    /** The avatar can have a square shape. */
+    square?: boolean;
+
+    /**
+     * Optional activity indicator
+     * * active: the avatar will be decorated according to activeDisplay
+     * * inactive: the avatar will be reduced in size and partially transparent
+     * * unset: normal display
+     *
+     * @defaultvalue unset
+     */
+    active?: 'active' | 'inactive' | 'unset';
+
+    /**
+     * The type of visual treatment to use when `active="active"`
+     *
+     * @defaultvalue ring
+     */
+    activeDisplay?: 'ring' | 'shadow' | 'glow' | 'ring-shadow' | 'ring-glow';
+
+    /**
+     * The color when displaying either an icon or initials.
+     * * neutral (default): gray
+     * * brand: color from the brand palette
+     * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)
+     * * [AvatarNamedColor]: a specific color from the theme
+     *
+     * @defaultvalue neutral
+     */
+    color?: 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;
+
+    /**
+     * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
+     * Use this when a name is not available, but there is another unique identifier that can be used instead.
+     */
+    idForColor?: string;
+  };
 
 /**
  * Sizes for the Avatar

package/dist/react-avatar.d.ts

@@ -1,11 +1,25 @@
-import type { ComponentPropsCompat } from '@fluentui/react-utilities';
+import { ComponentPropsCompat } from '@fluentui/react-utilities';
 import type { ComponentStateCompat } from '@fluentui/react-utilities';
-import type { PresenceBadgeProps } from '@fluentui/react-badge';
+import { ObjectShorthandPropsCompat } from '@fluentui/react-utilities';
+import { PresenceBadgeProps } from '@fluentui/react-badge';
 import type { PresenceBadgeStatus } from '@fluentui/react-badge';
 import * as React_2 from 'react';
-import type { ShorthandPropsCompat } from '@fluentui/react-utilities';
+import { ShorthandPropsCompat } from '@fluentui/react-utilities';
 
-export declare const Avatar: React_2.ForwardRefExoticComponent<AvatarProps & React_2.RefAttributes<HTMLElement>>;
+export declare const Avatar: React_2.ForwardRefExoticComponent<ComponentPropsCompat & React_2.HTMLAttributes<HTMLElement> & {
+    image?: ShorthandPropsCompat<React_2.ImgHTMLAttributes<HTMLImageElement>>;
+    label?: ShorthandPropsCompat<React_2.HTMLAttributes<HTMLElement>>;
+    icon?: ShorthandPropsCompat<React_2.HTMLAttributes<HTMLElement>>;
+    badge?: number | React_2.ReactElement<any, string | ((props: any) => React_2.ReactElement<any, string | any | (new (props: any) => React_2.Component<any, any, any>)> | null) | (new (props: any) => React_2.Component<any, any, any>)> | React_2.ReactNodeArray | React_2.ReactPortal | "available" | "away" | "busy" | "doNotDisturb" | "offline" | "outOfOffice" | ObjectShorthandPropsCompat<PresenceBadgeProps> | null | undefined;
+    name?: string | undefined;
+    getInitials?: ((name: string, isRtl: boolean) => string) | undefined;
+    size?: 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128 | undefined;
+    square?: boolean | undefined;
+    active?: "unset" | "active" | "inactive" | undefined;
+    activeDisplay?: "ring" | "ring-shadow" | "ring-glow" | "shadow" | "glow" | undefined;
+    color?: "darkRed" | "cranberry" | "red" | "pumpkin" | "peach" | "marigold" | "gold" | "brass" | "brown" | "forest" | "seafoam" | "darkGreen" | "lightTeal" | "teal" | "steel" | "blue" | "royalBlue" | "cornflower" | "navy" | "lavender" | "purple" | "grape" | "lilac" | "pink" | "magenta" | "plum" | "beige" | "mink" | "platinum" | "anchor" | "neutral" | "brand" | "colorful" | undefined;
+    idForColor?: string | undefined;
+} & React_2.RefAttributes<HTMLElement>>;
 
 /**
  * Names of AvatarProps that have a default value in useAvatar
@@ -17,7 +31,7 @@ export declare type AvatarDefaultedProps = 'size' | 'color' | 'activeDisplay' |
  */
 export declare type AvatarNamedColor = 'darkRed' | 'cranberry' | 'red' | 'pumpkin' | 'peach' | 'marigold' | 'gold' | 'brass' | 'brown' | 'forest' | 'seafoam' | 'darkGreen' | 'lightTeal' | 'teal' | 'steel' | 'blue' | 'royalBlue' | 'cornflower' | 'navy' | 'lavender' | 'purple' | 'grape' | 'lilac' | 'pink' | 'magenta' | 'plum' | 'beige' | 'mink' | 'platinum' | 'anchor';
 
-export declare interface AvatarProps extends ComponentPropsCompat, React_2.HTMLAttributes<HTMLElement> {
+export declare type AvatarProps = ComponentPropsCompat & React_2.HTMLAttributes<HTMLElement> & {
     /**
      * The Avatar's image.
      */
@@ -82,7 +96,8 @@ export declare interface AvatarProps extends ComponentPropsCompat, React_2.HTMLA
      * The color when displaying either an icon or initials.
      * * neutral (default): gray
      * * brand: color from the brand palette
-     * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)
+     * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name
+     * (or idForColor if provided)
      * * [AvatarNamedColor]: a specific color from the theme
      *
      * @defaultvalue neutral
@@ -93,7 +108,7 @@ export declare interface AvatarProps extends ComponentPropsCompat, React_2.HTMLA
      * Use this when a name is not available, but there is another unique identifier that can be used instead.
      */
     idForColor?: string;
-}
+};
 
 /**
  * Names of the shorthand properties in AvatarProps
@@ -112,7 +127,7 @@ export declare const avatarShorthandPropsCompat: AvatarShorthandPropsCompat[];
  */
 export declare type AvatarSizeValue = 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;
 
-export declare interface AvatarState extends ComponentStateCompat<AvatarProps, AvatarShorthandPropsCompat, AvatarDefaultedProps> {
+export declare type AvatarState = ComponentStateCompat<AvatarProps, AvatarShorthandPropsCompat, AvatarDefaultedProps> & {
     /**
      * Ref to the root element
      */
@@ -121,7 +136,7 @@ export declare interface AvatarState extends ComponentStateCompat<AvatarProps, A
      * True if the avatar has no label/initials and should render an icon
      */
     showIcon?: boolean;
-}
+};
 
 export declare const renderAvatar: (state: AvatarState) => JSX.Element;
 

package/lib/Avatar.js.map

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

package/lib/common/isConformant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAGA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE;AAJ+C,GAA7D;AAOA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\n\nexport function isConformant<TProps = {}>(\n  testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n  const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n    asPropHandlesRef: true,\n    componentPath: module!.parent!.filename.replace('.test', ''),\n    disabledTests: ['has-docblock'],\n    extraTests: makeStylesTests as TestObject<TProps>,\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAGA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE;AAJ+C,GAA7D;AAOA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}

package/lib/components/Avatar/Avatar.d.ts

@@ -1,3 +1,15 @@
 import * as React from 'react';
-import type { AvatarProps } from './Avatar.types';
-export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLElement>>;
+export declare const Avatar: React.ForwardRefExoticComponent<import("@fluentui/react-utilities").ComponentPropsCompat & React.HTMLAttributes<HTMLElement> & {
+    image?: import("@fluentui/react-utilities").ShorthandPropsCompat<React.ImgHTMLAttributes<HTMLImageElement>>;
+    label?: import("@fluentui/react-utilities").ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
+    icon?: import("@fluentui/react-utilities").ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
+    badge?: number | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactNodeArray | React.ReactPortal | "available" | "away" | "busy" | "doNotDisturb" | "offline" | "outOfOffice" | import("@fluentui/react-utilities").ObjectShorthandPropsCompat<import("@fluentui/react-badge").PresenceBadgeProps> | null | undefined;
+    name?: string | undefined;
+    getInitials?: ((name: string, isRtl: boolean) => string) | undefined;
+    size?: 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128 | undefined;
+    square?: boolean | undefined;
+    active?: "unset" | "active" | "inactive" | undefined;
+    activeDisplay?: "ring" | "ring-shadow" | "ring-glow" | "shadow" | "glow" | undefined;
+    color?: "darkRed" | "cranberry" | "red" | "pumpkin" | "peach" | "marigold" | "gold" | "brass" | "brown" | "forest" | "seafoam" | "darkGreen" | "lightTeal" | "teal" | "steel" | "blue" | "royalBlue" | "cornflower" | "navy" | "lavender" | "purple" | "grape" | "lilac" | "pink" | "magenta" | "plum" | "beige" | "mink" | "platinum" | "anchor" | "neutral" | "brand" | "colorful" | undefined;
+    idForColor?: string | undefined;
+} & React.RefAttributes<HTMLElement>>;

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,SAAT,QAA0B,aAA1B;AACA,SAAS,eAAT,QAAgC,mBAAhC;AAGA,OAAO,IAAM,MAAM,gBAAG,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAqB,GAArB,EAAgD;AACrF,MAAM,KAAK,GAAG,SAAS,CAAC,KAAD,EAAQ,GAAR,CAAvB;AAEA,EAAA,eAAe,CAAC,KAAD,CAAf;AAEA,SAAO,YAAY,CAAC,KAAD,CAAnB;AACD,CANqB,CAAf;AAQP,MAAM,CAAC,WAAP,GAAqB,QAArB","sourcesContent":["import * as React from 'react';\nimport { renderAvatar } from './renderAvatar';\nimport { useAvatar } from './useAvatar';\nimport { useAvatarStyles } from './useAvatarStyles';\nimport type { AvatarProps } from './Avatar.types';\n\nexport const Avatar = React.forwardRef((props: AvatarProps, ref: React.Ref<HTMLElement>) => {\n  const state = useAvatar(props, ref);\n\n  useAvatarStyles(state);\n\n  return renderAvatar(state);\n});\n\nAvatar.displayName = 'Avatar';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,SAAT,QAA0B,aAA1B;AACA,SAAS,eAAT,QAAgC,mBAAhC;AAGA,OAAO,IAAM,MAAM,gBAAG,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAqB,GAArB,EAAgD;AACrF,MAAM,KAAK,GAAG,SAAS,CAAC,KAAD,EAAQ,GAAR,CAAvB;AAEA,EAAA,eAAe,CAAC,KAAD,CAAf;AAEA,SAAO,YAAY,CAAC,KAAD,CAAnB;AACD,CANqB,CAAf;AAQP,MAAM,CAAC,WAAP,GAAqB,QAArB","sourceRoot":""}

package/lib/components/Avatar/Avatar.types.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
 import type { PresenceBadgeProps, PresenceBadgeStatus } from '@fluentui/react-badge';
-export interface AvatarProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
+export declare type AvatarProps = ComponentPropsCompat & React.HTMLAttributes<HTMLElement> & {
     /**
      * The Avatar's image.
      */
@@ -66,7 +66,8 @@ export interface AvatarProps extends ComponentPropsCompat, React.HTMLAttributes<
      * The color when displaying either an icon or initials.
      * * neutral (default): gray
      * * brand: color from the brand palette
-     * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)
+     * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name
+     * (or idForColor if provided)
      * * [AvatarNamedColor]: a specific color from the theme
      *
      * @defaultvalue neutral
@@ -77,7 +78,7 @@ export interface AvatarProps extends ComponentPropsCompat, React.HTMLAttributes<
      * Use this when a name is not available, but there is another unique identifier that can be used instead.
      */
     idForColor?: string;
-}
+};
 /**
  * Sizes for the Avatar
  *
@@ -96,7 +97,7 @@ export declare type AvatarShorthandPropsCompat = 'label' | 'image' | 'badge' | '
  * Names of AvatarProps that have a default value in useAvatar
  */
 export declare type AvatarDefaultedProps = 'size' | 'color' | 'activeDisplay' | 'getInitials' | 'label' | 'icon';
-export interface AvatarState extends ComponentStateCompat<AvatarProps, AvatarShorthandPropsCompat, AvatarDefaultedProps> {
+export declare type AvatarState = ComponentStateCompat<AvatarProps, AvatarShorthandPropsCompat, AvatarDefaultedProps> & {
     /**
      * Ref to the root element
      */
@@ -105,4 +106,4 @@ export interface AvatarState extends ComponentStateCompat<AvatarProps, AvatarSho
      * True if the avatar has no label/initials and should render an icon
      */
     showIcon?: boolean;
-}
+};

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.types.js","sourceRoot":"../src/","sources":["components/Avatar/Avatar.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';\nimport type { PresenceBadgeProps, PresenceBadgeStatus } from '@fluentui/react-badge';\n\nexport interface AvatarProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n  /**\n   * The Avatar's image.\n   */\n  image?: ShorthandPropsCompat<React.ImgHTMLAttributes<HTMLImageElement>>;\n\n  /**\n   * The label shown when there's no image. Defaults to the initials derived from `name` using `getInitials`.\n   */\n  label?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n  /**\n   * Icon to be displayed when the avatar doesn't have an image or name (or if getInitials returns an empty string).\n   *\n   * @defaultvalue `Person20Regular` (the default icon's size depends on the Avatar's size)\n   */\n  icon?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n  /**\n   * Badge to show the avatar's presence status.\n   * Can either be a string indicating the status (\"busy\", \"away\", etc.), or a PresenceBadgeProps object.\n   */\n  badge?: PresenceBadgeStatus | Exclude<ShorthandPropsCompat<PresenceBadgeProps>, string>;\n\n  /**\n   * The name used for displaying the initials of the avatar if the image is not provided\n   */\n  name?: string;\n\n  /**\n   * Custom method for generating the initials from the name property, which is shown if no image is provided.\n   */\n  getInitials?: (name: string, isRtl: boolean) => string;\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`).\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   * @defaultvalue 32\n   */\n  size?: AvatarSizeValue;\n\n  /**\n   * The avatar can have a square shape.\n   */\n  square?: boolean;\n\n  /**\n   * Optional activity indicator\n   * * active: the avatar will be decorated according to activeDisplay\n   * * inactive: the avatar will be reduced in size and partially transparent\n   * * unset: normal display\n   *\n   * @defaultvalue unset\n   */\n  active?: 'active' | 'inactive' | 'unset';\n\n  /**\n   * The type of visual treatment to use when `active=\"active\"`\n   *\n   * @defaultvalue ring\n   */\n  activeDisplay?: 'ring' | 'shadow' | 'glow' | 'ring-shadow' | 'ring-glow';\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   * @defaultvalue 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;\n}\n\n/**\n * Sizes for the Avatar\n *\n * This is a restricted list based on design guidelines for the Avatar control.\n */\nexport type AvatarSizeValue = 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;\n\n/**\n * A specific named color for the Avatar\n */\nexport type AvatarNamedColor =\n  | 'darkRed'\n  | 'cranberry'\n  | 'red'\n  | 'pumpkin'\n  | 'peach'\n  | 'marigold'\n  | 'gold'\n  | 'brass'\n  | 'brown'\n  | 'forest'\n  | 'seafoam'\n  | 'darkGreen'\n  | 'lightTeal'\n  | 'teal'\n  | 'steel'\n  | 'blue'\n  | 'royalBlue'\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 * Names of the shorthand properties in AvatarProps\n */\nexport type AvatarShorthandPropsCompat = 'label' | 'image' | 'badge' | 'icon';\n\n/**\n * Names of AvatarProps that have a default value in useAvatar\n */\nexport type AvatarDefaultedProps = 'size' | 'color' | 'activeDisplay' | 'getInitials' | 'label' | 'icon';\n\nexport interface AvatarState\n  extends ComponentStateCompat<AvatarProps, AvatarShorthandPropsCompat, AvatarDefaultedProps> {\n  /**\n   * Ref to the root element\n   */\n  ref: React.Ref<HTMLElement>;\n\n  /**\n   * True if the avatar has no label/initials and should render an icon\n   */\n  showIcon?: boolean;\n}\n"]}
+{"version":3,"file":"Avatar.types.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC","sourcesContent":["export * from './Avatar.types';\nexport * from './Avatar';\nexport * from './renderAvatar';\nexport * from './useAvatar';\nexport * from './useAvatarStyles';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Avatar/renderAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AACA,SAAS,0BAAT,QAA2C,aAA3C;AAGA,OAAO,IAAM,YAAY,GAAG,UAAC,KAAD,EAAmB;AACvC,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,EAAQ,0BAAR,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEG,KAAK,CAAC,QAAN,iBAAkB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFrB,eAGE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CAHF,eAIE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CAJF,CADF;AAQD,CAVM","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { avatarShorthandPropsCompat } from './useAvatar';\nimport type { AvatarState } from './Avatar.types';\n\nexport const renderAvatar = (state: AvatarState) => {\n  const { slots, slotProps } = getSlotsCompat(state, avatarShorthandPropsCompat);\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.label {...slotProps.label} />\n      {state.showIcon && <slots.icon {...slotProps.icon} />}\n      <slots.image {...slotProps.image} />\n      <slots.badge {...slotProps.badge} />\n    </slots.root>\n  );\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Avatar/renderAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AACA,SAAS,0BAAT,QAA2C,aAA3C;AAGA,OAAO,IAAM,YAAY,GAAG,UAAC,KAAD,EAAmB;AACvC,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,EAAQ,0BAAR,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEG,KAAK,CAAC,QAAN,iBAAkB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFrB,eAGE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CAHF,eAIE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CAJF,CADF;AAQD,CAVM","sourceRoot":""}

package/lib/components/Avatar/useAvatar.js

@@ -105,6 +105,7 @@ var resolveAvatarShorthandPropsCompat = function (props) {
   }
 
   if (typeof badge === 'string') {
+    // TODO separate as an components https://github.com/microsoft/fluentui/pull/19763
     badge = {
       as: PresenceBadge,
       status: badge

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Avatar/useAvatar.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport { getInitials } from '../../utils/index';\nimport {\n  Person16Regular,\n  Person20Regular,\n  Person24Regular,\n  Person28Regular,\n  Person32Regular,\n  Person48Regular,\n} from '@fluentui/react-icons';\nimport { PresenceBadge } from '@fluentui/react-badge';\nimport type { AvatarProps, AvatarState, AvatarNamedColor, AvatarShorthandPropsCompat } from './Avatar.types';\n\n/**\n * Names of the shorthand properties in AvatarProps\n */\nexport const avatarShorthandPropsCompat: AvatarShorthandPropsCompat[] = ['label', 'image', 'badge', 'icon'];\n\nconst mergeProps = makeMergeProps<AvatarState>({ deepMerge: avatarShorthandPropsCompat });\n\nexport const useAvatar = (props: AvatarProps, ref: React.Ref<HTMLElement>, defaultProps?: AvatarProps): AvatarState => {\n  const state = mergeProps(\n    {\n      as: 'span',\n      label: { as: 'span' },\n      icon: { as: 'span' },\n      size: 32,\n      color: 'neutral',\n      activeDisplay: 'ring',\n      getInitials,\n      ref,\n    },\n    defaultProps && resolveAvatarShorthandPropsCompat(defaultProps),\n    resolveAvatarShorthandPropsCompat(props),\n  );\n\n  const { size, badge, label, icon } = state;\n\n  // If a label was not provided, use the initials and fall back to the icon if initials aren't available\n  if (!label.children) {\n    const initials = state.getInitials(state.name || '', /*isRtl: */ false);\n    if (initials) {\n      label.children = initials;\n    } else {\n      state.showIcon = true;\n      if (!icon.children) {\n        if (size <= 24) {\n          icon.children = <Person16Regular />;\n        } else if (size <= 40) {\n          icon.children = <Person20Regular />;\n        } else if (size <= 48) {\n          icon.children = <Person24Regular />;\n        } else if (size <= 56) {\n          icon.children = <Person28Regular />;\n        } else if (size <= 72) {\n          icon.children = <Person32Regular />;\n        } else {\n          icon.children = <Person48Regular />;\n        }\n      }\n    }\n  }\n\n  // Provide a default badge size based on the avatar size\n  if (badge && badge.size === undefined) {\n    if (size >= 96) {\n      badge.size = 'larger';\n    } else if (size >= 64) {\n      badge.size = 'large';\n    } else if (size >= 56) {\n      badge.size = 'medium';\n    } else if (size >= 40) {\n      badge.size = 'small';\n    } else if (size >= 28) {\n      badge.size = 'smaller';\n    } else {\n      badge.size = 'smallest';\n    }\n  }\n\n  if (state.color === 'colorful') {\n    const value = state.idForColor || state.name;\n    if (value) {\n      state.color = avatarColors[getHashCode(value) % avatarColors.length];\n    }\n  }\n\n  return state;\n};\n\n/**\n * Avatar treats shorthand for the image and badge props differently. Rather than the string being\n * the child of those slots, they translate to the image's src and the badge's status prop.\n */\nconst resolveAvatarShorthandPropsCompat = (props: AvatarProps) => {\n  let { image, badge } = props;\n\n  if (typeof image === 'string') {\n    image = { as: 'img', src: image, children: null };\n  }\n\n  if (typeof badge === 'string') {\n    badge = { as: PresenceBadge, status: badge };\n  }\n\n  if (image !== props.image || badge !== props.badge) {\n    props = { ...props, image, badge };\n  }\n\n  return resolveShorthandProps(props, avatarShorthandPropsCompat);\n};\n\nconst avatarColors: AvatarNamedColor[] = [\n  'darkRed',\n  'cranberry',\n  'red',\n  'pumpkin',\n  'peach',\n  'marigold',\n  'gold',\n  'brass',\n  'brown',\n  'forest',\n  'seafoam',\n  'darkGreen',\n  'lightTeal',\n  'teal',\n  'steel',\n  'blue',\n  'royalBlue',\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\nconst getHashCode = (str: string): number => {\n  let hashCode = 0;\n  for (let len: number = str.length - 1; len >= 0; len--) {\n    const ch = str.charCodeAt(len);\n    const shift = len % 8;\n    hashCode ^= (ch << shift) + (ch >> (8 - shift)); // eslint-disable-line no-bitwise\n  }\n\n  return hashCode;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Avatar/useAvatar.tsx"],"names":[],"mappings":"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","sourceRoot":""}