@fluentui-react-native/tester 0.47.2 → 0.49.0

package/lib-commonjs/FluentTester/testPages.win32.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var Avatar_1 = require("./TestComponents/Avatar");
 var Button_1 = require("./TestComponents/Button");
 var ButtonExperimental_1 = require("./TestComponents/ButtonExperimental");
 var Callout_1 = require("./TestComponents/Callout");
@@ -25,7 +26,18 @@ var TabsExperimental_1 = require("./TestComponents/TabsExperimental");
 var TextExperimental_1 = require("./TestComponents/TextExperimental");
 var CheckboxExperimental_1 = require("./TestComponents/CheckboxExperimental");
 var MenuButtonExperimental_1 = require("./TestComponents/MenuButtonExperimental");
+var ActivityIndicator_1 = require("./TestComponents/ActivityIndicator");
 exports.tests = [
+    {
+        name: 'ActivityIndicator Test',
+        component: ActivityIndicator_1.ActivityIndicatorTest,
+        testPage: ActivityIndicator_1.HOMEPAGE_ACTIVITYINDICATOR_BUTTON,
+    },
+    {
+        name: 'Avatar Test',
+        component: Avatar_1.JSAvatarTest,
+        testPage: Avatar_1.HOMEPAGE_AVATAR_BUTTON,
+    },
     {
         name: 'Button Test',
         component: Button_1.ButtonTest,

package/lib-commonjs/FluentTester/testPages.win32.js.map

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

package/lib-commonjs/FluentTester/testPages.windows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testPages.windows.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"names":[],"mappings":";AAkBA,eAAO,MAAM,KAAK;;;;GA0EjB,CAAC"}
+{"version":3,"file":"testPages.windows.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"names":[],"mappings":";AAmBA,eAAO,MAAM,KAAK;;;;GA+EjB,CAAC"}

package/lib-commonjs/FluentTester/testPages.windows.js

@@ -17,7 +17,13 @@ var Tokens_1 = require("./TestComponents/Tokens");
 var Expander_1 = require("./TestComponents/Expander");
 var TextExperimental_1 = require("./TestComponents/TextExperimental");
 var ButtonExperimental_1 = require("./TestComponents/ButtonExperimental");
+var ActivityIndicator_1 = require("./TestComponents/ActivityIndicator");
 exports.tests = [
+    {
+        name: 'ActivityIndicator Test',
+        component: ActivityIndicator_1.ActivityIndicatorTest,
+        testPage: ActivityIndicator_1.HOMEPAGE_ACTIVITYINDICATOR_BUTTON,
+    },
     {
         name: 'Button Test',
         component: Button_1.ButtonTest,

package/lib-commonjs/FluentTester/testPages.windows.js.map

@@ -1 +1 @@
-{"version":3,"file":"testPages.windows.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"names":[],"mappings":";;AAAA,kDAA6E;AAC7E,oDAAgF;AAChF,sDAAmF;AACnF,8EAAyH;AACzH,8CAAuE;AACvE,oDAAgF;AAChF,4DAA4F;AAC5F,wDAAsF;AACtF,wDAAsF;AACtF,8CAAuE;AACvE,gDAA0E;AAC1E,8CAAuE;AACvE,sEAA4G;AAC5G,kDAA2E;AAC3E,sDAAmF;AACnF,sEAA4G;AAC5G,0EAAiH;AAEpG,QAAA,KAAK,GAAG;IACnB;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE,+BAAsB;KACjC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,2CAAsB;QACjC,QAAQ,EAAE,uDAAkC;KAC7C;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,eAAQ,EAAE,QAAQ,EAAE,2BAAoB,EAAE;IAC1E;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,eAAQ,EAAE,QAAQ,EAAE,2BAAoB,EAAE;IAC1E;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,oDAAiC;KAC5C;IACD,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAS,EAAE,QAAQ,EAAE,6BAAqB,EAAE;IAC7E;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,6BAAe;QAC1B,QAAQ,EAAE,yCAA2B;KACtC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,uBAAY;QACvB,QAAQ,EAAE,mCAAwB;KACnC;IACD;QACE,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,+CAAwB;QACnC,QAAQ,EAAE,6DAAsC;KACjD;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAQ;QACnB,QAAQ,EAAE,2BAAoB;KAC/B;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,oDAAiC;KAC5C;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,kBAAS;QACpB,QAAQ,EAAE,8BAAqB;KAChC;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,uBAAY;QACvB,QAAQ,EAAE,mCAAwB;KACnC;CACF,CAAC"}
+{"version":3,"file":"testPages.windows.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.windows.ts"],"names":[],"mappings":";;AAAA,kDAA6E;AAC7E,oDAAgF;AAChF,sDAAmF;AACnF,8EAAyH;AACzH,8CAAuE;AACvE,oDAAgF;AAChF,4DAA4F;AAC5F,wDAAsF;AACtF,wDAAsF;AACtF,8CAAuE;AACvE,gDAA0E;AAC1E,8CAAuE;AACvE,sEAA4G;AAC5G,kDAA2E;AAC3E,sDAAmF;AACnF,sEAA4G;AAC5G,0EAAiH;AACjH,wEAA8G;AAEjG,QAAA,KAAK,GAAG;IACnB;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,yCAAqB;QAChC,QAAQ,EAAE,qDAAiC;KAC5C;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,mBAAU;QACrB,QAAQ,EAAE,+BAAsB;KACjC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,2CAAsB;QACjC,QAAQ,EAAE,uDAAkC;KAC7C;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,eAAQ,EAAE,QAAQ,EAAE,2BAAoB,EAAE;IAC1E;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,yBAAa;QACxB,QAAQ,EAAE,qCAAyB;KACpC;IACD,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,eAAQ,EAAE,QAAQ,EAAE,2BAAoB,EAAE;IAC1E;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,oDAAiC;KAC5C;IACD,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAS,EAAE,QAAQ,EAAE,6BAAqB,EAAE;IAC7E;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,6BAAe;QAC1B,QAAQ,EAAE,yCAA2B;KACtC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,qBAAW;QACtB,QAAQ,EAAE,iCAAuB;KAClC;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,uBAAY;QACvB,QAAQ,EAAE,mCAAwB;KACnC;IACD;QACE,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,+CAAwB;QACnC,QAAQ,EAAE,6DAAsC;KACjD;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,eAAQ;QACnB,QAAQ,EAAE,2BAAoB;KAC/B;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,uCAAoB;QAC/B,QAAQ,EAAE,oDAAiC;KAC5C;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,kBAAS;QACpB,QAAQ,EAAE,8BAAqB;KAChC;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,uBAAY;QACvB,QAAQ,EAAE,mCAAwB;KACnC;CACF,CAAC"}

package/lib-commonjs/FluentTester/theme/ThemePickers.ios.js

@@ -55,11 +55,11 @@ exports.ThemePickers = function () {
                 var nativeEvent = _a.nativeEvent;
                 onThemeSelected(nativeEvent.event);
             }, actions: themeMenuOptions },
-            React.createElement(experimental_button_1.Button, { subtle: true, content: "Theme" })),
+            React.createElement(experimental_button_1.Button, { appearance: "subtle" }, "Theme")),
         React.createElement(menu_1.MenuView, { title: "Brand", onPressAction: function (_a) {
                 var nativeEvent = _a.nativeEvent;
                 onBrandChange(nativeEvent.event);
             }, actions: brandMenuOptions },
-            React.createElement(experimental_button_1.Button, { subtle: true, content: "Brand" }))));
+            React.createElement(experimental_button_1.Button, { appearance: "subtle" }, "Brand"))));
 };
 //# sourceMappingURL=ThemePickers.ios.js.map

package/lib-commonjs/FluentTester/theme/ThemePickers.ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePickers.ios.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.ios.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,6CAAoC;AACpC,kFAAoE;AACpE,gDAA+D;AAC/D,+CAA6C;AAC7C,2CAAwD;AACxD,2CAAyD;AACzD,8DAAmE;AACnE,8EAA4E;AAE/D,QAAA,iBAAiB,GAAG,oCAAgB,CAAC,UAAC,CAAQ;IACzD,qDAAqD;IACrD,OAAO;QACL,UAAU,EAAE;YACV,aAAa,EAAE,KAAK;SACrB;QACD,MAAM,EAAE;YACN,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,CAAC;SACd;QACD,UAAU,EAAE;YACV,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;SACzB;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,YAAY,GAA4B;IACnD,IAAM,YAAY,GAAG,yBAAiB,CAAC,oBAAQ,EAAE,CAAC,CAAC;IAEnD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACvD,0BAAW,CAAC,KAAK,GAAG,QAAuB,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,gBAAgB,GAAiB,yBAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC;QACxE,EAAE,EAAE,WAAW,CAAC,KAAK;QACrB,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,KAAK,EAAE,0BAAW,CAAC,SAAS,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KAClE,CAAC,EAJuE,CAIvE,CAAC,CAAC;IAEJ,IAAM,gBAAgB,GAAiB,yBAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC;QACxE,EAAE,EAAE,WAAW,CAAC,KAAK;QACrB,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,KAAK,EAAE,0BAAW,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KAC9D,CAAC,EAJuE,CAIvE,CAAC,CAAC;IAEJ,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,YAAY,CAAC,UAAU;QAClC,oBAAC,eAAQ,IACP,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,UAAC,EAAe;oBAAb,4BAAW;gBAC3B,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC,EACD,OAAO,EAAE,gBAAgB;YAEzB,oBAAC,4BAAM,IAAC,MAAM,QAAC,OAAO,EAAC,OAAO,GAAG,CACxB;QACX,oBAAC,eAAQ,IACP,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,UAAC,EAAe;oBAAb,4BAAW;gBAC3B,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC,EACD,OAAO,EAAE,gBAAgB;YAEzB,oBAAC,4BAAM,IAAC,MAAM,QAAC,OAAO,EAAC,OAAO,GAAG,CACxB,CACN,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ThemePickers.ios.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.ios.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,6CAAoC;AACpC,kFAAoE;AACpE,gDAA+D;AAC/D,+CAA6C;AAC7C,2CAAwD;AACxD,2CAAyD;AACzD,8DAAmE;AACnE,8EAA4E;AAE/D,QAAA,iBAAiB,GAAG,oCAAgB,CAAC,UAAC,CAAQ;IACzD,qDAAqD;IACrD,OAAO;QACL,UAAU,EAAE;YACV,aAAa,EAAE,KAAK;SACrB;QACD,MAAM,EAAE;YACN,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,CAAC;SACd;QACD,UAAU,EAAE;YACV,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;SACzB;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,YAAY,GAA4B;IACnD,IAAM,YAAY,GAAG,yBAAiB,CAAC,oBAAQ,EAAE,CAAC,CAAC;IAEnD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACvD,0BAAW,CAAC,KAAK,GAAG,QAAuB,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,gBAAgB,GAAiB,yBAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC;QACxE,EAAE,EAAE,WAAW,CAAC,KAAK;QACrB,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,KAAK,EAAE,0BAAW,CAAC,SAAS,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KAClE,CAAC,EAJuE,CAIvE,CAAC,CAAC;IAEJ,IAAM,gBAAgB,GAAiB,yBAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC;QACxE,EAAE,EAAE,WAAW,CAAC,KAAK;QACrB,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,KAAK,EAAE,0BAAW,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KAC9D,CAAC,EAJuE,CAIvE,CAAC,CAAC;IAEJ,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,YAAY,CAAC,UAAU;QAClC,oBAAC,eAAQ,IACP,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,UAAC,EAAe;oBAAb,4BAAW;gBAC3B,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC,EACD,OAAO,EAAE,gBAAgB;YAEzB,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,YAAe,CACjC;QACX,oBAAC,eAAQ,IACP,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,UAAC,EAAe;oBAAb,4BAAW;gBAC3B,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC,EACD,OAAO,EAAE,gBAAgB;YAEzB,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,YAAe,CACjC,CACN,CACR,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.47.2",
+  "version": "0.49.0",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -22,42 +22,42 @@
     "prettier-fix": "fluentui-scripts prettier --fix true"
   },
   "dependencies": {
-    "@fluentui-react-native/android-theme": ">=0.4.18 <1.0.0",
-    "@fluentui-react-native/apple-theme": ">=0.8.2 <1.0.0",
-    "@fluentui-react-native/button": ">=0.20.16 <1.0.0",
-    "@fluentui-react-native/default-theme": ">=0.8.11 <1.0.0",
-    "@fluentui-react-native/experimental-activity-indicator": ">=0.3.26 <1.0.0",
-    "@fluentui-react-native/experimental-avatar": ">=0.12.19 <1.0.0",
-    "@fluentui-react-native/experimental-button": "0.9.6",
-    "@fluentui-react-native/experimental-checkbox": "0.3.2",
-    "@fluentui-react-native/experimental-native-date-picker": ">=0.3.8 <1.0.0",
-    "@fluentui-react-native/experimental-expander": "0.2.24",
-    "@fluentui-react-native/experimental-menu-button": ">=0.0.11 <1.0.0",
-    "@fluentui-react-native/experimental-shimmer": "0.5.23",
-    "@fluentui-react-native/experimental-tabs": "0.3.8",
-    "@fluentui-react-native/experimental-text": ">=0.6.28 <1.0.0",
-    "@fluentui-react-native/framework": ">=0.6.6 <1.0.0",
-    "@fluentui-react-native/icon": "0.8.30",
-    "@fluentui-react-native/interactive-hooks": ">=0.10.54 <1.0.0",
-    "@fluentui-react-native/stack": ">=0.5.43 <1.0.0",
-    "@fluentui-react-native/theme": ">=0.5.23 <1.0.0",
-    "@fluentui-react-native/theme-types": ">=0.12.4 <1.0.0",
-    "@fluentui-react-native/themed-stylesheet": "^1.2.5",
-    "@fluentui-react-native/theming-utils": ">=0.7.9 <1.0.0",
-    "@fluentui-react-native/win32-theme": ">=0.13.10 <1.0.0",
-    "@fluentui/react-native": ">=0.26.9 <1.0.0",
-    "@react-native-community/slider": "^3.0.3",
+    "@fluentui-react-native/android-theme": ">=0.5.0 <1.0.0",
+    "@fluentui-react-native/apple-theme": ">=0.9.1 <1.0.0",
+    "@fluentui-react-native/button": ">=0.21.1 <1.0.0",
+    "@fluentui-react-native/default-theme": ">=0.9.1 <1.0.0",
+    "@fluentui-react-native/experimental-activity-indicator": ">=0.5.0 <1.0.0",
+    "@fluentui-react-native/experimental-avatar": ">=0.13.2 <1.0.0",
+    "@fluentui-react-native/experimental-button": "0.11.0",
+    "@fluentui-react-native/experimental-checkbox": "0.4.1",
+    "@fluentui-react-native/experimental-native-date-picker": ">=0.4.0 <1.0.0",
+    "@fluentui-react-native/experimental-expander": "0.3.1",
+    "@fluentui-react-native/experimental-menu-button": ">=0.2.0 <1.0.0",
+    "@fluentui-react-native/experimental-shimmer": "0.6.1",
+    "@fluentui-react-native/experimental-tabs": "0.4.1",
+    "@fluentui-react-native/experimental-text": ">=0.7.1 <1.0.0",
+    "@fluentui-react-native/framework": ">=0.7.1 <1.0.0",
+    "@fluentui-react-native/icon": "0.10.0",
+    "@fluentui-react-native/interactive-hooks": ">=0.11.1 <1.0.0",
+    "@fluentui-react-native/stack": ">=0.6.1 <1.0.0",
+    "@fluentui-react-native/theme": ">=0.6.0 <1.0.0",
+    "@fluentui-react-native/theme-types": ">=0.13.0 <1.0.0",
+    "@fluentui-react-native/themed-stylesheet": "^1.3.0",
+    "@fluentui-react-native/theming-utils": ">=0.8.1 <1.0.0",
+    "@fluentui-react-native/win32-theme": ">=0.14.1 <1.0.0",
+    "@fluentui/react-native": ">=0.27.1 <1.0.0",
+    "@react-native-community/slider": "^4.1.12",
     "@react-native-menu/menu": "^0.1.2",
     "@react-native-picker/picker": "^1.16.7",
     "tslib": "^1.13.0"
   },
   "devDependencies": {
+    "@fluentui-react-native/eslint-config-rules": "^0.1.1",
     "@rnx-kit/cli": "^0.5.27",
     "@types/jasmine": "3.5.10",
-    "@types/react": ">=16.9.34 < 16.14.0",
-    "@types/react-native": "^0.63.0",
+    "@types/react": "^17.0.2",
+    "@types/react-native": "^0.64.0",
     "@uifabricshared/build-native": "^0.1.1",
-    "@uifabricshared/eslint-config-rules": "^0.1.1",
     "@wdio/appium-service": "5.18.2",
     "@wdio/cli": "5.23.0",
     "@wdio/jasmine-framework": "5.18.6",
@@ -65,27 +65,27 @@
     "@wdio/spec-reporter": "5.22.4",
     "@wdio/sync": "5.20.1",
     "appium": "1.17.1",
-    "metro-react-native-babel-preset": "^0.59.0",
-    "react": "16.13.1",
-    "react-native": "^0.63.2",
-    "react-native-macos": "^0.63.41",
+    "metro-react-native-babel-preset": "^0.66.2",
+    "react": "17.0.1",
+    "react-native": "^0.64.3",
+    "react-native-macos": "^0.64.6",
     "react-native-svg": "^12.1.1",
     "react-native-svg-transformer": "^0.14.3",
-    "react-native-windows": "^0.64.0",
-    "react-test-renderer": "~16.13.1",
+    "react-native-windows": "^0.64.3",
+    "react-test-renderer": "17.0.1",
     "rnpm-plugin-windows": "^0.5.1-0",
     "ts-node": "^8.10.1",
     "tsconfig-paths": "^3.9.0",
     "typescript": "3.8.3",
-    "webdriverio": "6.2.0"
+    "webdriverio": "5.22.4"
   },
   "peerDependencies": {
-    "@office-iss/react-native-win32": "^0.63.7",
-    "react": "16.13.1",
-    "react-native": "^0.63.2",
-    "react-native-macos": "^0.63.41",
+    "@office-iss/react-native-win32": "^0.64.8",
+    "react": "17.0.1",
+    "react-native": "^0.64.3",
+    "react-native-macos": "^0.64.6",
     "react-native-svg": "^12.1.1",
-    "react-native-windows": "^0.64.0"
+    "react-native-windows": "^0.64.3"
   },
   "jest": {
     "preset": "react-native"

package/src/E2E/Button/pages/ButtonPageObject.ts

@@ -0,0 +1,34 @@
+import {
+  BUTTON_TESTPAGE,
+  BUTTON_TEST_COMPONENT,
+  BUTTON_NO_A11Y_LABEL_COMPONENT,
+  HOMEPAGE_BUTTON_BUTTON,
+} from '../../../FluentTester/TestComponents/Button/consts';
+import { BasePage, By } from '../../common/BasePage';
+
+class ButtonPageObject extends BasePage {
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(BUTTON_TESTPAGE);
+  }
+
+  get _pageName() {
+    return BUTTON_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(BUTTON_TEST_COMPONENT);
+  }
+
+  get _secondaryComponent() {
+    return By(BUTTON_NO_A11Y_LABEL_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_BUTTON_BUTTON);
+  }
+}
+
+export default new ButtonPageObject();

package/src/E2E/Button/specs/Button.spec.win.ts

@@ -0,0 +1,45 @@
+import NavigateAppPage from '../../common/NavigateAppPage';
+import ButtonPageObject from '../pages/ButtonPageObject';
+import { ComponentSelector } from '../../common/BasePage';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, BUTTON_A11Y_ROLE } from '../../common/consts';
+import { BUTTON_ACCESSIBILITY_LABEL, BUTTON_TEST_COMPONENT_LABEL } from '../../../FluentTester/TestComponents/Button/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('Button Testing Initialization', function () {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to Button test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    ButtonPageObject.scrollToComponentButton();
+    ButtonPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToButtonPage();
+    ButtonPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(ButtonPageObject.isPageLoaded()).toBeTruthy();
+  });
+});
+
+describe('Button Accessibility Testing', () => {
+  it('Button - Validate accessibilityRole is correct', () => {
+    ButtonPageObject.scrollToTestElement();
+    ButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(ButtonPageObject.getAccessibilityRole()).toEqual(BUTTON_A11Y_ROLE);
+  });
+
+  it('Button - Set accessibilityLabel', () => {
+    ButtonPageObject.scrollToTestElement();
+    ButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(ButtonPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(BUTTON_ACCESSIBILITY_LABEL);
+  });
+
+  it('Button - Do not set accessibilityLabel -> Default to Button label', () => {
+    ButtonPageObject.scrollToTestElement();
+    ButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(ButtonPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(BUTTON_TEST_COMPONENT_LABEL);
+  });
+});

package/src/E2E/ButtonExperimental/pages/ButtonExperimentalPageObject.ts

@@ -0,0 +1,34 @@
+import {
+  EXPERIMENTAL_BUTTON_TEST_PAGE,
+  BUTTONEXPERIMENTAL_TEST_COMPONENT,
+  BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT,
+  HOMEPAGE_BUTTON_BUTTONEXPERIMENTAL,
+} from '../../../FluentTester/TestComponents/ButtonExperimental/consts';
+import { BasePage, By } from '../../common/BasePage';
+
+class ButtonExperimentalPageObject extends BasePage {
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(EXPERIMENTAL_BUTTON_TEST_PAGE);
+  }
+
+  get _pageName() {
+    return EXPERIMENTAL_BUTTON_TEST_PAGE;
+  }
+
+  get _primaryComponent() {
+    return By(BUTTONEXPERIMENTAL_TEST_COMPONENT);
+  }
+
+  get _secondaryComponent() {
+    return By(BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_BUTTON_BUTTONEXPERIMENTAL);
+  }
+}
+
+export default new ButtonExperimentalPageObject();

package/src/E2E/ButtonExperimental/specs/ButtonExperimental.spec.win.ts

@@ -0,0 +1,50 @@
+import NavigateAppPage from '../../common/NavigateAppPage';
+import ButtonExperimentalPageObject from '../pages/ButtonExperimentalPageObject';
+import { ComponentSelector } from '../../common/BasePage';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, BUTTON_A11Y_ROLE } from '../../common/consts';
+import {
+  BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL,
+  BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL,
+} from '../../../FluentTester/TestComponents/ButtonExperimental/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('Button Testing Initialization', function () {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to Button test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    ButtonExperimentalPageObject.scrollToComponentButton();
+    ButtonExperimentalPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToExperimentalButtonPage();
+    ButtonExperimentalPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(ButtonExperimentalPageObject.isPageLoaded()).toBeTruthy();
+  });
+});
+
+describe('Button Accessibility Testing', () => {
+  it('Button - Validate accessibilityRole is correct', () => {
+    ButtonExperimentalPageObject.scrollToTestElement();
+    ButtonExperimentalPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(ButtonExperimentalPageObject.getAccessibilityRole()).toEqual(BUTTON_A11Y_ROLE);
+  });
+
+  it('Button - Set accessibilityLabel', () => {
+    ButtonExperimentalPageObject.scrollToTestElement();
+    ButtonExperimentalPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(ButtonExperimentalPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL);
+  });
+
+  it('Button - Do not set accessibilityLabel -> Default to Button label', () => {
+    ButtonExperimentalPageObject.scrollToTestElement();
+    ButtonExperimentalPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(ButtonExperimentalPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(
+      BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL,
+    );
+  });
+});

package/src/E2E/Callout/pages/CalloutPageObject.win.ts

@@ -0,0 +1,48 @@
+import {
+  CALLOUT_TESTPAGE,
+  CALLOUT_TEST_COMPONENT,
+  HOMEPAGE_CALLOUT_BUTTON,
+  BUTTON_TO_OPEN_CALLOUT,
+} from '../../../FluentTester/TestComponents/Callout/consts';
+import { BasePage, By, COMPONENT_SCROLL_COORDINATES } from '../../common/BasePage';
+
+class CalloutPageObject extends BasePage {
+  /******************************************************************/
+  /**************** UI Element Interaction Methods ******************/
+  /******************************************************************/
+  didCalloutLoad(): boolean {
+    return this._primaryComponent.isDisplayed();
+  }
+
+  /* OVERRIDE: This must scroll to the button that opens the callout, not the callout (since it's not visible on load.) */
+  scrollToTestElement(): void {
+    while (!this._buttonToOpenCallout.isDisplayed()) {
+      driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, this._testPage.elementId);
+    }
+  }
+
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(CALLOUT_TESTPAGE);
+  }
+
+  get _pageName() {
+    return CALLOUT_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(CALLOUT_TEST_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_CALLOUT_BUTTON);
+  }
+
+  get _buttonToOpenCallout() {
+    return By(BUTTON_TO_OPEN_CALLOUT);
+  }
+}
+
+export default new CalloutPageObject();

package/src/E2E/Callout/specs/Callout.spec.win.ts

@@ -0,0 +1,47 @@
+import NavigateAppPage from '../../common/NavigateAppPage';
+import CalloutPageObject from '../pages/CalloutPageObject.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('Callout Testing Initialization', function () {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to Callout test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    CalloutPageObject.scrollToComponentButton();
+    CalloutPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToCalloutPage();
+    CalloutPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(CalloutPageObject.isPageLoaded()).toBeTruthy();
+  });
+});
+
+/* This will be re-enabled after the Callout's ViewManager integrates the testID prop. This is used to select UI components */
+// describe('Callout Functional Testing', () => {
+//   it('Open the callout and validate it loaded correctly (visible)', () => {
+//     CalloutPageObject.scrollToTestElement();
+//     CalloutPageObject.openCallout();
+//     CalloutPageObject.waitForCalloutComponentInView(PAGE_TIMEOUT);
+//     expect(CalloutPageObject.didCalloutLoad()).toBeTruthy();
+//   });
+// });
+
+// describe('Callout Accessibility Testing', () => {
+//   it('Validate accessibilityRole is correct', () => {
+//     CalloutPageObject.scrollToTestElement();
+//     CalloutPageObject.waitForCalloutComponentInView(PAGE_TIMEOUT);
+//     expect(CalloutPageObject.getAccessibilityRole()).toEqual(CALLOUT_A11Y_ROLE);
+//   });
+
+//   it('Set accessibilityLabel', () => {
+//     CalloutPageObject.scrollToTestElement();
+//     CalloutPageObject.waitForCalloutComponentInView(PAGE_TIMEOUT);
+//     expect(CalloutPageObject.getAccessibilityLabel(CalloutSelector.Primary)).toEqual(CALLOUT_ACCESSIBILITY_LABEL);
+//   });
+// });

package/src/E2E/Checkbox/pages/CheckboxPageObject.ts

@@ -0,0 +1,52 @@
+import {
+  CHECKBOX_TESTPAGE,
+  CHECKBOX_TEST_COMPONENT,
+  CHECKBOX_NO_A11Y_LABEL_COMPONENT,
+  HOMEPAGE_CHECKBOX_BUTTON,
+} from '../../../FluentTester/TestComponents/Checkbox/consts';
+import { BasePage, By } from '../../common/BasePage';
+
+class CheckboxPageObject extends BasePage {
+  /******************************************************************/
+  /**************** UI Element Interaction Methods ******************/
+  /******************************************************************/
+  isCheckboxChecked(): boolean {
+    return this._primaryComponent.isSelected();
+  }
+
+  waitForCheckboxUnchecked(timeout?: number): void {
+    browser.waitUntil(
+      () => {
+        return !this.isCheckboxChecked();
+      },
+      timeout ?? this.waitForPageTimeout,
+      'The onPress() callback for ' + this._pageName + ' did not fire correctly.',
+      2000,
+    );
+  }
+
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(CHECKBOX_TESTPAGE);
+  }
+
+  get _pageName() {
+    return CHECKBOX_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(CHECKBOX_TEST_COMPONENT);
+  }
+
+  get _secondaryComponent() {
+    return By(CHECKBOX_NO_A11Y_LABEL_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_CHECKBOX_BUTTON);
+  }
+}
+
+export default new CheckboxPageObject();

package/src/E2E/Checkbox/specs/Checkbox.spec.win.ts

@@ -0,0 +1,44 @@
+import NavigateAppPage from '../../common/NavigateAppPage';
+import CheckboxPageObject from '../pages/CheckboxPageObject';
+import { ComponentSelector } from '../../common/BasePage';
+import { CHECKBOX_TEST_COMPONENT_LABEL, CHECKBOX_ACCESSIBILITY_LABEL } from '../../../FluentTester/TestComponents/Checkbox/consts';
+import { CHECKBOX_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+describe('Checkbox Testing Initialization', () => {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to Checkbox test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    CheckboxPageObject.scrollToComponentButton();
+    CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToCheckboxPage();
+    CheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(CheckboxPageObject.isPageLoaded()).toBeTruthy();
+  });
+});
+
+describe('Checkbox Accessibility Testing', () => {
+  it('Checkbox - Validate accessibilityRole is correct', () => {
+    CheckboxPageObject.scrollToTestElement();
+    CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(CheckboxPageObject.getAccessibilityRole()).toEqual(CHECKBOX_A11Y_ROLE);
+  });
+
+  it('Checkbox - Set accessibilityLabel', () => {
+    CheckboxPageObject.scrollToTestElement();
+    CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(CHECKBOX_ACCESSIBILITY_LABEL);
+  });
+
+  it('Checkbox - Do not set accessibilityLabel -> Default to Checkbox label', () => {
+    CheckboxPageObject.scrollToTestElement();
+    CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(CHECKBOX_TEST_COMPONENT_LABEL);
+  });
+});

package/src/E2E/ContextualMenu/pages/ContextualMenuPageObject.win.ts

@@ -0,0 +1,29 @@
+import {
+  CONTEXTUALMENU_TESTPAGE,
+  CONTEXTUALMENU_TEST_COMPONENT,
+  HOMEPAGE_CONTEXTUALMENU_BUTTON,
+} from '../../../FluentTester/TestComponents/ContextualMenu/consts';
+import { BasePage, By } from '../../common/BasePage';
+
+class ContextualMenuPageObject extends BasePage {
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(CONTEXTUALMENU_TESTPAGE);
+  }
+
+  get _pageName() {
+    return CONTEXTUALMENU_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(CONTEXTUALMENU_TEST_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_CONTEXTUALMENU_BUTTON);
+  }
+}
+
+export default new ContextualMenuPageObject();

package/src/E2E/ContextualMenu/specs/ContextualMenu.spec.win.ts

@@ -0,0 +1,25 @@
+import NavigateAppPage from '../../common/NavigateAppPage';
+import ContextualMenuPageObjectObject from '../pages/ContextualMenuPageObject.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('ContextualMenu Testing Initialization', function () {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+});
+
+describe('ContextualMenu Functional Tests', () => {
+  it('Click and navigate to ContextualMenu test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    ContextualMenuPageObjectObject.scrollToComponentButton();
+    ContextualMenuPageObjectObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToContextualMenuPage();
+    ContextualMenuPageObjectObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(ContextualMenuPageObjectObject.isPageLoaded()).toBeTruthy();
+  });
+});