@fluentui-react-native/experimental-avatar 0.14.23 → 0.14.26

package/lib/JSAvatarTokens.js

@@ -6,6 +6,11 @@ export var defaultJSAvatarTokens = function (t) {
         color: globalTokens.color.white,
         backgroundColor: globalTokens.color.cornflower.primary,
         avatarOpacity: 1,
+        fontFamily: t.typography.families.primary,
+        fontWeight: globalTokens.font.weight.semibold,
+        fontSize: globalTokens.font.size[200],
+        width: 24,
+        height: 24,
         circular: {
             borderRadius: globalTokens.corner.radius.circle,
         },
@@ -19,185 +24,266 @@ export var defaultJSAvatarTokens = function (t) {
             width: 20,
             height: 20,
             badgeSize: 'smallest',
-            iconSize: 10,
-            initialsSize: 16,
+            iconSize: 16,
+            fontSize: globalTokens.font.size[100],
+            square: {
+                borderRadius: globalTokens.corner.radius.small,
+            },
         },
         size24: {
             width: 24,
             height: 24,
             badgeSize: 'smallest',
-            iconSize: 10,
-            initialsSize: 16,
+            iconSize: 16,
+            fontSize: globalTokens.font.size[100],
+            square: {
+                borderRadius: globalTokens.corner.radius.small,
+            },
         },
         size28: {
             width: 28,
             height: 28,
             badgeSize: 'smaller',
-            iconSize: 16,
-            initialsSize: 20,
+            iconSize: 20,
+            fontWeight: globalTokens.font.weight.semibold,
+            fontSize: globalTokens.font.size[100],
         },
         size32: {
             width: 32,
             height: 32,
             badgeSize: 'smaller',
-            iconSize: 16,
-            initialsSize: 20,
+            iconSize: 20,
+            fontSize: globalTokens.font.size[100],
         },
         size36: {
             width: 36,
             height: 36,
             badgeSize: 'smaller',
-            iconSize: 16,
-            initialsSize: 20,
+            iconSize: 20,
         },
         size40: {
             width: 40,
             height: 40,
             badgeSize: 'small',
-            iconSize: 16,
-            initialsSize: 20,
+            iconSize: 20,
         },
         size48: {
             width: 48,
             height: 48,
             badgeSize: 'small',
-            iconSize: 20,
-            initialsSize: 24,
+            iconSize: 24,
         },
         size56: {
             width: 56,
             height: 56,
             badgeSize: 'medium',
-            iconSize: 24,
-            initialsSize: 28,
+            iconSize: 28,
+            fontSize: globalTokens.font.size[400],
+            square: {
+                borderRadius: globalTokens.corner.radius.large,
+            },
         },
         size64: {
             width: 64,
             height: 64,
             badgeSize: 'large',
-            iconSize: 28,
-            initialsSize: 32,
+            iconSize: 32,
+            fontSize: globalTokens.font.size[500],
+            square: {
+                borderRadius: globalTokens.corner.radius.large,
+            },
         },
         size72: {
             width: 72,
             height: 72,
             badgeSize: 'large',
-            iconSize: 28,
-            initialsSize: 32,
+            iconSize: 32,
+            fontSize: globalTokens.font.size[500],
+            square: {
+                borderRadius: globalTokens.corner.radius.large,
+            },
         },
         size96: {
             width: 96,
             height: 96,
             badgeSize: 'largest',
-            iconSize: 40,
-            initialsSize: 48,
+            iconSize: 48,
+            fontWeight: globalTokens.font.weight.regular,
+            fontSize: globalTokens.font.size[700],
+            square: {
+                borderRadius: globalTokens.corner.radius.extraLarge,
+            },
         },
         size120: {
             width: 120,
             height: 120,
             badgeSize: 'largest',
-            iconSize: 40,
-            initialsSize: 48,
+            iconSize: 48,
+            fontWeight: globalTokens.font.weight.regular,
+            fontSize: globalTokens.font.size[900],
+            square: {
+                borderRadius: globalTokens.corner.radius.extraLarge,
+            },
         },
         neutral: {
             backgroundColor: t.colors.neutralBackground6,
             color: t.colors.neutralForeground3,
-            ringColor: t.colors.defaultBorder,
+            borderColor: t.colors.defaultBorder,
         },
         brand: {
             backgroundColor: t.colors.brandBackgroundStatic,
             color: t.colors.neutralForegroundOnBrand,
-            ringColor: t.colors.brandedBorder,
+            borderColor: t.colors.brandedBorder,
         },
         darkRed: {
-            backgroundColor: globalTokens.color.darkRed.primary,
+            backgroundColor: globalTokens.color.darkRed.tint40,
+            color: globalTokens.color.darkRed.shade30,
+            borderColor: globalTokens.color.darkRed.primary,
         },
         cranberry: {
-            backgroundColor: globalTokens.color.cranberry.primary,
+            backgroundColor: globalTokens.color.cranberry.tint40,
+            color: globalTokens.color.cranberry.shade30,
+            borderColor: globalTokens.color.cranberry.primary,
         },
         red: {
-            backgroundColor: globalTokens.color.red.primary,
+            backgroundColor: globalTokens.color.red.tint40,
+            color: globalTokens.color.red.shade30,
+            borderColor: globalTokens.color.red.primary,
         },
         pumpkin: {
-            backgroundColor: globalTokens.color.pumpkin.primary,
+            backgroundColor: globalTokens.color.pumpkin.tint40,
+            color: globalTokens.color.pumpkin.shade30,
+            borderColor: globalTokens.color.pumpkin.primary,
         },
         peach: {
-            backgroundColor: globalTokens.color.peach.primary,
+            backgroundColor: globalTokens.color.peach.tint40,
+            color: globalTokens.color.peach.shade30,
+            borderColor: globalTokens.color.peach.primary,
         },
         marigold: {
-            backgroundColor: globalTokens.color.marigold.primary,
+            backgroundColor: globalTokens.color.marigold.tint40,
+            color: globalTokens.color.marigold.shade30,
+            borderColor: globalTokens.color.marigold.primary,
         },
         gold: {
-            backgroundColor: globalTokens.color.gold.primary,
+            backgroundColor: globalTokens.color.gold.tint40,
+            color: globalTokens.color.gold.shade30,
+            borderColor: globalTokens.color.gold.primary,
         },
         brass: {
-            backgroundColor: globalTokens.color.brass.primary,
+            backgroundColor: globalTokens.color.brass.tint40,
+            color: globalTokens.color.brass.shade30,
+            borderColor: globalTokens.color.brass.primary,
         },
         brown: {
-            backgroundColor: globalTokens.color.brown.primary,
+            backgroundColor: globalTokens.color.brown.tint40,
+            color: globalTokens.color.brown.shade30,
+            borderColor: globalTokens.color.brown.primary,
         },
         forest: {
-            backgroundColor: globalTokens.color.forest.primary,
+            backgroundColor: globalTokens.color.forest.tint40,
+            color: globalTokens.color.forest.shade30,
+            borderColor: globalTokens.color.forest.primary,
         },
         seafoam: {
-            backgroundColor: globalTokens.color.seafoam.primary,
+            backgroundColor: globalTokens.color.seafoam.tint40,
+            color: globalTokens.color.seafoam.shade30,
+            borderColor: globalTokens.color.seafoam.primary,
         },
         darkGreen: {
-            backgroundColor: globalTokens.color.darkGreen.primary,
+            backgroundColor: globalTokens.color.darkGreen.tint40,
+            color: globalTokens.color.darkGreen.shade30,
+            borderColor: globalTokens.color.darkGreen.primary,
         },
         lightTeal: {
-            backgroundColor: globalTokens.color.lightTeal.primary,
+            backgroundColor: globalTokens.color.lightTeal.tint40,
+            color: globalTokens.color.lightTeal.shade30,
+            borderColor: globalTokens.color.lightTeal.primary,
         },
         teal: {
-            backgroundColor: globalTokens.color.teal.primary,
+            backgroundColor: globalTokens.color.teal.tint40,
+            color: globalTokens.color.teal.shade30,
+            borderColor: globalTokens.color.teal.primary,
         },
         steel: {
-            backgroundColor: globalTokens.color.steel.primary,
+            backgroundColor: globalTokens.color.steel.tint40,
+            color: globalTokens.color.steel.shade30,
+            borderColor: globalTokens.color.steel.primary,
         },
         blue: {
-            backgroundColor: globalTokens.color.blue.primary,
+            backgroundColor: globalTokens.color.blue.tint40,
+            color: globalTokens.color.blue.shade30,
+            borderColor: globalTokens.color.blue.primary,
         },
         royalBlue: {
-            backgroundColor: globalTokens.color.royalBlue.primary,
+            backgroundColor: globalTokens.color.royalBlue.tint40,
+            color: globalTokens.color.royalBlue.shade30,
+            borderColor: globalTokens.color.royalBlue.primary,
         },
         cornflower: {
-            backgroundColor: globalTokens.color.cornflower.primary,
+            backgroundColor: globalTokens.color.cornflower.tint40,
+            color: globalTokens.color.cornflower.shade30,
+            borderColor: globalTokens.color.cornflower.primary,
         },
         navy: {
-            backgroundColor: globalTokens.color.navy.primary,
+            backgroundColor: globalTokens.color.navy.tint40,
+            color: globalTokens.color.navy.shade30,
+            borderColor: globalTokens.color.navy.primary,
         },
         lavender: {
-            backgroundColor: globalTokens.color.lavender.primary,
+            backgroundColor: globalTokens.color.lavender.tint40,
+            color: globalTokens.color.lavender.shade30,
+            borderColor: globalTokens.color.lavender.primary,
         },
         purple: {
-            backgroundColor: globalTokens.color.purple.primary,
+            backgroundColor: globalTokens.color.purple.tint40,
+            color: globalTokens.color.purple.shade30,
+            borderColor: globalTokens.color.purple.primary,
         },
         grape: {
-            backgroundColor: globalTokens.color.grape.primary,
+            backgroundColor: globalTokens.color.grape.tint40,
+            color: globalTokens.color.grape.shade30,
+            borderColor: globalTokens.color.grape.primary,
         },
         lilac: {
-            backgroundColor: globalTokens.color.lilac.primary,
+            backgroundColor: globalTokens.color.lilac.tint40,
+            color: globalTokens.color.lilac.shade30,
+            borderColor: globalTokens.color.lilac.primary,
         },
         pink: {
-            backgroundColor: globalTokens.color.pink.primary,
+            backgroundColor: globalTokens.color.pink.tint40,
+            color: globalTokens.color.pink.shade30,
+            borderColor: globalTokens.color.pink.primary,
         },
         magenta: {
-            backgroundColor: globalTokens.color.magenta.primary,
+            backgroundColor: globalTokens.color.magenta.tint40,
+            color: globalTokens.color.magenta.shade30,
+            borderColor: globalTokens.color.magenta.primary,
         },
         plum: {
-            backgroundColor: globalTokens.color.plum.primary,
+            backgroundColor: globalTokens.color.plum.tint40,
+            color: globalTokens.color.plum.shade30,
+            borderColor: globalTokens.color.plum.primary,
         },
         beige: {
-            backgroundColor: globalTokens.color.beige.primary,
+            backgroundColor: globalTokens.color.beige.tint40,
+            color: globalTokens.color.beige.shade30,
+            borderColor: globalTokens.color.beige.primary,
         },
         mink: {
-            backgroundColor: globalTokens.color.mink.primary,
+            backgroundColor: globalTokens.color.mink.tint40,
+            color: globalTokens.color.mink.shade30,
+            borderColor: globalTokens.color.mink.primary,
         },
         platinum: {
-            backgroundColor: globalTokens.color.platinum.primary,
+            backgroundColor: globalTokens.color.platinum.tint40,
+            color: globalTokens.color.platinum.shade30,
+            borderColor: globalTokens.color.platinum.primary,
         },
         anchor: {
-            backgroundColor: globalTokens.color.anchor.primary,
+            backgroundColor: globalTokens.color.anchor.tint40,
+            color: globalTokens.color.anchor.shade30,
+            borderColor: globalTokens.color.anchor.primary,
         },
     });
 };

package/lib/JSAvatarTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"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"}

package/lib/useAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAvatar.d.ts","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAiB,MAAM,kBAAkB,CAAC;AAG5E;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,UAAW,aAAa,KAAG,UAkChD,CAAC"}
+{"version":3,"file":"useAvatar.d.ts","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAiB,MAAM,kBAAkB,CAAC;AAG5E;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,UAAW,aAAa,KAAG,UAoChD,CAAC"}

package/lib/useAvatar.js

@@ -28,9 +28,10 @@ var __rest = (this && this.__rest) || function (s, e) {
  * @returns configured props and state for FURN Avatar
  */
 export var useAvatar = function (props) {
-    var active = props.active, accessibilityLabel = props.accessibilityLabel, activeAppearance = props.activeAppearance, badge = props.badge, src = props.src, ring = props.ring, shape = props.shape, rest = __rest(props, ["active", "accessibilityLabel", "activeAppearance", "badge", "src", "ring", "shape"]);
+    var active = props.active, accessibilityLabel = props.accessibilityLabel, activeAppearance = props.activeAppearance, badge = props.badge, ring = props.ring, src = props.src, shape = props.shape, rest = __rest(props, ["active", "accessibilityLabel", "activeAppearance", "badge", "ring", "src", "shape"]);
     var showRing = active === 'active' && activeAppearance === 'ring';
     var transparentRing = !!(ring === null || ring === void 0 ? void 0 : ring.transparent);
+    var showBadge = (!active || active === 'unset') && !!badge && !!badge.status;
     var imageProps = {
         accessibilityLabel: accessibilityLabel,
         source: src ? { uri: src } : undefined,
@@ -39,6 +40,7 @@ export var useAvatar = function (props) {
     var state = {
         showRing: showRing,
         transparentRing: transparentRing,
+        showBadge: showBadge,
     };
     return {
         props: __assign(__assign({ shape: shape || 'circular' }, rest), { active: active, activeAppearance: activeAppearance, image: imageProps, badge: badgeProps }),

package/lib/useAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAvatar.js","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAGA;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAoB;IACpC,IAAA,MAAM,GAA6E,KAAK,OAAlF,EAAE,kBAAkB,GAAyD,KAAK,mBAA9D,EAAE,gBAAgB,GAAuC,KAAK,iBAA5C,EAAE,KAAK,GAAgC,KAAK,MAArC,EAAE,GAAG,GAA2B,KAAK,IAAhC,EAAE,IAAI,GAAqB,KAAK,KAA1B,EAAE,KAAK,GAAc,KAAK,MAAnB,EAAK,IAAI,UAAK,KAAK,EAA1F,qFAAkF,CAAF,CAAW;IAEjG,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,IAAI,gBAAgB,KAAK,MAAM,CAAC;IACpE,IAAM,eAAe,GAAG,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAA,CAAC;IAE5C,IAAM,UAAU,GAAe;QAC7B,kBAAkB,oBAAA;QAClB,MAAM,EAAE,GAAG,CAAC,CAAC,CAAE,EAAE,GAAG,EAAE,GAAG,EAA0B,CAAC,CAAC,CAAC,SAAS;KAChE,CAAC;IAEF,IAAM,UAAU,cACd,IAAI,EAAE,OAAO,IACV,KAAK,CACT,CAAC;IAEF,IAAM,KAAK,GAAkB;QAC3B,QAAQ,UAAA;QACR,eAAe,iBAAA;KAChB,CAAC;IAEF,OAAO;QACL,KAAK,sBACH,KAAK,EAAE,KAAK,IAAI,UAAU,IACvB,IAAI,KACP,MAAM,QAAA,EACN,gBAAgB,kBAAA,EAChB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,GAClB;QACD,KAAK,eACA,KAAK,CACT;KACF,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useAvatar.js","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAGA;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAoB;IACpC,IAAA,MAAM,GAA6E,KAAK,OAAlF,EAAE,kBAAkB,GAAyD,KAAK,mBAA9D,EAAE,gBAAgB,GAAuC,KAAK,iBAA5C,EAAE,KAAK,GAAgC,KAAK,MAArC,EAAE,IAAI,GAA0B,KAAK,KAA/B,EAAE,GAAG,GAAqB,KAAK,IAA1B,EAAE,KAAK,GAAc,KAAK,MAAnB,EAAK,IAAI,UAAK,KAAK,EAA1F,qFAAkF,CAAF,CAAW;IAEjG,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,IAAI,gBAAgB,KAAK,MAAM,CAAC;IACpE,IAAM,eAAe,GAAG,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAA,CAAC;IAC5C,IAAM,SAAS,GAAG,CAAC,CAAC,MAAM,IAAI,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IAE/E,IAAM,UAAU,GAAe;QAC7B,kBAAkB,oBAAA;QAClB,MAAM,EAAE,GAAG,CAAC,CAAC,CAAE,EAAE,GAAG,EAAE,GAAG,EAA0B,CAAC,CAAC,CAAC,SAAS;KAChE,CAAC;IAEF,IAAM,UAAU,cACd,IAAI,EAAE,OAAO,IACV,KAAK,CACT,CAAC;IAEF,IAAM,KAAK,GAAkB;QAC3B,QAAQ,UAAA;QACR,eAAe,iBAAA;QACf,SAAS,WAAA;KACV,CAAC;IAEF,OAAO;QACL,KAAK,sBACH,KAAK,EAAE,KAAK,IAAI,UAAU,IACvB,IAAI,KACP,MAAM,QAAA,EACN,gBAAgB,kBAAA,EAChB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,GAClB;QACD,KAAK,eACA,KAAK,CACT;KACF,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/JSAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQ5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAY5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAoCnB,CAAC"}
+{"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQ5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAa5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAqCnB,CAAC"}

package/lib-commonjs/JSAvatar.js

@@ -41,14 +41,15 @@ var interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
  * @returns Whether the styles that are assigned to the layer should be applied to the avatar
  */
 var avatarLookup = function (layer, state, userProps) {
+    var avatarSize = "size".concat(userProps.size || 24);
     return (state[layer] ||
         userProps[layer] ||
         layer === userProps['shape'] ||
         (!userProps['shape'] && layer === 'circular') ||
         layer === userProps['avatarColor'] ||
-        (!userProps['avatarColor'] && layer === 'brand') ||
-        layer === userProps['size'] ||
-        (!userProps['size'] && layer === 'size56') ||
+        (!userProps['avatarColor'] && layer === 'neutral') ||
+        layer === avatarSize ||
+        (!userProps['size'] && layer === 'size24') ||
         (userProps.active === 'inactive' && layer === 'inactive'));
 };
 exports.avatarLookup = avatarLookup;
@@ -63,14 +64,15 @@ exports.JSAvatar = (0, framework_1.compose)(__assign(__assign({ displayName: JSA
     }, useRender: function (userProps, useSlots) {
         var avatar = (0, useAvatar_1.useAvatar)(userProps);
         var iconProps = (0, interactive_hooks_1.createIconProps)(userProps.icon);
-        var Slots = useSlots(userProps, function (layer) { return (0, exports.avatarLookup)(layer, avatar.state, userProps); });
+        var Slots = useSlots(avatar.props, function (layer) { return (0, exports.avatarLookup)(layer, avatar.state, avatar.props); });
         return function (final) {
             var _a = (0, framework_1.mergeProps)(avatar.props, final), activeAppearance = _a.activeAppearance, icon = _a.icon, initials = _a.initials, image = _a.image, badge = _a.badge, mergedProps = __rest(_a, ["activeAppearance", "icon", "initials", "image", "badge"]);
-            var _b = avatar.state, showRing = _b.showRing, transparentRing = _b.transparentRing;
+            var _b = avatar.state, showRing = _b.showRing, transparentRing = _b.transparentRing, showBadge = _b.showBadge;
+            var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
             return ((0, framework_1.withSlots)(Slots.root, __assign({}, mergedProps),
                 image.source ? ((0, framework_1.withSlots)(Slots.image, __assign({}, image))) : ((0, framework_1.withSlots)(Slots.initialsBackground, null, initials ? (0, framework_1.withSlots)(Slots.initials, null, initials) : userProps.icon && (0, framework_1.withSlots)(Slots.icon, __assign({}, iconProps)))),
                 showRing && !transparentRing && (0, framework_1.withSlots)(Slots.ring, null),
-                badge.status && (0, framework_1.withSlots)(Slots.badge, __assign({}, badge))));
+                svgIconsEnabled && showBadge && (0, framework_1.withSlots)(Slots.badge, __assign({}, badge))));
         };
     } }));
 //# sourceMappingURL=JSAvatar.js.map

package/lib-commonjs/JSAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,6CAAiD;AACjD,mDAA4F;AAC5F,uDAAqD;AACrD,8DAA4F;AAC5F,yCAAwC;AACxC,sDAA6D;AAC7D,oDAAmD;AACnD,8EAA2E;AAE3E;;;;;;;GAOG;AACI,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,KAAoB,EAAE,SAAwB;IACxF,OAAO,CACL,KAAK,CAAC,KAAK,CAAC;QACZ,SAAS,CAAC,KAAK,CAAC;QAChB,KAAK,KAAK,SAAS,CAAC,OAAO,CAAC;QAC5B,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,KAAK,KAAK,UAAU,CAAC;QAC7C,KAAK,KAAK,SAAS,CAAC,aAAa,CAAC;QAClC,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,KAAK,KAAK,OAAO,CAAC;QAChD,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC;QAC3B,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,KAAK,KAAK,QAAQ,CAAC;QAC1C,CAAC,SAAS,CAAC,MAAM,KAAK,UAAU,IAAI,KAAK,KAAK,UAAU,CAAC,CAC1D,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,YAAY,gBAYvB;AAEW,QAAA,QAAQ,GAAG,IAAA,mBAAO,sBAC7B,WAAW,EAAE,6BAAY,IACtB,kCAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;QACV,KAAK,EAAE,oBAAK;QACZ,QAAQ,EAAE,mBAAI;QACd,kBAAkB,EAAE,mBAAI;QACxB,IAAI,EAAE,WAAI;QACV,IAAI,EAAE,mBAAI;QACV,KAAK,EAAE,qBAAa;KACrB,EACD,SAAS,EAAE,UAAC,SAAwB,EAAE,QAAgC;QACpE,IAAM,MAAM,GAAG,IAAA,qBAAS,EAAC,SAAS,CAAC,CAAC;QACpC,IAAM,SAAS,GAAG,IAAA,mCAAe,EAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAClD,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,UAAC,KAAK,IAAK,OAAA,IAAA,oBAAY,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAA5C,CAA4C,CAAC,CAAC;QAE3F,OAAO,UAAC,KAAoB;YAC1B,IAAM,KAAqE,IAAA,sBAAU,EAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EAAlG,gBAAgB,sBAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAK,WAAW,cAAhE,0DAAkE,CAAkC,CAAC;YACrG,IAAA,KAAgC,MAAM,CAAC,KAAK,EAA1C,QAAQ,cAAA,EAAE,eAAe,qBAAiB,CAAC;YAEnD,OAAO,CACL,2BAAC,KAAK,CAAC,IAAI,eAAK,WAAW;gBACxB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,2BAAC,KAAK,CAAC,KAAK,eAAK,KAAK,EAAI,CAC3B,CAAC,CAAC,CAAC,CACF,2BAAC,KAAK,CAAC,kBAAkB,QACtB,QAAQ,CAAC,CAAC,CAAC,2BAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,2BAAC,KAAK,CAAC,IAAI,eAAK,SAAS,EAAI,CAChF,CAC5B;gBACA,QAAQ,IAAI,CAAC,eAAe,IAAI,2BAAC,KAAK,CAAC,IAAI,OAAG;gBAC9C,KAAK,CAAC,MAAM,IAAI,2BAAC,KAAK,CAAC,KAAK,eAAK,KAAK,EAAI,CAChC,CACd,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,IACD,CAAC"}
+{"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/JSAvatar.styling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,eAAe,EAAE,aAAa,EAA6B,MAAM,kBAAkB,CAAC;AAC3H,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAAwE,CAAC;AAE1H,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAyG7F,CAAC"}
+{"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,eAAe,EAAE,aAAa,EAAsC,MAAM,kBAAkB,CAAC;AACpI,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAAiF,CAAC;AAEnI,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAwG7F,CAAC"}

package/lib-commonjs/JSAvatar.styling.js

@@ -31,7 +31,7 @@ var nameMap = {
     center: 'center',
     end: 'flex-end',
 };
-exports.avatarStates = __spreadArray(__spreadArray(__spreadArray([], JSAvatar_types_1.AvatarColors, true), JSAvatar_types_1.AvatarSizes, true), ['circular', 'square', 'inactive'], false);
+exports.avatarStates = __spreadArray(__spreadArray(__spreadArray([], JSAvatar_types_1.AvatarColors, true), JSAvatar_types_1.AvatarSizesForTokens, true), ['circular', 'square', 'inactive'], false);
 exports.stylingSettings = {
     tokens: [JSAvatarTokens_1.defaultJSAvatarTokens, JSAvatar_types_1.JSAvatarName],
     states: exports.avatarStates,
@@ -51,14 +51,11 @@ exports.stylingSettings = {
                 },
             };
         }, ['horizontalIconAlignment', 'verticalIconAlignment', 'avatarOpacity', 'height', 'width']),
-        initials: (0, framework_1.buildProps)(function (tokens) {
+        initials: (0, framework_1.buildProps)(function (tokens, theme) {
             return {
-                style: {
-                    fontSize: tokens.initialsSize,
-                    color: tokens.color,
-                },
+                style: __assign(__assign({}, tokens_1.fontStyles.from(tokens, theme)), { color: tokens.color }),
             };
-        }, ['initialsSize', 'color']),
+        }, __spreadArray(['color'], tokens_1.fontStyles.keys, true)),
         initialsBackground: (0, framework_1.buildProps)(function (tokens, theme) {
             var backgroundColor = tokens.backgroundColor;
             return {
@@ -86,15 +83,15 @@ exports.stylingSettings = {
         ring: (0, framework_1.buildProps)(function (tokens, theme) {
             var ringConfig = (0, JSAvatar_helpers_1.getRingConfig)(tokens.width);
             return {
-                style: __assign({ borderStyle: 'solid', borderColor: tokens.ringColor, borderWidth: ringConfig.stroke, width: ringConfig.size, height: ringConfig.size, position: 'absolute', top: -ringConfig.stroke * 2, left: -ringConfig.stroke * 2 }, tokens_1.borderStyles.from(tokens, theme)),
+                style: __assign({ borderStyle: 'solid', borderWidth: ringConfig.stroke, width: ringConfig.size, height: ringConfig.size, position: 'absolute', top: -ringConfig.stroke * 2, left: -ringConfig.stroke * 2 }, tokens_1.borderStyles.from(tokens, theme)),
             };
-        }, __spreadArray(['width', 'height', 'ringColor'], tokens_1.borderStyles.keys, true)),
+        }, __spreadArray(['width', 'height'], tokens_1.borderStyles.keys, true)),
         badge: (0, framework_1.buildProps)(function (tokens) {
             return {
                 size: tokens.badgeSize,
                 shape: 'circular',
             };
-        }, ['size']),
+        }, ['badgeSize']),
     },
 };
 //# sourceMappingURL=JSAvatar.styling.js.map

package/lib-commonjs/JSAvatar.styling.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/JSAvatar.types.d.ts

@@ -1,10 +1,11 @@
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import { ImageProps, ViewProps, TextProps, ColorValue } from 'react-native';
-import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
+import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens, FontTokens } from '@fluentui-react-native/tokens';
 import { BadgeProps, PresenceBadgeProps, BadgeSize } from '@fluentui-react-native/badge';
 import { IconProps, IconSourcesType } from '@fluentui-react-native/icon';
 export declare const JSAvatarName = "Avatar";
-export declare const AvatarSizes: readonly ["size20", "size24", "size28", "size32", "size36", "size40", "size48", "size56", "size64", "size72", "size96", "size120"];
+export declare const AvatarSizesForTokens: readonly ["size20", "size24", "size28", "size32", "size36", "size40", "size48", "size56", "size64", "size72", "size96", "size120"];
+export declare const AvatarSizes: readonly [20, 24, 28, 32, 36, 40, 48, 56, 64, 72, 96, 120];
 /**
  * Sets color of the avatar when there is no picture. Uses fluent color names
  */
@@ -19,7 +20,6 @@ export declare type IconAlignment = 'start' | 'center' | 'end';
 export interface RingConfig {
     accent?: boolean;
     transparent?: boolean;
-    ringColor?: ColorValue;
     ringBackgroundColor?: ColorValue;
     ringThickness?: number;
     innerGap?: number;
@@ -35,13 +35,30 @@ export interface AvatarConfigurableProps {
      * @defaultvalue neutral
      */
     avatarColor?: AvatarColor;
-    size?: AvatarSize;
     ring?: RingConfig;
 }
 export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
+    /**
+     * 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?: AvatarActive;
+    /**
+     * The appearance when `active="active"`
+     *
+     * @defaultvalue ring
+     */
     activeAppearance?: AvatarActiveAppearance;
     badge?: PresenceBadgeProps;
+    /**
+     * 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?: IconSourcesType;
     /**
      * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
@@ -49,14 +66,40 @@ export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
      */
     idForColor?: string | undefined;
     image?: ImageProps;
+    /**
+     * (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?: string;
+    /**
+     * 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.
+     *
+     * @defaultvalue 24
+     */
+    size?: AvatarSize;
+    /**
+     * The avatar can have a circular or square shape.
+     * @defaultvalue circular
+     */
     shape?: AvatarShape;
     src?: string;
 }
-export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens {
+export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens, FontTokens {
     iconSize?: number;
-    initialsSize?: number;
     height?: number;
     horizontalIconAlignment?: IconAlignment;
     verticalIconAlignment?: IconAlignment;
@@ -64,7 +107,6 @@ export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColor
     square?: JSAvatarTokens;
     inactive?: JSAvatarTokens;
     avatarOpacity?: number;
-    ringColor?: ColorValue;
     size20?: JSAvatarTokens;
     size24?: JSAvatarTokens;
     size28?: JSAvatarTokens;
@@ -124,6 +166,7 @@ export interface AvatarSlotProps {
 export interface JSAvatarState {
     showRing: boolean;
     transparentRing: boolean;
+    showBadge: boolean;
 }
 export interface AvatarInfo {
     props: JSAvatarProps;