@fluentui/react-avatar 9.0.0-rc.7 → 9.0.0-rc.8

package/CHANGELOG.json

@@ -2,7 +2,70 @@
   "name": "@fluentui/react-avatar",
   "entries": [
     {
-      "date": "Wed, 04 May 2022 13:24:05 GMT",
+      "date": "Thu, 05 May 2022 18:24:36 GMT",
+      "tag": "@fluentui/react-avatar_v9.0.0-rc.8",
+      "version": "9.0.0-rc.8",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-avatar",
+            "commit": "e465622ca241f3dd0534da50823a51e7311fd9ef",
+            "comment": "feat: ship rolluped only dts"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-badge to v9.0.0-rc.8",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-button to v9.0.0-rc.9",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-popover to v9.0.0-rc.9",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-tooltip to v9.0.0-rc.9",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.7",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.7",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.8",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 May 2022 13:26:37 GMT",
       "tag": "@fluentui/react-avatar_v9.0.0-rc.7",
       "version": "9.0.0-rc.7",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui/react-avatar
 
-This log was last generated on Wed, 04 May 2022 13:24:05 GMT and should not be manually modified.
+This log was last generated on Thu, 05 May 2022 18:24:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.0.0-rc.8)
+
+Thu, 05 May 2022 18:24:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.0.0-rc.7..@fluentui/react-avatar_v9.0.0-rc.8)
+
+### Changes
+
+- feat: ship rolluped only dts ([PR #22823](https://github.com/microsoft/fluentui/pull/22823) by martinhochel@microsoft.com)
+- Bump @fluentui/react-badge to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-button to v9.0.0-rc.9 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-popover to v9.0.0-rc.9 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-tooltip to v9.0.0-rc.9 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.7 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.0.0-rc.7 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+
 ## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.0.0-rc.7)
 
-Wed, 04 May 2022 13:24:05 GMT 
+Wed, 04 May 2022 13:26:37 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.0.0-rc.6..@fluentui/react-avatar_v9.0.0-rc.7)
 
 ### Changes

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-avatar",
-  "version": "9.0.0-rc.7",
+  "version": "9.0.0-rc.8",
   "description": "React components for building Microsoft web experiences.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -28,19 +28,19 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.4",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.5",
     "@fluentui/scripts": "^1.0.0",
     "es6-weak-map": "^2.0.2"
   },
   "dependencies": {
-    "@fluentui/react-badge": "9.0.0-rc.7",
-    "@fluentui/react-button": "9.0.0-rc.8",
+    "@fluentui/react-badge": "9.0.0-rc.8",
+    "@fluentui/react-button": "9.0.0-rc.9",
     "@fluentui/react-icons": "^2.0.166-rc.3",
-    "@fluentui/react-popover": "9.0.0-rc.8",
-    "@fluentui/react-tooltip": "9.0.0-rc.8",
-    "@fluentui/react-theme": "9.0.0-rc.6",
-    "@fluentui/react-shared-contexts": "9.0.0-rc.6",
-    "@fluentui/react-utilities": "9.0.0-rc.7",
+    "@fluentui/react-popover": "9.0.0-rc.9",
+    "@fluentui/react-tooltip": "9.0.0-rc.9",
+    "@fluentui/react-theme": "9.0.0-rc.7",
+    "@fluentui/react-shared-contexts": "9.0.0-rc.7",
+    "@fluentui/react-utilities": "9.0.0-rc.8",
     "@griffel/react": "1.0.3",
     "tslib": "^2.1.0"
   },

package/lib/Avatar.d.ts

@@ -1 +0,0 @@
-export * from './components/Avatar/index';

package/lib/AvatarGroup.d.ts

@@ -1 +0,0 @@
-export * from './components/AvatarGroup/index';

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

@@ -1,3 +0,0 @@
-import type { AvatarProps } from './Avatar.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-export declare const Avatar: ForwardRefComponent<AvatarProps>;

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

@@ -1,111 +0,0 @@
-import { PresenceBadge } from '@fluentui/react-badge';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type AvatarSlots = {
-    root: Slot<'span'>;
-    /**
-     * The Avatar's image.
-     *
-     * Usage e.g.: `image={{ src: '...' }}`
-     */
-    image?: Slot<'img'>;
-    /**
-     * (optional) Custom initials.
-     *
-     * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
-     * using the `getInitials` function.
-     *
-     * The initials are displayed when there is no image (including while the image is loading).
-     */
-    initials?: Slot<'span'>;
-    /**
-     * Icon to be displayed when the avatar doesn't have an image or initials.
-     *
-     * @defaultvalue `PersonRegular` (the default icon's size depends on the Avatar's size)
-     */
-    icon?: Slot<'span'>;
-    /**
-     * Badge to show the avatar's presence status.
-     */
-    badge?: Slot<typeof PresenceBadge>;
-};
-declare type AvatarCommons = {
-    /**
-     * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
-     *
-     * The name will be used to determine the initials displayed when there is no icon, as well as provided to
-     * accessibility tools.
-     */
-    name?: string;
-    /**
-     * Size of the avatar in pixels.
-     *
-     * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
-     * based on design guidelines for the Avatar control.
-     *
-     * 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: AvatarSizes;
-    /**
-     * The avatar can have a circular or square shape.
-     * @defaultvalue circular
-     */
-    shape: 'circular' | 'square';
-    /**
-     * Optional activity indicator
-     * * active: the avatar will be decorated according to activeAppearance
-     * * inactive: the avatar will be reduced in size and partially transparent
-     * * unset: normal display
-     *
-     * @defaultvalue unset
-     */
-    active: 'active' | 'inactive' | 'unset';
-    /**
-     * The appearance when `active="active"`
-     *
-     * @defaultvalue ring
-     */
-    activeAppearance: 'ring' | 'shadow' | 'ring-shadow';
-    /**
-     * 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 | undefined;
-};
-/**
- * A specific named color for the Avatar
- */
-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';
-/**
- * Sizes that can be used for the Avatar
- */
-export declare type AvatarSizes = 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;
-/**
- * Properties for Avatar
- */
-export declare type AvatarProps = Omit<ComponentProps<AvatarSlots>, 'color'> & Partial<AvatarCommons>;
-/**
- * State used in rendering Avatar
- */
-export declare type AvatarState = ComponentState<AvatarSlots> & AvatarCommons & {
-    /**
-     * The Avatar's color, with `'colorful'` resolved to a named color
-     */
-    color: Exclude<AvatarCommons['color'], 'colorful'>;
-};
-export {};

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

@@ -1,5 +0,0 @@
-export * from './Avatar.types';
-export * from './Avatar';
-export * from './renderAvatar';
-export * from './useAvatar';
-export * from './useAvatarStyles';

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

@@ -1,2 +0,0 @@
-import type { AvatarState } from './Avatar.types';
-export declare const renderAvatar_unstable: (state: AvatarState) => JSX.Element;

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

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import type { AvatarProps, AvatarState } from './Avatar.types';
-export declare const useAvatar_unstable: (props: AvatarProps, ref: React.Ref<HTMLElement>) => AvatarState;

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

@@ -1,8 +0,0 @@
-import type { AvatarSlots, AvatarState } from './Avatar.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `avatarClassNames.root` instead.
- */
-export declare const avatarClassName = "fui-Avatar";
-export declare const avatarClassNames: SlotClassNames<AvatarSlots>;
-export declare const useAvatarStyles_unstable: (state: AvatarState) => AvatarState;

package/lib/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,6 +0,0 @@
-import type { AvatarGroupProps } from './AvatarGroup.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * AvatarGroup component - TODO: add more docs
- */
-export declare const AvatarGroup: ForwardRefComponent<AvatarGroupProps>;

package/lib/components/AvatarGroup/AvatarGroup.strings.d.ts

@@ -1,2 +0,0 @@
-import type { AvatarGroupStrings } from './AvatarGroup.types';
-export declare const avatarGroupDefaultStrings: AvatarGroupStrings;

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

@@ -1,61 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import { PopoverSurface } from '@fluentui/react-popover';
-import { AvatarSizes } from '../Avatar/Avatar.types';
-import { Button } from '@fluentui/react-button';
-import { TooltipProps } from '@fluentui/react-tooltip';
-export declare type AvatarGroupSlots = {
-    root: Slot<'div'>;
-    /**
-     * Popover trigger slot that can be used to change the overflow indicator.
-     */
-    popoverTrigger?: Slot<typeof Button>;
-    /**
-     * Popover surface that will be displayed when the popover is triggered.
-     */
-    popoverSurface?: Slot<typeof PopoverSurface>;
-};
-declare type AvatarGroupCommons = {
-    /**
-     * Layout the Avatars should be displayed as.
-     * @default spread
-     */
-    layout: 'spread' | 'stack' | 'pie';
-    /**
-     * Maximum number of Avatars to be displayed before overflowing.
-     * NOTE: if pie layout is used, `maxAvatars` will be ignored.
-     * @default 5
-     */
-    maxAvatars: number;
-    /**
-     * Size of the avatars.
-     * @default 32
-     */
-    size: AvatarSizes;
-    /**
-     * Whether the overflow indicator should render an icon instead of the number of overflowed avatars.
-     * @default false
-     */
-    overflowIndicator: 'number-overflowed' | 'icon';
-    /**
-     * Strings for localizing text in the tooltip.
-     */
-    strings?: AvatarGroupStrings;
-};
-/**
- * AvatarGroup Props
- */
-export declare type AvatarGroupProps = ComponentProps<AvatarGroupSlots> & Partial<AvatarGroupCommons>;
-/**
- * State used in rendering AvatarGroup
- */
-export declare type AvatarGroupState = ComponentState<AvatarGroupSlots> & AvatarGroupCommons & {
-    tooltipContent: TooltipProps['content'];
-};
-export declare type AvatarGroupStrings = {
-    /**
-     * Text applied to the overflow indicator's tooltip.
-     * Can include the token "\{numOverflowedAvatars\}" which will be replaced with the number of overflowed avatars.
-     */
-    tooltipContent: string;
-};
-export {};

package/lib/components/AvatarGroup/index.d.ts

@@ -1,5 +0,0 @@
-export * from './AvatarGroup';
-export * from './AvatarGroup.types';
-export * from './renderAvatarGroup';
-export * from './useAvatarGroup';
-export * from './useAvatarGroupStyles';

package/lib/components/AvatarGroup/renderAvatarGroup.d.ts

@@ -1,5 +0,0 @@
-import type { AvatarGroupState } from './AvatarGroup.types';
-/**
- * Render the final JSX of AvatarGroup
- */
-export declare const renderAvatarGroup_unstable: (state: AvatarGroupState) => JSX.Element;

package/lib/components/AvatarGroup/useAvatarGroup.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { AvatarGroupProps, AvatarGroupState } from './AvatarGroup.types';
-/**
- * Create the state required to render AvatarGroup.
- *
- * The returned state can be modified with hooks such as useAvatarGroupStyles_unstable,
- * before being passed to renderAvatarGroup_unstable.
- *
- * @param props - props from this instance of AvatarGroup
- * @param ref - reference to root HTMLElement of AvatarGroup
- */
-export declare const useAvatarGroup_unstable: (props: AvatarGroupProps, ref: React.Ref<HTMLElement>) => AvatarGroupState;

package/lib/components/AvatarGroup/useAvatarGroupStyles.d.ts

@@ -1,10 +0,0 @@
-import type { AvatarGroupSlots, AvatarGroupState } from './AvatarGroup.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-export declare const avatarGroupClassNames: SlotClassNames<AvatarGroupSlots>;
-export declare const extraAvatarGroupClassNames: {
-    popoverSurfaceItem: string;
-};
-/**
- * Apply styling to the AvatarGroup slots based on the state
- */
-export declare const useAvatarGroupStyles_unstable: (state: AvatarGroupState) => AvatarGroupState;

package/lib/index.d.ts

@@ -1,5 +0,0 @@
-export { Avatar, avatarClassName, avatarClassNames, renderAvatar_unstable, useAvatarStyles_unstable, useAvatar_unstable, } from './Avatar';
-export type { AvatarNamedColor, AvatarProps, AvatarSlots, AvatarState, AvatarSizes } from './Avatar';
-export { getInitials } from './utils/index';
-export { AvatarGroup, avatarGroupClassNames, renderAvatarGroup_unstable, useAvatarGroupStyles_unstable, useAvatarGroup_unstable, } from './AvatarGroup';
-export type { AvatarGroupProps, AvatarGroupSlots, AvatarGroupState } from './AvatarGroup';

package/lib/utils/getInitials.d.ts

@@ -1,14 +0,0 @@
-/**
- * Regular expressions matching characters to ignore when calculating the initials.
- */
-/**
- * Get (up to 2 characters) initials based on display name of the persona.
- *
- * @param displayName - The full name of the person or entity
- * @param isRtl - Whether the display is in RTL
- * @param allowPhoneInitials - Should initials be generated from phone numbers (default false)
- *
- * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
- * could be derived from the name.
- */
-export declare function getInitials(displayName: string | undefined | null, isRtl: boolean, allowPhoneInitials?: boolean): string;

package/lib/utils/index.d.ts

@@ -1 +0,0 @@
-export { getInitials } from './getInitials';

package/lib-commonjs/Avatar.d.ts

@@ -1 +0,0 @@
-export * from './components/Avatar/index';

package/lib-commonjs/AvatarGroup.d.ts

@@ -1 +0,0 @@
-export * from './components/AvatarGroup/index';

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

@@ -1,3 +0,0 @@
-import type { AvatarProps } from './Avatar.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-export declare const Avatar: ForwardRefComponent<AvatarProps>;

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

@@ -1,111 +0,0 @@
-import { PresenceBadge } from '@fluentui/react-badge';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type AvatarSlots = {
-    root: Slot<'span'>;
-    /**
-     * The Avatar's image.
-     *
-     * Usage e.g.: `image={{ src: '...' }}`
-     */
-    image?: Slot<'img'>;
-    /**
-     * (optional) Custom initials.
-     *
-     * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
-     * using the `getInitials` function.
-     *
-     * The initials are displayed when there is no image (including while the image is loading).
-     */
-    initials?: Slot<'span'>;
-    /**
-     * Icon to be displayed when the avatar doesn't have an image or initials.
-     *
-     * @defaultvalue `PersonRegular` (the default icon's size depends on the Avatar's size)
-     */
-    icon?: Slot<'span'>;
-    /**
-     * Badge to show the avatar's presence status.
-     */
-    badge?: Slot<typeof PresenceBadge>;
-};
-declare type AvatarCommons = {
-    /**
-     * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
-     *
-     * The name will be used to determine the initials displayed when there is no icon, as well as provided to
-     * accessibility tools.
-     */
-    name?: string;
-    /**
-     * Size of the avatar in pixels.
-     *
-     * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
-     * based on design guidelines for the Avatar control.
-     *
-     * 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: AvatarSizes;
-    /**
-     * The avatar can have a circular or square shape.
-     * @defaultvalue circular
-     */
-    shape: 'circular' | 'square';
-    /**
-     * Optional activity indicator
-     * * active: the avatar will be decorated according to activeAppearance
-     * * inactive: the avatar will be reduced in size and partially transparent
-     * * unset: normal display
-     *
-     * @defaultvalue unset
-     */
-    active: 'active' | 'inactive' | 'unset';
-    /**
-     * The appearance when `active="active"`
-     *
-     * @defaultvalue ring
-     */
-    activeAppearance: 'ring' | 'shadow' | 'ring-shadow';
-    /**
-     * 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 | undefined;
-};
-/**
- * A specific named color for the Avatar
- */
-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';
-/**
- * Sizes that can be used for the Avatar
- */
-export declare type AvatarSizes = 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;
-/**
- * Properties for Avatar
- */
-export declare type AvatarProps = Omit<ComponentProps<AvatarSlots>, 'color'> & Partial<AvatarCommons>;
-/**
- * State used in rendering Avatar
- */
-export declare type AvatarState = ComponentState<AvatarSlots> & AvatarCommons & {
-    /**
-     * The Avatar's color, with `'colorful'` resolved to a named color
-     */
-    color: Exclude<AvatarCommons['color'], 'colorful'>;
-};
-export {};

package/lib-commonjs/components/Avatar/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Avatar.types';
-export * from './Avatar';
-export * from './renderAvatar';
-export * from './useAvatar';
-export * from './useAvatarStyles';

package/lib-commonjs/components/Avatar/renderAvatar.d.ts

@@ -1,2 +0,0 @@
-import type { AvatarState } from './Avatar.types';
-export declare const renderAvatar_unstable: (state: AvatarState) => JSX.Element;

package/lib-commonjs/components/Avatar/useAvatar.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import type { AvatarProps, AvatarState } from './Avatar.types';
-export declare const useAvatar_unstable: (props: AvatarProps, ref: React.Ref<HTMLElement>) => AvatarState;

package/lib-commonjs/components/Avatar/useAvatarStyles.d.ts

@@ -1,8 +0,0 @@
-import type { AvatarSlots, AvatarState } from './Avatar.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `avatarClassNames.root` instead.
- */
-export declare const avatarClassName = "fui-Avatar";
-export declare const avatarClassNames: SlotClassNames<AvatarSlots>;
-export declare const useAvatarStyles_unstable: (state: AvatarState) => AvatarState;

package/lib-commonjs/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,6 +0,0 @@
-import type { AvatarGroupProps } from './AvatarGroup.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * AvatarGroup component - TODO: add more docs
- */
-export declare const AvatarGroup: ForwardRefComponent<AvatarGroupProps>;

package/lib-commonjs/components/AvatarGroup/AvatarGroup.strings.d.ts

@@ -1,2 +0,0 @@
-import type { AvatarGroupStrings } from './AvatarGroup.types';
-export declare const avatarGroupDefaultStrings: AvatarGroupStrings;

package/lib-commonjs/components/AvatarGroup/AvatarGroup.types.d.ts

@@ -1,61 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import { PopoverSurface } from '@fluentui/react-popover';
-import { AvatarSizes } from '../Avatar/Avatar.types';
-import { Button } from '@fluentui/react-button';
-import { TooltipProps } from '@fluentui/react-tooltip';
-export declare type AvatarGroupSlots = {
-    root: Slot<'div'>;
-    /**
-     * Popover trigger slot that can be used to change the overflow indicator.
-     */
-    popoverTrigger?: Slot<typeof Button>;
-    /**
-     * Popover surface that will be displayed when the popover is triggered.
-     */
-    popoverSurface?: Slot<typeof PopoverSurface>;
-};
-declare type AvatarGroupCommons = {
-    /**
-     * Layout the Avatars should be displayed as.
-     * @default spread
-     */
-    layout: 'spread' | 'stack' | 'pie';
-    /**
-     * Maximum number of Avatars to be displayed before overflowing.
-     * NOTE: if pie layout is used, `maxAvatars` will be ignored.
-     * @default 5
-     */
-    maxAvatars: number;
-    /**
-     * Size of the avatars.
-     * @default 32
-     */
-    size: AvatarSizes;
-    /**
-     * Whether the overflow indicator should render an icon instead of the number of overflowed avatars.
-     * @default false
-     */
-    overflowIndicator: 'number-overflowed' | 'icon';
-    /**
-     * Strings for localizing text in the tooltip.
-     */
-    strings?: AvatarGroupStrings;
-};
-/**
- * AvatarGroup Props
- */
-export declare type AvatarGroupProps = ComponentProps<AvatarGroupSlots> & Partial<AvatarGroupCommons>;
-/**
- * State used in rendering AvatarGroup
- */
-export declare type AvatarGroupState = ComponentState<AvatarGroupSlots> & AvatarGroupCommons & {
-    tooltipContent: TooltipProps['content'];
-};
-export declare type AvatarGroupStrings = {
-    /**
-     * Text applied to the overflow indicator's tooltip.
-     * Can include the token "\{numOverflowedAvatars\}" which will be replaced with the number of overflowed avatars.
-     */
-    tooltipContent: string;
-};
-export {};

package/lib-commonjs/components/AvatarGroup/index.d.ts

@@ -1,5 +0,0 @@
-export * from './AvatarGroup';
-export * from './AvatarGroup.types';
-export * from './renderAvatarGroup';
-export * from './useAvatarGroup';
-export * from './useAvatarGroupStyles';

package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.d.ts

@@ -1,5 +0,0 @@
-import type { AvatarGroupState } from './AvatarGroup.types';
-/**
- * Render the final JSX of AvatarGroup
- */
-export declare const renderAvatarGroup_unstable: (state: AvatarGroupState) => JSX.Element;

package/lib-commonjs/components/AvatarGroup/useAvatarGroup.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { AvatarGroupProps, AvatarGroupState } from './AvatarGroup.types';
-/**
- * Create the state required to render AvatarGroup.
- *
- * The returned state can be modified with hooks such as useAvatarGroupStyles_unstable,
- * before being passed to renderAvatarGroup_unstable.
- *
- * @param props - props from this instance of AvatarGroup
- * @param ref - reference to root HTMLElement of AvatarGroup
- */
-export declare const useAvatarGroup_unstable: (props: AvatarGroupProps, ref: React.Ref<HTMLElement>) => AvatarGroupState;

package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.d.ts

@@ -1,10 +0,0 @@
-import type { AvatarGroupSlots, AvatarGroupState } from './AvatarGroup.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-export declare const avatarGroupClassNames: SlotClassNames<AvatarGroupSlots>;
-export declare const extraAvatarGroupClassNames: {
-    popoverSurfaceItem: string;
-};
-/**
- * Apply styling to the AvatarGroup slots based on the state
- */
-export declare const useAvatarGroupStyles_unstable: (state: AvatarGroupState) => AvatarGroupState;

package/lib-commonjs/index.d.ts

@@ -1,5 +0,0 @@
-export { Avatar, avatarClassName, avatarClassNames, renderAvatar_unstable, useAvatarStyles_unstable, useAvatar_unstable, } from './Avatar';
-export type { AvatarNamedColor, AvatarProps, AvatarSlots, AvatarState, AvatarSizes } from './Avatar';
-export { getInitials } from './utils/index';
-export { AvatarGroup, avatarGroupClassNames, renderAvatarGroup_unstable, useAvatarGroupStyles_unstable, useAvatarGroup_unstable, } from './AvatarGroup';
-export type { AvatarGroupProps, AvatarGroupSlots, AvatarGroupState } from './AvatarGroup';

package/lib-commonjs/utils/getInitials.d.ts

@@ -1,14 +0,0 @@
-/**
- * Regular expressions matching characters to ignore when calculating the initials.
- */
-/**
- * Get (up to 2 characters) initials based on display name of the persona.
- *
- * @param displayName - The full name of the person or entity
- * @param isRtl - Whether the display is in RTL
- * @param allowPhoneInitials - Should initials be generated from phone numbers (default false)
- *
- * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
- * could be derived from the name.
- */
-export declare function getInitials(displayName: string | undefined | null, isRtl: boolean, allowPhoneInitials?: boolean): string;

package/lib-commonjs/utils/index.d.ts

@@ -1 +0,0 @@
-export { getInitials } from './getInitials';