@fluentui-react-native/tester 0.59.35 → 0.59.36

package/CHANGELOG.json

@@ -2,7 +2,28 @@
   "name": "@fluentui-react-native/tester",
   "entries": [
     {
-      "date": "Mon, 02 May 2022 23:05:30 GMT",
+      "date": "Wed, 04 May 2022 09:56:29 GMT",
+      "tag": "@fluentui-react-native/tester_v0.59.36",
+      "version": "0.59.36",
+      "comments": {
+        "patch": [
+          {
+            "author": "v.kozova13@gmail.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "e234b88cdff692b01168fd190678f297f5d79c89",
+            "comment": "Changed colors for the Avatar"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/experimental-avatar to v0.14.22",
+            "commit": "e234b88cdff692b01168fd190678f297f5d79c89"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 02 May 2022 23:05:40 GMT",
       "tag": "@fluentui-react-native/tester_v0.59.35",
       "version": "0.59.35",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui-react-native/tester
 
-This log was last generated on Mon, 02 May 2022 23:05:30 GMT and should not be manually modified.
+This log was last generated on Wed, 04 May 2022 09:56:29 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.59.36
+
+Wed, 04 May 2022 09:56:29 GMT
+
+### Patches
+
+- Changed colors for the Avatar (v.kozova13@gmail.com)
+- Bump @fluentui-react-native/experimental-avatar to v0.14.22
+
 ## 0.59.35
 
-Mon, 02 May 2022 23:05:30 GMT
+Mon, 02 May 2022 23:05:40 GMT
 
 ### Patches
 

package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA8DxE,eAAO,MAAM,aAAa,EAAE,iBA+E3B,CAAC"}
+{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAsCxE,eAAO,MAAM,aAAa,EAAE,iBA6E3B,CAAC"}

package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js

@@ -1,37 +1,15 @@
 import { __assign, __spreadArray } from "tslib";
 import React, { useState, useCallback } from 'react';
-import { AvatarSizes, JSAvatar, } from '@fluentui-react-native/experimental-avatar';
+import { AvatarSizes, AvatarColors, JSAvatar, } from '@fluentui-react-native/experimental-avatar';
 import { PresenceBadgeStatuses } from '@fluentui-react-native/badge';
 import { Switch, View, Text, Picker, Platform } from 'react-native';
 import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 import { useTheme } from '@fluentui-react-native/theme-types';
 var avatarActive = ['unset', 'active', 'inactive'];
+var avatarColors = __spreadArray(['neutral', 'brand', 'colorful'], AvatarColors, true);
 var avatarActiveAppearance = ['ring', 'shadow', 'glow', 'ring-shadow', 'ring-glow'];
 var allSizes = __spreadArray([undefinedText], AvatarSizes, true);
-var allColors = [
-    undefinedText,
-    'cornflower',
-    'blue',
-    'royalBlue',
-    'teal',
-    'forest',
-    'darkGreen',
-    'berry',
-    'hotPink',
-    'grape',
-    'purple',
-    'pumpkin',
-    'red',
-    'burgundy',
-    'orchid',
-    'brass',
-    'darkRed',
-    'beige',
-    'platinum',
-    'steel',
-    'brown',
-];
 var allPresences = __spreadArray([undefinedText], PresenceBadgeStatuses, true);
 var StyledPicker = function (props) {
     var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
@@ -40,22 +18,20 @@ var StyledPicker = function (props) {
     return (React.createElement(Picker, { prompt: prompt, style: pickerStyles, selectedValue: selected, onValueChange: onChange }, collection.map(function (value, index) { return (React.createElement(Picker.Item, { label: value, key: index, value: value })); })));
 };
 export var StandardUsage = function () {
-    var tokens = {};
     var _a = useState(false), isSquare = _a[0], setSquare = _a[1];
     var _b = useState(true), showImage = _b[0], setShowImage = _b[1];
     var _c = useState('unset'), active = _c[0], setActive = _c[1];
     var _d = useState('ring'), activeAppearance = _d[0], setActiveAppearance = _d[1];
     var _e = useState('size72'), imageSize = _e[0], setImageSize = _e[1];
-    var _f = useState('brass'), coinColor = _f[0], setCoinColor = _f[1];
-    var _g = useState('available'), presence = _g[0], setPresence = _g[1];
+    var _f = useState('available'), presence = _f[0], setPresence = _f[1];
+    var _g = useState('brass'), avatarColor = _g[0], setAvatarColor = _g[1];
     var onActiveChange = useCallback(function (value) { return setActive(value); }, []);
     var onActiveAppearanceChange = useCallback(function (value) { return setActiveAppearance(value); }, []);
+    var onAvatarColorChange = useCallback(function (value) { return setAvatarColor(value); }, []);
     var onSizeChange = useCallback(function (value) { return setImageSize(value); }, []);
-    var onColorChange = useCallback(function (value) { return setCoinColor(value); }, []);
     var onPresenceChange = useCallback(function (value) { return setPresence(value); }, []);
     var theme = useTheme();
     var textStyles = { color: theme.colors.inputText };
-    tokens.backgroundColor = coinColor;
     var fontBuiltInProps = {
         fontFamily: 'Arial',
         codepoint: 0x2663,
@@ -73,9 +49,9 @@ export var StandardUsage = function () {
             React.createElement(StyledPicker, { prompt: "Size", selected: imageSize, onChange: onSizeChange, collection: allSizes }),
             React.createElement(StyledPicker, { prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
             active === 'active' ? (React.createElement(StyledPicker, { prompt: "Active appearance", selected: activeAppearance, onChange: onActiveAppearanceChange, collection: avatarActiveAppearance })) : null,
-            React.createElement(StyledPicker, { prompt: "Coin color", selected: coinColor, onChange: onColorChange, collection: allColors }),
+            React.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
             React.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
-        React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, initials: "SN", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: presence === undefinedText ? undefined : presence }, src: showImage ? satyaPhotoUrl : undefined, coinColorFluent: coinColor === undefinedText ? undefined : coinColor }),
-        svgIconsEnabled && (React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Icon", icon: { fontSource: __assign({}, fontBuiltInProps), color: 'white' }, coinColorFluent: coinColor === undefinedText ? undefined : coinColor }))));
+        React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, initials: "SN", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: presence === undefinedText ? undefined : presence }, src: showImage ? satyaPhotoUrl : undefined, avatarColor: avatarColor }),
+        svgIconsEnabled && (React.createElement(JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Icon", icon: { fontSource: __assign({}, fontBuiltInProps), color: 'white' }, avatarColor: avatarColor }))));
 };
 //# sourceMappingURL=BasicAvatar.js.map

package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js.map

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

package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAwIlC,CAAC"}
+{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAyHlC,CAAC"}

package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js

@@ -12,15 +12,13 @@ export var CustomizeUsage = function () {
     var _c = React.useState(), textColor = _c[0], setTextColor = _c[1];
     var _d = React.useState(96), size = _d[0], setSize = _d[1];
     var _e = React.useState(24), iconSize = _e[0], setIconSize = _e[1];
-    var _f = React.useState(2), iconStrokeWidth = _f[0], setIconStrokeWidth = _f[1];
-    var _g = React.useState(undefined), iconStrokeColor = _g[0], setIconStrokeColor = _g[1];
-    var _h = React.useState(14), initialsSize = _h[0], setInitialsSize = _h[1];
-    var _j = React.useState(), horizontalAlignment = _j[0], setHorizontalAlignment = _j[1];
-    var _k = React.useState(), verticalAlignment = _k[0], setVerticalAlignment = _k[1];
-    var _l = React.useState('red'), ringColor = _l[0], setRingColor = _l[1];
-    var _m = React.useState(undefined), ringBackgroundColor = _m[0], setRingBackgroundColor = _m[1];
-    var _o = React.useState(true), showRing = _o[0], setShowRing = _o[1];
-    var _p = React.useState(false), transparent = _p[0], setTransparent = _p[1];
+    var _f = React.useState(14), initialsSize = _f[0], setInitialsSize = _f[1];
+    var _g = React.useState(), horizontalAlignment = _g[0], setHorizontalAlignment = _g[1];
+    var _h = React.useState(), verticalAlignment = _h[0], setVerticalAlignment = _h[1];
+    var _j = React.useState('red'), ringColor = _j[0], setRingColor = _j[1];
+    var _k = React.useState(undefined), ringBackgroundColor = _k[0], setRingBackgroundColor = _k[1];
+    var _l = React.useState(true), showRing = _l[0], setShowRing = _l[1];
+    var _m = React.useState(false), transparent = _m[0], setTransparent = _m[1];
     var theme = useTheme();
     var textBoxBorderStyle = {
         borderColor: theme.colors.inputBorder,
@@ -32,14 +30,12 @@ export var CustomizeUsage = function () {
             horizontalIconAlignment: horizontalAlignment,
             verticalIconAlignment: verticalAlignment,
             iconSize: iconSize,
-            iconStrokeWidth: iconStrokeWidth,
-            iconStrokeColor: iconStrokeColor,
             initialsSize: initialsSize,
             width: size,
             height: size,
         };
         return JSAvatar.customize(tokens);
-    }, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, iconStrokeWidth, iconStrokeColor, initialsSize, size]);
+    }, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, initialsSize, size]);
     return (React.createElement(View, { style: commonStyles.root },
         React.createElement(View, { style: commonStyles.settings },
             React.createElement(View, { style: commonStyles.switch },
@@ -57,9 +53,6 @@ export var CustomizeUsage = function () {
             React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
                     setTextColor(e.nativeEvent.text);
                 } }),
-            React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Icon stroke color", blurOnSubmit: true, onSubmitEditing: function (e) {
-                    setIconStrokeColor(e.nativeEvent.text);
-                } }),
             React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Ring color", blurOnSubmit: true, onSubmitEditing: function (e) {
                     setRingColor(e.nativeEvent.text);
                 } }),
@@ -72,8 +65,6 @@ export var CustomizeUsage = function () {
             React.createElement(Slider, { minimum: 8, maximum: 200, initialValue: 80, style: commonStyles.vmargin, onChange: setSize }),
             React.createElement(Text, null, "Icon size"),
             React.createElement(Slider, { minimum: 8, maximum: 100, initialValue: 24, style: commonStyles.vmargin, onChange: setIconSize }),
-            React.createElement(Text, null, "Icon stroke width"),
-            React.createElement(Slider, { minimum: 0, maximum: 8, initialValue: 2, style: commonStyles.vmargin, onChange: setIconStrokeWidth }),
             React.createElement(Text, null, "Font size"),
             React.createElement(Slider, { minimum: 5, maximum: 50, initialValue: 14, style: commonStyles.vmargin, onChange: setInitialsSize })),
         React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", initials: "SB", accessibilityLabel: "Former CEO of Microsoft", badge: { status: 'blocked' }, src: showImage ? steveBallmerPhotoUrl : undefined, ring: showRing

package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map

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

package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA8DxE,eAAO,MAAM,aAAa,EAAE,iBA+E3B,CAAC"}
+{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAsCxE,eAAO,MAAM,aAAa,EAAE,iBA6E3B,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.js

@@ -10,31 +10,9 @@ var styles_1 = require("./../PersonaCoin/styles");
 var styles_2 = require("../Common/styles");
 var theme_types_1 = require("@fluentui-react-native/theme-types");
 var avatarActive = ['unset', 'active', 'inactive'];
+var avatarColors = (0, tslib_1.__spreadArray)(['neutral', 'brand', 'colorful'], experimental_avatar_1.AvatarColors, true);
 var avatarActiveAppearance = ['ring', 'shadow', 'glow', 'ring-shadow', 'ring-glow'];
 var allSizes = (0, tslib_1.__spreadArray)([styles_1.undefinedText], experimental_avatar_1.AvatarSizes, true);
-var allColors = [
-    styles_1.undefinedText,
-    'cornflower',
-    'blue',
-    'royalBlue',
-    'teal',
-    'forest',
-    'darkGreen',
-    'berry',
-    'hotPink',
-    'grape',
-    'purple',
-    'pumpkin',
-    'red',
-    'burgundy',
-    'orchid',
-    'brass',
-    'darkRed',
-    'beige',
-    'platinum',
-    'steel',
-    'brown',
-];
 var allPresences = (0, tslib_1.__spreadArray)([styles_1.undefinedText], badge_1.PresenceBadgeStatuses, true);
 var StyledPicker = function (props) {
     var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
@@ -43,22 +21,20 @@ var StyledPicker = function (props) {
     return (react_1.default.createElement(react_native_1.Picker, { prompt: prompt, style: pickerStyles, selectedValue: selected, onValueChange: onChange }, collection.map(function (value, index) { return (react_1.default.createElement(react_native_1.Picker.Item, { label: value, key: index, value: value })); })));
 };
 var StandardUsage = function () {
-    var tokens = {};
     var _a = (0, react_1.useState)(false), isSquare = _a[0], setSquare = _a[1];
     var _b = (0, react_1.useState)(true), showImage = _b[0], setShowImage = _b[1];
     var _c = (0, react_1.useState)('unset'), active = _c[0], setActive = _c[1];
     var _d = (0, react_1.useState)('ring'), activeAppearance = _d[0], setActiveAppearance = _d[1];
     var _e = (0, react_1.useState)('size72'), imageSize = _e[0], setImageSize = _e[1];
-    var _f = (0, react_1.useState)('brass'), coinColor = _f[0], setCoinColor = _f[1];
-    var _g = (0, react_1.useState)('available'), presence = _g[0], setPresence = _g[1];
+    var _f = (0, react_1.useState)('available'), presence = _f[0], setPresence = _f[1];
+    var _g = (0, react_1.useState)('brass'), avatarColor = _g[0], setAvatarColor = _g[1];
     var onActiveChange = (0, react_1.useCallback)(function (value) { return setActive(value); }, []);
     var onActiveAppearanceChange = (0, react_1.useCallback)(function (value) { return setActiveAppearance(value); }, []);
+    var onAvatarColorChange = (0, react_1.useCallback)(function (value) { return setAvatarColor(value); }, []);
     var onSizeChange = (0, react_1.useCallback)(function (value) { return setImageSize(value); }, []);
-    var onColorChange = (0, react_1.useCallback)(function (value) { return setCoinColor(value); }, []);
     var onPresenceChange = (0, react_1.useCallback)(function (value) { return setPresence(value); }, []);
     var theme = (0, theme_types_1.useTheme)();
     var textStyles = { color: theme.colors.inputText };
-    tokens.backgroundColor = coinColor;
     var fontBuiltInProps = {
         fontFamily: 'Arial',
         codepoint: 0x2663,
@@ -76,10 +52,10 @@ var StandardUsage = function () {
             react_1.default.createElement(StyledPicker, { prompt: "Size", selected: imageSize, onChange: onSizeChange, collection: allSizes }),
             react_1.default.createElement(StyledPicker, { prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
             active === 'active' ? (react_1.default.createElement(StyledPicker, { prompt: "Active appearance", selected: activeAppearance, onChange: onActiveAppearanceChange, collection: avatarActiveAppearance })) : null,
-            react_1.default.createElement(StyledPicker, { prompt: "Coin color", selected: coinColor, onChange: onColorChange, collection: allColors }),
+            react_1.default.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
             react_1.default.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
-        react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, initials: "SN", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: presence === styles_1.undefinedText ? undefined : presence }, src: showImage ? styles_1.satyaPhotoUrl : undefined, coinColorFluent: coinColor === styles_1.undefinedText ? undefined : coinColor }),
-        svgIconsEnabled && (react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Icon", icon: { fontSource: (0, tslib_1.__assign)({}, fontBuiltInProps), color: 'white' }, coinColorFluent: coinColor === styles_1.undefinedText ? undefined : coinColor }))));
+        react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, initials: "SN", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: presence === styles_1.undefinedText ? undefined : presence }, src: showImage ? styles_1.satyaPhotoUrl : undefined, avatarColor: avatarColor }),
+        svgIconsEnabled && (react_1.default.createElement(experimental_avatar_1.JSAvatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Icon", icon: { fontSource: (0, tslib_1.__assign)({}, fontBuiltInProps), color: 'white' }, avatarColor: avatarColor }))));
 };
 exports.StandardUsage = StandardUsage;
 //# sourceMappingURL=BasicAvatar.js.map

package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":";;;;AAAA,0DAAwE;AACxE,kFAOoD;AACpD,sDAA0F;AAC1F,6CAAgF;AAChF,kDAAuE;AACvE,2CAAoE;AACpE,kEAA8D;AAK9D,IAAM,YAAY,GAAmB,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;AACrE,IAAM,sBAAsB,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;AAEhH,IAAM,QAAQ,+BAAiC,sBAAa,GAAK,iCAAW,OAAC,CAAC;AAE9E,IAAM,SAAS,GAAiC;IAC9C,sBAAa;IACb,YAAY;IACZ,MAAM;IACN,WAAW;IACX,MAAM;IACN,QAAQ;IACR,WAAW;IACX,OAAO;IACP,SAAS;IACT,OAAO;IACP,QAAQ;IACR,SAAS;IACT,KAAK;IACL,UAAU;IACV,QAAQ;IACR,OAAO;IACP,SAAS;IACT,OAAO;IACP,UAAU;IACV,OAAO;IACP,OAAO;CACR,CAAC;AAEF,IAAM,YAAY,+BAA0C,sBAAa,GAAK,6BAAqB,OAAC,CAAC;AAErG,IAAM,YAAY,GAAG,UAAC,KAAK;IACjB,IAAA,MAAM,GAAqC,KAAK,OAA1C,EAAE,QAAQ,GAA2B,KAAK,SAAhC,EAAE,QAAQ,GAAiB,KAAK,SAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;IACzD,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;IACzB,IAAM,YAAY,2BAAK,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,IAAK,yBAAY,CAAC,MAAM,CAAE,CAAC;IAC7F,OAAO,CACL,8BAAC,qBAAM,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAC1F,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAChC,8BAAC,qBAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxD,EAFiC,CAEjC,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEK,IAAM,aAAa,GAAsB;IAC9C,IAAM,MAAM,GAAmB,EAAE,CAAC;IAC5B,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,QAAQ,QAAA,EAAE,SAAS,QAAmB,CAAC;IACxC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAC3C,IAAA,KAAsB,IAAA,gBAAQ,EAAe,OAAO,CAAC,EAApD,MAAM,QAAA,EAAE,SAAS,QAAmC,CAAC;IACtD,IAAA,KAA0C,IAAA,gBAAQ,EAAyB,MAAM,CAAC,EAAjF,gBAAgB,QAAA,EAAE,mBAAmB,QAA4C,CAAC;IACnF,IAAA,KAA4B,IAAA,gBAAQ,EAA4B,QAAQ,CAAC,EAAxE,SAAS,QAAA,EAAE,YAAY,QAAiD,CAAC;IAC1E,IAAA,KAA4B,IAAA,gBAAQ,EAA6B,OAAO,CAAC,EAAxE,SAAS,QAAA,EAAE,YAAY,QAAiD,CAAC;IAC1E,IAAA,KAA0B,IAAA,gBAAQ,EAAqC,WAAW,CAAC,EAAlF,QAAQ,QAAA,EAAE,WAAW,QAA6D,CAAC;IAE1F,IAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAAE,EAAE,CAAC,CAAC;IACpE,IAAM,wBAAwB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,mBAAmB,CAAC,KAAK,CAAC,EAA1B,CAA0B,EAAE,EAAE,CAAC,CAAC;IACxF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,EAAE,CAAC,CAAC;IACrE,IAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,EAAE,CAAC,CAAC;IACtE,IAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EAAE,EAAE,CAAC,CAAC;IAExE,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;IACzB,IAAM,UAAU,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,EAAE,CAAC;IAEnE,MAAM,CAAC,eAAe,GAAG,SAAS,CAAC;IAEnC,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,IAAI;QAC5B,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,QAAQ;YAChC,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,8BAAC,mBAAI,IAAC,KAAK,EAAE,UAAU,iBAAmB;gBAC1C,8BAAC,qBAAM,IAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,GAAI,CACpD;YACP,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,8BAAC,mBAAI,IAAC,KAAK,EAAE,UAAU,wBAA0B;gBACjD,8BAAC,qBAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,QAAQ,CAAC,EAApB,CAAoB,GAAI,CACjE;YAEP,8BAAC,YAAY,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,GAAI;YACjG,8BAAC,YAAY,IAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,GAAI;YACrG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CACrB,8BAAC,YAAY,IACX,MAAM,EAAC,mBAAmB,EAC1B,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,wBAAwB,EAClC,UAAU,EAAE,sBAAsB,GAClC,CACH,CAAC,CAAC,CAAC,IAAI;YACR,8BAAC,YAAY,IAAC,MAAM,EAAC,YAAY,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,GAAI;YACzG,8BAAC,YAAY,IAAC,MAAM,EAAC,iBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,GAAI,CAC9G;QAEP,8BAAC,8BAAQ,IACP,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,QAAQ,EAAC,IAAI,EACb,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,kBAAkB,EAAC,wBAAwB,EAC3C,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,EACpE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,sBAAa,CAAC,CAAC,CAAC,SAAS,EAC1C,eAAe,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACpE;QACD,eAAe,IAAI,CAClB,8BAAC,8BAAQ,IACP,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,kBAAkB,EAAC,MAAM,EACzB,IAAI,EAAE,EAAE,UAAU,4BAAO,gBAAgB,CAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7D,eAAe,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACpE,CACH,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA/EW,QAAA,aAAa,iBA+ExB"}
+{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAwIlC,CAAC"}
+{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAyHlC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js

@@ -16,15 +16,13 @@ var CustomizeUsage = function () {
     var _c = React.useState(), textColor = _c[0], setTextColor = _c[1];
     var _d = React.useState(96), size = _d[0], setSize = _d[1];
     var _e = React.useState(24), iconSize = _e[0], setIconSize = _e[1];
-    var _f = React.useState(2), iconStrokeWidth = _f[0], setIconStrokeWidth = _f[1];
-    var _g = React.useState(undefined), iconStrokeColor = _g[0], setIconStrokeColor = _g[1];
-    var _h = React.useState(14), initialsSize = _h[0], setInitialsSize = _h[1];
-    var _j = React.useState(), horizontalAlignment = _j[0], setHorizontalAlignment = _j[1];
-    var _k = React.useState(), verticalAlignment = _k[0], setVerticalAlignment = _k[1];
-    var _l = React.useState('red'), ringColor = _l[0], setRingColor = _l[1];
-    var _m = React.useState(undefined), ringBackgroundColor = _m[0], setRingBackgroundColor = _m[1];
-    var _o = React.useState(true), showRing = _o[0], setShowRing = _o[1];
-    var _p = React.useState(false), transparent = _p[0], setTransparent = _p[1];
+    var _f = React.useState(14), initialsSize = _f[0], setInitialsSize = _f[1];
+    var _g = React.useState(), horizontalAlignment = _g[0], setHorizontalAlignment = _g[1];
+    var _h = React.useState(), verticalAlignment = _h[0], setVerticalAlignment = _h[1];
+    var _j = React.useState('red'), ringColor = _j[0], setRingColor = _j[1];
+    var _k = React.useState(undefined), ringBackgroundColor = _k[0], setRingBackgroundColor = _k[1];
+    var _l = React.useState(true), showRing = _l[0], setShowRing = _l[1];
+    var _m = React.useState(false), transparent = _m[0], setTransparent = _m[1];
     var theme = (0, theme_types_1.useTheme)();
     var textBoxBorderStyle = {
         borderColor: theme.colors.inputBorder,
@@ -36,14 +34,12 @@ var CustomizeUsage = function () {
             horizontalIconAlignment: horizontalAlignment,
             verticalIconAlignment: verticalAlignment,
             iconSize: iconSize,
-            iconStrokeWidth: iconStrokeWidth,
-            iconStrokeColor: iconStrokeColor,
             initialsSize: initialsSize,
             width: size,
             height: size,
         };
         return experimental_avatar_1.JSAvatar.customize(tokens);
-    }, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, iconStrokeWidth, iconStrokeColor, initialsSize, size]);
+    }, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, initialsSize, size]);
     return (React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
         React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
             React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
@@ -61,9 +57,6 @@ var CustomizeUsage = function () {
             React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
                     setTextColor(e.nativeEvent.text);
                 } }),
-            React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Icon stroke color", blurOnSubmit: true, onSubmitEditing: function (e) {
-                    setIconStrokeColor(e.nativeEvent.text);
-                } }),
             React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Ring color", blurOnSubmit: true, onSubmitEditing: function (e) {
                     setRingColor(e.nativeEvent.text);
                 } }),
@@ -76,8 +69,6 @@ var CustomizeUsage = function () {
             React.createElement(Slider_1.Slider, { minimum: 8, maximum: 200, initialValue: 80, style: styles_2.commonTestStyles.vmargin, onChange: setSize }),
             React.createElement(react_native_1.Text, null, "Icon size"),
             React.createElement(Slider_1.Slider, { minimum: 8, maximum: 100, initialValue: 24, style: styles_2.commonTestStyles.vmargin, onChange: setIconSize }),
-            React.createElement(react_native_1.Text, null, "Icon stroke width"),
-            React.createElement(Slider_1.Slider, { minimum: 0, maximum: 8, initialValue: 2, style: styles_2.commonTestStyles.vmargin, onChange: setIconStrokeWidth }),
             React.createElement(react_native_1.Text, null, "Font size"),
             React.createElement(Slider_1.Slider, { minimum: 5, maximum: 50, initialValue: 14, style: styles_2.commonTestStyles.vmargin, onChange: setInitialsSize })),
         React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", initials: "SB", accessibilityLabel: "Former CEO of Microsoft", badge: { status: 'blocked' }, src: showImage ? styles_1.steveBallmerPhotoUrl : undefined, ring: showRing

package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.59.35",
+  "version": "0.59.36",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -31,7 +31,7 @@
     "@fluentui-react-native/button": ">=0.22.20 <1.0.0",
     "@fluentui-react-native/default-theme": ">=0.10.3 <1.0.0",
     "@fluentui-react-native/experimental-activity-indicator": ">=0.5.24 <1.0.0",
-    "@fluentui-react-native/experimental-avatar": ">=0.14.21 <1.0.0",
+    "@fluentui-react-native/experimental-avatar": ">=0.14.22 <1.0.0",
     "@fluentui-react-native/experimental-button": "0.15.21",
     "@fluentui-react-native/experimental-checkbox": "0.11.3",
     "@fluentui-react-native/experimental-drawer": ">=0.1.8 <1.0.0",

package/src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx

@@ -3,6 +3,7 @@ import {
   AvatarSize,
   AvatarSizes,
   AvatarColor,
+  AvatarColors,
   JSAvatar,
   AvatarActive,
   AvatarActiveAppearance,
@@ -12,39 +13,14 @@ import { Switch, View, Text, Picker, ColorValue, Platform } from 'react-native';
 import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 import { useTheme } from '@fluentui-react-native/theme-types';
-import { JSAvatarTokens } from '@fluentui-react-native/experimental-avatar';
 
 type WithUndefined<T> = T | typeof undefinedText;
 
 const avatarActive: AvatarActive[] = ['unset', 'active', 'inactive'];
+const avatarColors: AvatarColor[] = ['neutral', 'brand', 'colorful', ...AvatarColors];
 const avatarActiveAppearance: AvatarActiveAppearance[] = ['ring', 'shadow', 'glow', 'ring-shadow', 'ring-glow'];
 
 const allSizes: WithUndefined<AvatarSize>[] = [undefinedText, ...AvatarSizes];
-
-const allColors: WithUndefined<AvatarColor>[] = [
-  undefinedText,
-  'cornflower',
-  'blue',
-  'royalBlue',
-  'teal',
-  'forest',
-  'darkGreen',
-  'berry',
-  'hotPink',
-  'grape',
-  'purple',
-  'pumpkin',
-  'red',
-  'burgundy',
-  'orchid',
-  'brass',
-  'darkRed',
-  'beige',
-  'platinum',
-  'steel',
-  'brown',
-];
-
 const allPresences: WithUndefined<PresenceBadgeStatus>[] = [undefinedText, ...PresenceBadgeStatuses];
 
 const StyledPicker = (props) => {
@@ -61,26 +37,24 @@ const StyledPicker = (props) => {
 };
 
 export const StandardUsage: FunctionComponent = () => {
-  const tokens: JSAvatarTokens = {};
   const [isSquare, setSquare] = useState(false);
   const [showImage, setShowImage] = useState(true);
   const [active, setActive] = useState<AvatarActive>('unset');
   const [activeAppearance, setActiveAppearance] = useState<AvatarActiveAppearance>('ring');
   const [imageSize, setImageSize] = useState<WithUndefined<AvatarSize>>('size72');
-  const [coinColor, setCoinColor] = useState<WithUndefined<AvatarColor>>('brass');
   const [presence, setPresence] = useState<WithUndefined<PresenceBadgeStatus>>('available');
+  const [avatarColor, setAvatarColor] = useState<AvatarColor>('brass');
 
   const onActiveChange = useCallback((value) => setActive(value), []);
   const onActiveAppearanceChange = useCallback((value) => setActiveAppearance(value), []);
+  const onAvatarColorChange = useCallback((value) => setAvatarColor(value), []);
   const onSizeChange = useCallback((value) => setImageSize(value), []);
-  const onColorChange = useCallback((value) => setCoinColor(value), []);
+
   const onPresenceChange = useCallback((value) => setPresence(value), []);
 
   const theme = useTheme();
   const textStyles = { color: theme.colors.inputText as ColorValue };
 
-  tokens.backgroundColor = coinColor;
-
   const fontBuiltInProps = {
     fontFamily: 'Arial',
     codepoint: 0x2663,
@@ -111,7 +85,7 @@ export const StandardUsage: FunctionComponent = () => {
             collection={avatarActiveAppearance}
           />
         ) : null}
-        <StyledPicker prompt="Coin color" selected={coinColor} onChange={onColorChange} collection={allColors} />
+        <StyledPicker prompt="Avatar Color" selected={avatarColor} onChange={onAvatarColorChange} collection={avatarColors} />
         <StyledPicker prompt="Presence status" selected={presence} onChange={onPresenceChange} collection={allPresences} />
       </View>
 
@@ -124,7 +98,7 @@ export const StandardUsage: FunctionComponent = () => {
         accessibilityLabel="Photo of Satya Nadella"
         badge={{ status: presence === undefinedText ? undefined : presence }}
         src={showImage ? satyaPhotoUrl : undefined}
-        coinColorFluent={coinColor === undefinedText ? undefined : coinColor}
+        avatarColor={avatarColor}
       />
       {svgIconsEnabled && (
         <JSAvatar
@@ -134,7 +108,7 @@ export const StandardUsage: FunctionComponent = () => {
           shape={isSquare ? 'square' : 'circular'}
           accessibilityLabel="Icon"
           icon={{ fontSource: { ...fontBuiltInProps }, color: 'white' }}
-          coinColorFluent={coinColor === undefinedText ? undefined : coinColor}
+          avatarColor={avatarColor}
         />
       )}
     </View>

package/src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx

@@ -13,8 +13,6 @@ export const CustomizeUsage: React.FunctionComponent = () => {
   const [textColor, setTextColor] = React.useState<string>();
   const [size, setSize] = React.useState<number>(96);
   const [iconSize, setIconSize] = React.useState<number>(24);
-  const [iconStrokeWidth, setIconStrokeWidth] = React.useState<number>(2);
-  const [iconStrokeColor, setIconStrokeColor] = React.useState<string>(undefined);
   const [initialsSize, setInitialsSize] = React.useState<number>(14);
   const [horizontalAlignment, setHorizontalAlignment] = React.useState<IconAlignment>();
   const [verticalAlignment, setVerticalAlignment] = React.useState<IconAlignment>();
@@ -36,14 +34,12 @@ export const CustomizeUsage: React.FunctionComponent = () => {
       horizontalIconAlignment: horizontalAlignment,
       verticalIconAlignment: verticalAlignment,
       iconSize: iconSize,
-      iconStrokeWidth: iconStrokeWidth,
-      iconStrokeColor: iconStrokeColor,
       initialsSize: initialsSize,
       width: size,
       height: size,
     };
     return JSAvatar.customize(tokens);
-  }, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, iconStrokeWidth, iconStrokeColor, initialsSize, size]);
+  }, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, initialsSize, size]);
 
   return (
     <View style={commonStyles.root}>
@@ -79,14 +75,6 @@ export const CustomizeUsage: React.FunctionComponent = () => {
             setTextColor(e.nativeEvent.text);
           }}
         />
-        <TextInput
-          style={[commonStyles.textBox, textBoxBorderStyle]}
-          placeholder="Icon stroke color"
-          blurOnSubmit={true}
-          onSubmitEditing={(e) => {
-            setIconStrokeColor(e.nativeEvent.text);
-          }}
-        />
 
         <TextInput
           style={[commonStyles.textBox, textBoxBorderStyle]}
@@ -115,9 +103,6 @@ export const CustomizeUsage: React.FunctionComponent = () => {
         <Text>Icon size</Text>
         <Slider minimum={8} maximum={100} initialValue={24} style={commonStyles.vmargin} onChange={setIconSize} />
 
-        <Text>Icon stroke width</Text>
-        <Slider minimum={0} maximum={8} initialValue={2} style={commonStyles.vmargin} onChange={setIconStrokeWidth} />
-
         <Text>Font size</Text>
         <Slider minimum={5} maximum={50} initialValue={14} style={commonStyles.vmargin} onChange={setInitialsSize} />
       </View>