@fluentui-react-native/tester 0.61.8 → 0.62.0

package/lib/FluentTester/TestComponents/TextExperimental/StandardUsage.js

@@ -1,24 +1,53 @@
 import * as React from 'react';
-import { View } from 'react-native';
-import { Text } from '@fluentui-react-native/experimental-text';
+import { Platform, View } from 'react-native';
+import { Text, Caption1, Body1, Body1Strong, Body2, Body2Strong, Subtitle1, Subtitle1Strong, Subtitle2, Subtitle2Strong, Title1, Title1Strong, LargeTitle, Display, } from '@fluentui-react-native/experimental-text';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 import { HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON } from './consts';
 export var StandardUsage = function () {
-    return (React.createElement(View, null,
-        React.createElement(Stack, { style: stackStyle, gap: 5 },
-            React.createElement(Text, { variant: "captionStandard", testID: HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON }, "CaptionStandard"),
-            React.createElement(Text, { variant: "secondaryStandard" }, "SecondaryStandard"),
-            React.createElement(Text, { variant: "secondarySemibold" }, "SecondarySemibold"),
-            React.createElement(Text, { variant: "bodyStandard" }, "BodyStandard"),
-            React.createElement(Text, { variant: "bodySemibold" }, "BodySemibold"),
-            React.createElement(Text, { variant: "subheaderStandard" }, "SubheaderStandard"),
-            React.createElement(Text, { variant: "subheaderSemibold" }, "SubheaderSemibold"),
-            React.createElement(Text, { variant: "headerStandard" }, "HeaderStandard"),
-            React.createElement(Text, { variant: "headerSemibold" }, "HeaderSemibold"),
-            React.createElement(Text, { variant: "heroStandard" }, "HeroStandard"),
-            React.createElement(Text, { variant: "heroSemibold" }, "HeroSemibold"),
-            React.createElement(Text, { variant: "heroLargeStandard" }, "HeroLargeStandard"),
-            React.createElement(Text, { variant: "heroLargeSemibold" }, "HeroLargeSemibold"))));
+    var V1Usage = function () {
+        return (React.createElement(View, null,
+            React.createElement(Stack, { style: stackStyle, gap: 5 },
+                React.createElement(Text, { variant: "captionStandard", testID: HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON }, "CaptionStandard"),
+                React.createElement(Text, { variant: "secondaryStandard" }, "SecondaryStandard"),
+                React.createElement(Text, { variant: "secondarySemibold" }, "SecondarySemibold"),
+                React.createElement(Text, { variant: "bodyStandard" }, "BodyStandard"),
+                React.createElement(Text, { variant: "bodySemibold" }, "BodySemibold"),
+                React.createElement(Text, { variant: "subheaderStandard" }, "SubheaderStandard"),
+                React.createElement(Text, { variant: "subheaderSemibold" }, "SubheaderSemibold"),
+                React.createElement(Text, { variant: "headerStandard" }, "HeaderStandard"),
+                React.createElement(Text, { variant: "headerSemibold" }, "HeaderSemibold"),
+                React.createElement(Text, { variant: "heroStandard" }, "HeroStandard"),
+                React.createElement(Text, { variant: "heroSemibold" }, "HeroSemibold"),
+                React.createElement(Text, { variant: "heroLargeStandard" }, "HeroLargeStandard"),
+                React.createElement(Text, { variant: "heroLargeSemibold" }, "HeroLargeSemibold"))));
+    };
+    var V2Usage = function () {
+        return (React.createElement(View, null,
+            React.createElement(Stack, { style: stackStyle, gap: 5 },
+                React.createElement(Caption1, null, "Caption1"),
+                React.createElement(Body1, null, "Body1"),
+                React.createElement(Body1Strong, null, "Body1Strong"),
+                React.createElement(Body2, null, "Body2"),
+                React.createElement(Body2Strong, null, "Body2Strong"),
+                React.createElement(Subtitle2, null, "Subtitle2"),
+                React.createElement(Subtitle2Strong, null, "Subtitle2Strong"),
+                React.createElement(Subtitle1, null, "Subtitle1"),
+                React.createElement(Subtitle1Strong, null, "Subtitle1Strong"),
+                React.createElement(Title1, null, "Title1"),
+                React.createElement(Title1Strong, null, "Title1Strong"),
+                React.createElement(LargeTitle, null, "LargeTitle"),
+                React.createElement(Display, null, "Display"))));
+    };
+    switch (Platform.OS) {
+        case 'android':
+        case 'ios':
+        case 'macos':
+            return React.createElement(V1Usage, null);
+        default:
+            return (React.createElement(View, null,
+                React.createElement(V1Usage, null),
+                React.createElement(V2Usage, null)));
+    }
 };
 //# sourceMappingURL=StandardUsage.js.map

package/lib/FluentTester/TestComponents/TextExperimental/StandardUsage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/StandardUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAC;AAE7D,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,MAAM,EAAE,iCAAiC,sBAElE;YACP,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,qBAAsB;YACpD,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,qBAAsB;YACpD,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB,CACpD,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"StandardUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/StandardUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAK,EACL,WAAW,EACX,SAAS,EACT,eAAe,EACf,SAAS,EACT,eAAe,EACf,MAAM,EACN,YAAY,EACZ,UAAU,EACV,OAAO,GACR,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAC;AAE7D,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,IAAM,OAAO,GAA4B;QACvC,OAAO,CACL,oBAAC,IAAI;YACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;gBAC9B,oBAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,MAAM,EAAE,iCAAiC,sBAElE;gBACP,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;gBAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;gBAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;gBAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;gBAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;gBAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;gBAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,qBAAsB;gBACpD,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,qBAAsB;gBACpD,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;gBAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;gBAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;gBAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB,CACpD,CACH,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,OAAO,GAA4B;QACvC,OAAO,CACL,oBAAC,IAAI;YACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;gBAC9B,oBAAC,QAAQ,mBAAoB;gBAC7B,oBAAC,KAAK,gBAAc;gBACpB,oBAAC,WAAW,sBAA0B;gBACtC,oBAAC,KAAK,gBAAc;gBACpB,oBAAC,WAAW,sBAA0B;gBACtC,oBAAC,SAAS,oBAAsB;gBAChC,oBAAC,eAAe,0BAAkC;gBAClD,oBAAC,SAAS,oBAAsB;gBAChC,oBAAC,eAAe,0BAAkC;gBAClD,oBAAC,MAAM,iBAAgB;gBACvB,oBAAC,YAAY,uBAA4B;gBACzC,oBAAC,UAAU,qBAAwB;gBACnC,oBAAC,OAAO,kBAAkB,CACpB,CACH,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,QAAQ,QAAQ,CAAC,EAAE,EAAE;QACnB,KAAK,SAAS,CAAC;QACf,KAAK,KAAK,CAAC;QACX,KAAK,OAAO;YACV,OAAO,oBAAC,OAAO,OAAG,CAAC;QACrB;YACE,OAAO,CACL,oBAAC,IAAI;gBACH,oBAAC,OAAO,OAAG;gBACX,oBAAC,OAAO,OAAG,CACN,CACR,CAAC;KACL;AACH,CAAC,CAAC"}

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;AAO/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;AAO/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAuIlC,CAAC"}

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

@@ -29,8 +29,7 @@ var CustomizeUsage = function () {
             verticalIconAlignment: verticalAlignment,
             iconSize: iconSize,
             initialsSize: initialsSize,
-            width: size,
-            height: size,
+            size: size,
             ringColor: ringColor,
             ringBackgroundColor: ringBackgroundColor,
         };
@@ -57,7 +56,8 @@ var CustomizeUsage = function () {
                     setRingColor(e.nativeEvent.text);
                 } }),
             React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Avatar size", blurOnSubmit: true, onSubmitEditing: function (e) {
-                    setSize(parseInt(e.nativeEvent.text));
+                    var size = e.nativeEvent.text;
+                    setSize(size);
                 } }),
             React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Icon size", blurOnSubmit: true, onSubmitEditing: function (e) {
                     setIconSize(parseInt(e.nativeEvent.text));
@@ -71,7 +71,7 @@ var CustomizeUsage = function () {
             React.createElement(react_native_1.Text, null, "These features will be available later"),
             React.createElement(AlignmentPicker_1.AlignmentPicker, { style: styles_2.commonTestStyles.header, label: "Horizontal icon alignment", onSelectionChange: setHorizontalAlignment }),
             React.createElement(AlignmentPicker_1.AlignmentPicker, { style: styles_2.commonTestStyles.header, label: "Vertical icon alignment", onSelectionChange: setVerticalAlignment })),
-        React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", initials: "SB", accessibilityLabel: "Former CEO of Microsoft", badge: { status: 'blocked' }, src: showImage ? styles_1.steveBallmerPhotoUrl : undefined, size: 56, ring: showRing
+        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
                 ? {
                     ringThickness: 4,
                     innerGap: 4,

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/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoK/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
+{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoM/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js

@@ -46,6 +46,17 @@ var MenuCheckmarks = function () {
                     React.createElement(menu_1.MenuItemCheckbox, { name: "itemTwo", content: "A MenuItem with checkmark" }),
                     React.createElement(menu_1.MenuItemCheckbox, { name: "itemThree", content: "A MenuItem with checkmark" }))))));
 };
+var MenuRadioItem = function () {
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(menu_1.Menu, { defaultChecked: { itemOne: true } },
+            React.createElement(menu_1.MenuTrigger, null,
+                React.createElement(react_native_1.ButtonV1, null, "Items with radio selection")),
+            React.createElement(menu_1.MenuPopover, null,
+                React.createElement(menu_1.MenuList, null,
+                    React.createElement(menu_1.MenuItemRadio, { name: "itemOne", content: "A MenuItem with checkmark" }),
+                    React.createElement(menu_1.MenuItemRadio, { name: "itemTwo", content: "Another MenuItem with checkmark" }),
+                    React.createElement(menu_1.MenuItemRadio, { name: "itemThree", content: "A third MenuItem with checkmark" }))))));
+};
 var Submenu = function () {
     return (React.createElement(menu_1.Menu, null,
         React.createElement(menu_1.MenuTrigger, null,
@@ -96,6 +107,10 @@ var menuSections = [
         name: 'Menu Checkmarks',
         component: MenuCheckmarks,
     },
+    {
+        name: 'Menu Radioitem',
+        component: MenuRadioItem,
+    },
     {
         name: 'Menu open on hover',
         component: MenuOpenOnHover,

package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js.map

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

package/lib-commonjs/FluentTester/TestComponents/NativeDatePicker/NativeDatePickerTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeDatePickerTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/NativeDatePicker/NativeDatePickerTest.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+G/B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAYxC,CAAC"}
+{"version":3,"file":"NativeDatePickerTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/NativeDatePicker/NativeDatePickerTest.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0I/B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAYxC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/NativeDatePicker/NativeDatePickerTest.js

@@ -9,10 +9,13 @@ var Test_1 = require("../Test");
 var React = (0, tslib_1.__importStar)(require("react"));
 var stack_1 = require("@fluentui-react-native/stack");
 var styles_1 = require("../Common/styles");
-var react_native_1 = require("@fluentui/react-native");
+var react_native_1 = require("react-native");
+var react_native_2 = require("@fluentui/react-native");
 var NativeDatePickerMainTest = function () {
-    var _a = React.useState(new Date()), startDate = _a[0], setStartDate = _a[1];
-    var _b = React.useState(null), endDate = _b[0], setEndDate = _b[1];
+    var _a;
+    var _b = React.useState(new Date()), startDate = _b[0], setStartDate = _b[1];
+    var _c = React.useState(null), endDate = _c[0], setEndDate = _c[1];
+    var _d = React.useState(false), overrideDefaultCalendarConfiguration = _d[0], setOverrideDefaultCalendarConfiguration = _d[1];
     function didPickDates(pickedStartDate, pickedEndDate) {
         setStartDate(experimental_native_date_picker_1.NativeDatePicker.parseISOString(pickedStartDate));
         setEndDate(experimental_native_date_picker_1.NativeDatePicker.parseISOString(pickedEndDate));
@@ -21,6 +24,10 @@ var NativeDatePickerMainTest = function () {
     var fixedDates = {
         startDate: experimental_native_date_picker_1.NativeDatePicker.parseISOString('2020-02-29T12:25:00.000Z'),
         endDate: experimental_native_date_picker_1.NativeDatePicker.parseISOString('2020-03-07T11:55:00.000Z'),
+        overrideReferenceStartDate: experimental_native_date_picker_1.NativeDatePicker.parseISOString('1999-01-01T00:00:00.000Z'),
+        overrideReferenceEndDate: experimental_native_date_picker_1.NativeDatePicker.parseISOString('2000-01-01T00:00:00.000Z'),
+        defaultReferenceStartDate: new Date(new Date().getFullYear() - 3, 1, 1),
+        defaultReferenceEndDate: new Date(new Date().getFullYear() + 7, 1, 1),
     };
     var titles = {
         startTitle: 'Start Title',
@@ -35,14 +42,13 @@ var NativeDatePickerMainTest = function () {
         timeSubtitle: 'Time Subtitle',
     };
     return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
-        React.createElement(react_native_1.Text, { variant: "headerStandard" }, "Start Date/Time"),
-        React.createElement(react_native_1.Text, { variant: "subheaderStandard" }, startDate === null || startDate === void 0 ? void 0 :
+        React.createElement(react_native_2.Text, { variant: "headerStandard" }, "Selected Start Date/Time"),
+        React.createElement(react_native_2.Text, { variant: "subheaderStandard" }, startDate === null || startDate === void 0 ? void 0 :
             startDate.toString(),
             " ",
             '\n'),
-        React.createElement(react_native_1.Text, { variant: "headerStandard" }, "End Date/Time"),
-        React.createElement(react_native_1.Text, { variant: "subheaderStandard" }, endDate === null || endDate === void 0 ? void 0 :
-            endDate.toString(),
+        React.createElement(react_native_2.Text, { variant: "headerStandard" }, "Selected End Date/Time"),
+        React.createElement(react_native_2.Text, { variant: "subheaderStandard" }, (_a = endDate === null || endDate === void 0 ? void 0 : endDate.toString()) !== null && _a !== void 0 ? _a : 'N/A',
             " ",
             '\n'),
         React.createElement(button_1.Button, { content: "Date picker", onClick: function () { return experimental_native_date_picker_1.NativeDatePicker.present({ callback: didPickDates }); } }),
@@ -56,7 +62,23 @@ var NativeDatePickerMainTest = function () {
                 return experimental_native_date_picker_1.NativeDatePicker.present((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ mode: 'dateRange', dateRangePresentation: 'paged' }, fixedDates), titles), { callback: didPickDates }));
             } }),
         React.createElement(button_1.Button, { content: "Date range with custom titles (tabbed)", onClick: function () { return experimental_native_date_picker_1.NativeDatePicker.present((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ mode: 'dateRange' }, fixedDates), titles), { callback: didPickDates })); } }),
-        React.createElement(button_1.Button, { content: "Date time range with custom titles (tabbed)", onClick: function () { return experimental_native_date_picker_1.NativeDatePicker.present((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ mode: 'dateTimeRange' }, fixedDates), titles), { callback: didPickDates })); } })));
+        React.createElement(button_1.Button, { content: "Date time range with custom titles (tabbed)", onClick: function () { return experimental_native_date_picker_1.NativeDatePicker.present((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ mode: 'dateTimeRange' }, fixedDates), titles), { callback: didPickDates })); } }),
+        React.createElement(react_native_2.Text, { variant: "headerStandard" }, "Calendar configuration"),
+        React.createElement(react_native_1.View, { style: styles_1.commonTestStyles.switch },
+            React.createElement(react_native_2.Text, null, "Override default calendar configuration"),
+            React.createElement(react_native_1.Switch, { value: overrideDefaultCalendarConfiguration, onValueChange: function (value) {
+                    setOverrideDefaultCalendarConfiguration(value);
+                    experimental_native_date_picker_1.NativeDatePicker.setDefaultCalendarConfiguration({
+                        referenceStartDate: value ? fixedDates.overrideReferenceStartDate : fixedDates.defaultReferenceStartDate,
+                        referenceEndDate: value ? fixedDates.overrideReferenceEndDate : fixedDates.defaultReferenceEndDate,
+                    });
+                } })),
+        React.createElement(react_native_2.Text, { variant: "subheaderStandard" },
+            "Override reference start date: ",
+            fixedDates.overrideReferenceStartDate.getUTCFullYear().toString()),
+        React.createElement(react_native_2.Text, { variant: "subheaderStandard" },
+            "Override reference end date: ",
+            fixedDates.overrideReferenceEndDate.getUTCFullYear().toString())));
 };
 var nativeDatePickerSections = [
     {

package/lib-commonjs/FluentTester/TestComponents/NativeDatePicker/NativeDatePickerTest.js.map

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

package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgD/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA2ElC,CAAC"}
+{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgD/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAiHlC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js

@@ -44,6 +44,21 @@ var Helvetica = experimental_text_1.Text.customize({ variant: 'heroLargeStandard
 // Fonts supported on Android and iOS
 var Arial = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', fontFamily: 'arial' });
 var CustomizeUsage = function () {
+    var BlockText = function () {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(experimental_text_1.Text, { style: { textTransform: 'uppercase' }, font: "base", weight: "medium" }, "I am going to be truncated since I am a very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long block text."),
+            React.createElement(experimental_text_1.Text, { font: "monospace", weight: "semibold", wrap: false }, "I am not going to be wrapped since I am a very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long block text."),
+            React.createElement(experimental_text_1.Text, { underline: true }, "Since text components are inside a View"),
+            React.createElement(experimental_text_1.Text, null, "every block of text"),
+            React.createElement(experimental_text_1.Text, { underline: true, strikethrough: true, align: "end" }, "gets its own line. This line has been underlined, striked through, and right aligned.")));
+    };
+    var NonBlockText = function () {
+        return (React.createElement(experimental_text_1.Text, null,
+            React.createElement(experimental_text_1.Text, { italic: true }, "I am italisized inline text."),
+            React.createElement(experimental_text_1.Text, { weight: "medium" }, "Since text components are inside a Text, (medium) "),
+            React.createElement(experimental_text_1.Text, { weight: "bold" }, "every block of text (bolded) "),
+            React.createElement(experimental_text_1.Text, { size: 600 }, "gets placed inline.")));
+    };
     var CustomUsageStack = function () {
         return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
             React.createElement(RedCaptionBold, null, "RedCaptionBold"),
@@ -92,6 +107,10 @@ var CustomizeUsage = function () {
                 React.createElement(CustomFontStackiOS, null)));
         default:
             return (React.createElement(react_native_1.View, null,
+                React.createElement(BlockText, null),
+                React.createElement(experimental_text_1.Text, null, '\n'),
+                React.createElement(NonBlockText, null),
+                React.createElement(experimental_text_1.Text, null, '\n'),
                 React.createElement(CustomUsageStack, null),
                 React.createElement(CustomFontStack, null)));
     }

package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js.map

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

package/lib-commonjs/FluentTester/TestComponents/TextExperimental/StandardUsage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/StandardUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAsBjC,CAAC"}
+{"version":3,"file":"StandardUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/StandardUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBA4DjC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/TextExperimental/StandardUsage.js

@@ -9,21 +9,50 @@ var stack_1 = require("@fluentui-react-native/stack");
 var styles_1 = require("../Common/styles");
 var consts_1 = require("./consts");
 var StandardUsage = function () {
-    return (React.createElement(react_native_1.View, null,
-        React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
-            React.createElement(experimental_text_1.Text, { variant: "captionStandard", testID: consts_1.HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON }, "CaptionStandard"),
-            React.createElement(experimental_text_1.Text, { variant: "secondaryStandard" }, "SecondaryStandard"),
-            React.createElement(experimental_text_1.Text, { variant: "secondarySemibold" }, "SecondarySemibold"),
-            React.createElement(experimental_text_1.Text, { variant: "bodyStandard" }, "BodyStandard"),
-            React.createElement(experimental_text_1.Text, { variant: "bodySemibold" }, "BodySemibold"),
-            React.createElement(experimental_text_1.Text, { variant: "subheaderStandard" }, "SubheaderStandard"),
-            React.createElement(experimental_text_1.Text, { variant: "subheaderSemibold" }, "SubheaderSemibold"),
-            React.createElement(experimental_text_1.Text, { variant: "headerStandard" }, "HeaderStandard"),
-            React.createElement(experimental_text_1.Text, { variant: "headerSemibold" }, "HeaderSemibold"),
-            React.createElement(experimental_text_1.Text, { variant: "heroStandard" }, "HeroStandard"),
-            React.createElement(experimental_text_1.Text, { variant: "heroSemibold" }, "HeroSemibold"),
-            React.createElement(experimental_text_1.Text, { variant: "heroLargeStandard" }, "HeroLargeStandard"),
-            React.createElement(experimental_text_1.Text, { variant: "heroLargeSemibold" }, "HeroLargeSemibold"))));
+    var V1Usage = function () {
+        return (React.createElement(react_native_1.View, null,
+            React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
+                React.createElement(experimental_text_1.Text, { variant: "captionStandard", testID: consts_1.HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON }, "CaptionStandard"),
+                React.createElement(experimental_text_1.Text, { variant: "secondaryStandard" }, "SecondaryStandard"),
+                React.createElement(experimental_text_1.Text, { variant: "secondarySemibold" }, "SecondarySemibold"),
+                React.createElement(experimental_text_1.Text, { variant: "bodyStandard" }, "BodyStandard"),
+                React.createElement(experimental_text_1.Text, { variant: "bodySemibold" }, "BodySemibold"),
+                React.createElement(experimental_text_1.Text, { variant: "subheaderStandard" }, "SubheaderStandard"),
+                React.createElement(experimental_text_1.Text, { variant: "subheaderSemibold" }, "SubheaderSemibold"),
+                React.createElement(experimental_text_1.Text, { variant: "headerStandard" }, "HeaderStandard"),
+                React.createElement(experimental_text_1.Text, { variant: "headerSemibold" }, "HeaderSemibold"),
+                React.createElement(experimental_text_1.Text, { variant: "heroStandard" }, "HeroStandard"),
+                React.createElement(experimental_text_1.Text, { variant: "heroSemibold" }, "HeroSemibold"),
+                React.createElement(experimental_text_1.Text, { variant: "heroLargeStandard" }, "HeroLargeStandard"),
+                React.createElement(experimental_text_1.Text, { variant: "heroLargeSemibold" }, "HeroLargeSemibold"))));
+    };
+    var V2Usage = function () {
+        return (React.createElement(react_native_1.View, null,
+            React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
+                React.createElement(experimental_text_1.Caption1, null, "Caption1"),
+                React.createElement(experimental_text_1.Body1, null, "Body1"),
+                React.createElement(experimental_text_1.Body1Strong, null, "Body1Strong"),
+                React.createElement(experimental_text_1.Body2, null, "Body2"),
+                React.createElement(experimental_text_1.Body2Strong, null, "Body2Strong"),
+                React.createElement(experimental_text_1.Subtitle2, null, "Subtitle2"),
+                React.createElement(experimental_text_1.Subtitle2Strong, null, "Subtitle2Strong"),
+                React.createElement(experimental_text_1.Subtitle1, null, "Subtitle1"),
+                React.createElement(experimental_text_1.Subtitle1Strong, null, "Subtitle1Strong"),
+                React.createElement(experimental_text_1.Title1, null, "Title1"),
+                React.createElement(experimental_text_1.Title1Strong, null, "Title1Strong"),
+                React.createElement(experimental_text_1.LargeTitle, null, "LargeTitle"),
+                React.createElement(experimental_text_1.Display, null, "Display"))));
+    };
+    switch (react_native_1.Platform.OS) {
+        case 'android':
+        case 'ios':
+        case 'macos':
+            return React.createElement(V1Usage, null);
+        default:
+            return (React.createElement(react_native_1.View, null,
+                React.createElement(V1Usage, null),
+                React.createElement(V2Usage, null)));
+    }
 };
 exports.StandardUsage = StandardUsage;
 //# sourceMappingURL=StandardUsage.js.map

package/lib-commonjs/FluentTester/TestComponents/TextExperimental/StandardUsage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/StandardUsage.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,8EAAgE;AAChE,sDAAqD;AACrD,2CAA8C;AAC9C,mCAA6D;AAEtD,IAAM,aAAa,GAA4B;IACpD,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,wBAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,MAAM,EAAE,0CAAiC,sBAElE;YACP,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,wBAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,wBAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,wBAAI,IAAC,OAAO,EAAC,gBAAgB,qBAAsB;YACpD,oBAAC,wBAAI,IAAC,OAAO,EAAC,gBAAgB,qBAAsB;YACpD,oBAAC,wBAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,wBAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB,CACpD,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB"}
+{"version":3,"file":"StandardUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/StandardUsage.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA8C;AAC9C,8EAekD;AAClD,sDAAqD;AACrD,2CAA8C;AAC9C,mCAA6D;AAEtD,IAAM,aAAa,GAA4B;IACpD,IAAM,OAAO,GAA4B;QACvC,OAAO,CACL,oBAAC,mBAAI;YACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,EAAE,GAAG,EAAE,CAAC;gBAC9B,oBAAC,wBAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,MAAM,EAAE,0CAAiC,sBAElE;gBACP,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;gBAC1D,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;gBAC1D,oBAAC,wBAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;gBAChD,oBAAC,wBAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;gBAChD,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;gBAC1D,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;gBAC1D,oBAAC,wBAAI,IAAC,OAAO,EAAC,gBAAgB,qBAAsB;gBACpD,oBAAC,wBAAI,IAAC,OAAO,EAAC,gBAAgB,qBAAsB;gBACpD,oBAAC,wBAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;gBAChD,oBAAC,wBAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;gBAChD,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;gBAC1D,oBAAC,wBAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB,CACpD,CACH,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,OAAO,GAA4B;QACvC,OAAO,CACL,oBAAC,mBAAI;YACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,EAAE,GAAG,EAAE,CAAC;gBAC9B,oBAAC,4BAAQ,mBAAoB;gBAC7B,oBAAC,yBAAK,gBAAc;gBACpB,oBAAC,+BAAW,sBAA0B;gBACtC,oBAAC,yBAAK,gBAAc;gBACpB,oBAAC,+BAAW,sBAA0B;gBACtC,oBAAC,6BAAS,oBAAsB;gBAChC,oBAAC,mCAAe,0BAAkC;gBAClD,oBAAC,6BAAS,oBAAsB;gBAChC,oBAAC,mCAAe,0BAAkC;gBAClD,oBAAC,0BAAM,iBAAgB;gBACvB,oBAAC,gCAAY,uBAA4B;gBACzC,oBAAC,8BAAU,qBAAwB;gBACnC,oBAAC,2BAAO,kBAAkB,CACpB,CACH,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,QAAQ,uBAAQ,CAAC,EAAE,EAAE;QACnB,KAAK,SAAS,CAAC;QACf,KAAK,KAAK,CAAC;QACX,KAAK,OAAO;YACV,OAAO,oBAAC,OAAO,OAAG,CAAC;QACrB;YACE,OAAO,CACL,oBAAC,mBAAI;gBACH,oBAAC,OAAO,OAAG;gBACX,oBAAC,OAAO,OAAG,CACN,CACR,CAAC;KACL;AACH,CAAC,CAAC;AA5DW,QAAA,aAAa,iBA4DxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.61.8",
+  "version": "0.62.0",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -25,33 +25,33 @@
     "directory": "apps/fluent-tester"
   },
   "dependencies": {
-    "@fluentui-react-native/android-theme": ">=0.8.0 <1.0.0",
-    "@fluentui-react-native/apple-theme": ">=0.12.1 <1.0.0",
-    "@fluentui-react-native/badge": ">=0.0.36 <1.0.0",
-    "@fluentui-react-native/button": ">=0.22.23 <1.0.0",
-    "@fluentui-react-native/default-theme": ">=0.11.0 <1.0.0",
-    "@fluentui-react-native/experimental-activity-indicator": ">=0.5.27 <1.0.0",
-    "@fluentui-react-native/experimental-avatar": ">=0.14.30 <1.0.0",
-    "@fluentui-react-native/experimental-button": "0.15.24",
-    "@fluentui-react-native/experimental-checkbox": "0.11.6",
-    "@fluentui-react-native/experimental-drawer": ">=0.1.11 <1.0.0",
-    "@fluentui-react-native/experimental-native-date-picker": ">=0.4.2 <1.0.0",
-    "@fluentui-react-native/experimental-expander": "0.3.29",
-    "@fluentui-react-native/experimental-menu-button": ">=0.3.41 <1.0.0",
-    "@fluentui-react-native/experimental-shimmer": "0.6.31",
-    "@fluentui-react-native/experimental-tabs": "0.4.46",
-    "@fluentui-react-native/experimental-text": ">=0.7.28 <1.0.0",
-    "@fluentui-react-native/framework": ">=0.7.28 <1.0.0",
-    "@fluentui-react-native/icon": "0.11.23",
-    "@fluentui-react-native/interactive-hooks": ">=0.15.8 <1.0.0",
-    "@fluentui-react-native/menu": ">=0.9.2 <1.0.0",
-    "@fluentui-react-native/stack": ">=0.6.28 <1.0.0",
-    "@fluentui-react-native/theme": ">=0.6.9 <1.0.0",
-    "@fluentui-react-native/theme-types": ">=0.15.0 <1.0.0",
+    "@fluentui-react-native/android-theme": ">=0.10.0 <1.0.0",
+    "@fluentui-react-native/apple-theme": ">=0.12.3 <1.0.0",
+    "@fluentui-react-native/badge": ">=0.0.37 <1.0.0",
+    "@fluentui-react-native/button": ">=0.22.24 <1.0.0",
+    "@fluentui-react-native/default-theme": ">=0.13.0 <1.0.0",
+    "@fluentui-react-native/experimental-activity-indicator": ">=0.5.29 <1.0.0",
+    "@fluentui-react-native/experimental-avatar": ">=0.14.32 <1.0.0",
+    "@fluentui-react-native/experimental-button": "0.15.25",
+    "@fluentui-react-native/experimental-checkbox": "0.11.7",
+    "@fluentui-react-native/experimental-drawer": ">=0.1.13 <1.0.0",
+    "@fluentui-react-native/experimental-native-date-picker": ">=0.4.3 <1.0.0",
+    "@fluentui-react-native/experimental-expander": "0.3.31",
+    "@fluentui-react-native/experimental-menu-button": ">=0.3.42 <1.0.0",
+    "@fluentui-react-native/experimental-shimmer": "0.6.33",
+    "@fluentui-react-native/experimental-tabs": "0.4.47",
+    "@fluentui-react-native/experimental-text": ">=0.9.0 <1.0.0",
+    "@fluentui-react-native/framework": ">=0.7.30 <1.0.0",
+    "@fluentui-react-native/icon": "0.11.25",
+    "@fluentui-react-native/interactive-hooks": ">=0.15.10 <1.0.0",
+    "@fluentui-react-native/menu": ">=0.10.0 <1.0.0",
+    "@fluentui-react-native/stack": ">=0.6.29 <1.0.0",
+    "@fluentui-react-native/theme": ">=0.6.11 <1.0.0",
+    "@fluentui-react-native/theme-types": ">=0.17.0 <1.0.0",
     "@fluentui-react-native/themed-stylesheet": "^1.3.3",
-    "@fluentui-react-native/theming-utils": ">=0.11.0 <1.0.0",
-    "@fluentui-react-native/win32-theme": ">=0.17.0 <1.0.0",
-    "@fluentui/react-native": ">=0.29.9 <1.0.0",
+    "@fluentui-react-native/theming-utils": ">=0.13.0 <1.0.0",
+    "@fluentui-react-native/win32-theme": ">=0.19.0 <1.0.0",
+    "@fluentui/react-native": ">=0.29.10 <1.0.0",
     "@react-native-community/slider": "^4.2.0",
     "@react-native-menu/menu": "^0.1.2",
     "@react-native-picker/picker": "^2.2.1",

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { JSAvatar, IconAlignment } from '@fluentui-react-native/experimental-avatar';
+import { JSAvatar, IconAlignment, AvatarSize } from '@fluentui-react-native/experimental-avatar';
 import { Switch, View, Text, TextInput } from 'react-native';
 import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
 import { AlignmentPicker } from '../Common/AlignmentPicker';
@@ -9,7 +9,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
   const [showImage, setShowImage] = React.useState(true);
   const [coinColor, setCoinColor] = React.useState<string>();
   const [textColor, setTextColor] = React.useState<string>();
-  const [size, setSize] = React.useState<number>(96);
+  const [size, setSize] = React.useState<AvatarSize>(96);
   const [iconSize, setIconSize] = React.useState<number>(24);
   const [initialsSize, setInitialsSize] = React.useState<number>(14);
   const [horizontalAlignment, setHorizontalAlignment] = React.useState<IconAlignment>();
@@ -28,8 +28,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
       verticalIconAlignment: verticalAlignment,
       iconSize: iconSize,
       initialsSize: initialsSize,
-      width: size,
-      height: size,
+      size,
       ringColor,
       ringBackgroundColor,
     };
@@ -85,7 +84,8 @@ export const CustomizeUsage: React.FunctionComponent = () => {
           placeholder="Avatar size"
           blurOnSubmit={true}
           onSubmitEditing={(e) => {
-            setSize(parseInt(e.nativeEvent.text));
+            const size = e.nativeEvent.text as unknown as AvatarSize;
+            setSize(size);
           }}
         />
 
@@ -128,7 +128,6 @@ export const CustomizeUsage: React.FunctionComponent = () => {
         accessibilityLabel="Former CEO of Microsoft"
         badge={{ status: 'blocked' }}
         src={showImage ? steveBallmerPhotoUrl : undefined}
-        size={56}
         ring={
           showRing
             ? {