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

package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAvatarGroupStyles_unstable = exports.extraAvatarGroupClassNames = exports.avatarGroupClassNames = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+exports.avatarGroupClassNames = {
+  root: 'fui-AvatarGroup',
+  popoverSurface: 'fui-AvatarGroup__popoverSurface',
+  popoverTrigger: 'fui-AvatarGroup__popoverTrigger'
+};
+exports.extraAvatarGroupClassNames = {
+  popoverSurfaceItem: 'fui-AvatarGroup__popoverSurfaceItem'
+};
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {}
+}, {});
+/**
+ * Apply styling to the AvatarGroup slots based on the state
+ */
+
+
+const useAvatarGroupStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.avatarGroupClassNames.root, styles.root, state.root.className); // TODO Add class names to slots, for example:
+  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+
+  if (state.popoverSurface) {
+    state.popoverSurface.className = react_1.mergeClasses(exports.avatarGroupClassNames.popoverSurface, state.popoverSurface.className);
+  }
+
+  if (state.popoverTrigger) {
+    state.popoverTrigger.className = react_1.mergeClasses(exports.avatarGroupClassNames.popoverTrigger, state.popoverTrigger.className);
+  }
+
+  return state;
+};
+
+exports.useAvatarGroupStyles_unstable = useAvatarGroupStyles_unstable;
+//# sourceMappingURL=useAvatarGroupStyles.js.map

package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AvatarGroup/useAvatarGroupStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAIa,OAAA,CAAA,qBAAA,GAA0D;AACrE,EAAA,IAAI,EAAE,iBAD+D;AAErE,EAAA,cAAc,EAAE,iCAFqD;AAGrE,EAAA,cAAc,EAAE;AAHqD,CAA1D;AAMA,OAAA,CAAA,0BAAA,GAA6B;AACxC,EAAA,kBAAkB,EAAE;AADoB,CAA7B;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA,MAAlB;AAQA;;AAEG;;;AACI,MAAM,6BAA6B,GAAI,KAAD,IAA8C;AACzF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,qBAAA,CAAsB,IAAnC,EAAyC,MAAM,CAAC,IAAhD,EAAsD,KAAK,CAAC,IAAN,CAAW,SAAjE,CAAvB,CAFyF,CAIzF;AACA;;AAEA,MAAI,KAAK,CAAC,cAAV,EAA0B;AACxB,IAAA,KAAK,CAAC,cAAN,CAAqB,SAArB,GAAiC,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,qBAAA,CAAsB,cAAnC,EAAmD,KAAK,CAAC,cAAN,CAAqB,SAAxE,CAAjC;AACD;;AAED,MAAI,KAAK,CAAC,cAAV,EAA0B;AACxB,IAAA,KAAK,CAAC,cAAN,CAAqB,SAArB,GAAiC,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,qBAAA,CAAsB,cAAnC,EAAmD,KAAK,CAAC,cAAN,CAAqB,SAAxE,CAAjC;AACD;;AAED,SAAO,KAAP;AACD,CAhBM;;AAAM,OAAA,CAAA,6BAAA,GAA6B,6BAA7B","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { AvatarGroupSlots, AvatarGroupState } from './AvatarGroup.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const avatarGroupClassNames: SlotClassNames<AvatarGroupSlots> = {\n  root: 'fui-AvatarGroup',\n  popoverSurface: 'fui-AvatarGroup__popoverSurface',\n  popoverTrigger: 'fui-AvatarGroup__popoverTrigger',\n};\n\nexport const extraAvatarGroupClassNames = {\n  popoverSurfaceItem: 'fui-AvatarGroup__popoverSurfaceItem',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    // TODO Add default styles for the root element\n  },\n\n  // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the AvatarGroup slots based on the state\n */\nexport const useAvatarGroupStyles_unstable = (state: AvatarGroupState): AvatarGroupState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(avatarGroupClassNames.root, styles.root, state.root.className);\n\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n\n  if (state.popoverSurface) {\n    state.popoverSurface.className = mergeClasses(avatarGroupClassNames.popoverSurface, state.popoverSurface.className);\n  }\n\n  if (state.popoverTrigger) {\n    state.popoverTrigger.className = mergeClasses(avatarGroupClassNames.popoverTrigger, state.popoverTrigger.className);\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.js

@@ -3,10 +3,87 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.useAvatarGroup_unstable = exports.useAvatarGroupStyles_unstable = exports.renderAvatarGroup_unstable = exports.avatarGroupClassNames = exports.AvatarGroup = exports.getInitials = exports.useAvatar_unstable = exports.useAvatarStyles_unstable = exports.renderAvatar_unstable = exports.avatarClassNames = exports.avatarClassName = exports.Avatar = void 0;
 
-const tslib_1 = /*#__PURE__*/require("tslib");
+var Avatar_1 = /*#__PURE__*/require("./Avatar");
 
-tslib_1.__exportStar(require("./Avatar"), exports);
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () {
+    return Avatar_1.Avatar;
+  }
+}); // eslint-disable-next-line deprecation/deprecation
 
-tslib_1.__exportStar(require("./utils/index"), exports);
+Object.defineProperty(exports, "avatarClassName", {
+  enumerable: true,
+  get: function () {
+    return Avatar_1.avatarClassName;
+  }
+});
+Object.defineProperty(exports, "avatarClassNames", {
+  enumerable: true,
+  get: function () {
+    return Avatar_1.avatarClassNames;
+  }
+});
+Object.defineProperty(exports, "renderAvatar_unstable", {
+  enumerable: true,
+  get: function () {
+    return Avatar_1.renderAvatar_unstable;
+  }
+});
+Object.defineProperty(exports, "useAvatarStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return Avatar_1.useAvatarStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useAvatar_unstable", {
+  enumerable: true,
+  get: function () {
+    return Avatar_1.useAvatar_unstable;
+  }
+});
+
+var index_1 = /*#__PURE__*/require("./utils/index");
+
+Object.defineProperty(exports, "getInitials", {
+  enumerable: true,
+  get: function () {
+    return index_1.getInitials;
+  }
+});
+
+var AvatarGroup_1 = /*#__PURE__*/require("./AvatarGroup");
+
+Object.defineProperty(exports, "AvatarGroup", {
+  enumerable: true,
+  get: function () {
+    return AvatarGroup_1.AvatarGroup;
+  }
+});
+Object.defineProperty(exports, "avatarGroupClassNames", {
+  enumerable: true,
+  get: function () {
+    return AvatarGroup_1.avatarGroupClassNames;
+  }
+});
+Object.defineProperty(exports, "renderAvatarGroup_unstable", {
+  enumerable: true,
+  get: function () {
+    return AvatarGroup_1.renderAvatarGroup_unstable;
+  }
+});
+Object.defineProperty(exports, "useAvatarGroupStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return AvatarGroup_1.useAvatarGroupStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useAvatarGroup_unstable", {
+  enumerable: true,
+  get: function () {
+    return AvatarGroup_1.useAvatarGroup_unstable;
+  }
+});
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Avatar';\nexport * from './utils/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,QAAA,gBAAA,OAAA,CAAA,UAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,QAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,QAAA,CAAA,MAAA;AAAM;AAAN,CAAA,E,CACA;;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,QAAA,CAAA,eAAA;AAAe;AAAf,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,QAAA,CAAA,gBAAA;AAAgB;AAAhB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,QAAA,CAAA,qBAAA;AAAqB;AAArB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,0BAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,QAAA,CAAA,wBAAA;AAAwB;AAAxB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,oBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,QAAA,CAAA,kBAAA;AAAkB;AAAlB,CAAA;;AAGF,IAAA,OAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,aAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,WAAA;AAAW;AAAX,CAAA;;AACT,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,aAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,aAAA,CAAA,WAAA;AAAW;AAAX,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,aAAA,CAAA,qBAAA;AAAqB;AAArB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,4BAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,aAAA,CAAA,0BAAA;AAA0B;AAA1B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,+BAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,aAAA,CAAA,6BAAA;AAA6B;AAA7B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,aAAA,CAAA,uBAAA;AAAuB;AAAvB,CAAA","sourcesContent":["export {\n  Avatar,\n  // eslint-disable-next-line deprecation/deprecation\n  avatarClassName,\n  avatarClassNames,\n  renderAvatar_unstable,\n  useAvatarStyles_unstable,\n  useAvatar_unstable,\n} from './Avatar';\nexport type { AvatarNamedColor, AvatarProps, AvatarSlots, AvatarState, AvatarSizes } from './Avatar';\nexport { getInitials } from './utils/index';\nexport {\n  AvatarGroup,\n  avatarGroupClassNames,\n  renderAvatarGroup_unstable,\n  useAvatarGroupStyles_unstable,\n  useAvatarGroup_unstable,\n} from './AvatarGroup';\nexport type { AvatarGroupProps, AvatarGroupSlots, AvatarGroupState } from './AvatarGroup';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-avatar",
-  "version": "9.0.0-rc.5",
+  "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",
@@ -21,33 +21,27 @@
     "start": "yarn storybook",
     "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-avatar/src && yarn docs",
-    "storybook": "node ../../scripts/storybook/runner",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-avatar/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.3",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.5",
     "@fluentui/scripts": "^1.0.0",
-    "@types/enzyme": "3.10.3",
-    "@types/enzyme-adapter-react-16": "1.0.3",
-    "@types/react": "16.9.42",
-    "@types/react-dom": "16.9.10",
-    "@types/react-test-renderer": "^16.0.0",
-    "enzyme": "~3.10.0",
-    "enzyme-adapter-react-16": "^1.15.0",
-    "es6-weak-map": "^2.0.2",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "react-test-renderer": "^16.3.0"
+    "es6-weak-map": "^2.0.2"
   },
   "dependencies": {
-    "@fluentui/react-badge": "9.0.0-rc.5",
-    "@fluentui/react-icons": "^2.0.159-beta.10",
-    "@fluentui/react-theme": "9.0.0-rc.4",
-    "@fluentui/react-utilities": "9.0.0-rc.5",
-    "@griffel/react": "1.0.0",
+    "@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.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"
   },
   "peerDependencies": {

package/lib/Avatar.d.ts

@@ -1 +0,0 @@
-export * from './components/Avatar/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,107 +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: 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;
-    /**
-     * 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';
-/**
- * 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,3 +0,0 @@
-import type { AvatarState } from './Avatar.types';
-export declare const avatarClassName = "fui-Avatar";
-export declare const useAvatarStyles_unstable: (state: AvatarState) => AvatarState;

package/lib/index.d.ts

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

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/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,107 +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: 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;
-    /**
-     * 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';
-/**
- * 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,3 +0,0 @@
-import type { AvatarState } from './Avatar.types';
-export declare const avatarClassName = "fui-Avatar";
-export declare const useAvatarStyles_unstable: (state: AvatarState) => AvatarState;

package/lib-commonjs/index.d.ts

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

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';