@fluentui-react-native/tester 0.47.2 → 0.49.0

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var consts_1 = require("./consts");
+var Test_1 = require("../Test");
+var BasicAvatar_1 = require("./BasicAvatar");
+var CustomizedAvatar_1 = require("./CustomizedAvatar");
+var avatarSections = [
+    {
+        name: 'Standard Usage',
+        testID: consts_1.JSAVATAR_TESTPAGE,
+        component: BasicAvatar_1.StandardUsage,
+    },
+    {
+        name: 'Customize Usage',
+        component: CustomizedAvatar_1.CustomizeUsage,
+    },
+];
+exports.JSAvatarTest = function () {
+    var status = {
+        win32Status: 'Experimental',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Beta',
+        macosStatus: 'Experimental',
+        androidStatus: 'Backlog',
+    };
+    var description = 'AvatarView is a visual representation of a user, entity, or group. If an image is supplied, it is cropped to a circle of the requested size. If an image is not supplied, initials are extracted from the given name and email address provided and displayed on a colorful background.';
+    return React.createElement(Test_1.Test, { name: "Avatar Test", description: description, sections: avatarSections, status: status });
+};
+//# sourceMappingURL=JSAvatarTest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JSAvatarTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/JSAvatarTest.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,mCAA6C;AAC7C,gCAA4D;AAC5D,6CAA8C;AAC9C,uDAAoD;AAEpD,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,0BAAiB;QACzB,SAAS,EAAE,2BAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,iCAAc;KAC1B;CACF,CAAC;AAEW,QAAA,YAAY,GAA4B;IACnD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,yRAAyR,CAAC;IAE5R,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Avatar/consts.d.ts

@@ -1,3 +1,4 @@
 export declare const HOMEPAGE_AVATAR_BUTTON = "Homepage_Avatar_Button";
 export declare const AVATAR_TESTPAGE = "Avatar_TestPage";
+export declare const JSAVATAR_TESTPAGE = "Avatar_Win32_TestPage";
 //# sourceMappingURL=consts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,0BAA0B,CAAC"}

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

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HOMEPAGE_AVATAR_BUTTON = 'Homepage_Avatar_Button';
 exports.AVATAR_TESTPAGE = 'Avatar_TestPage';
+exports.JSAVATAR_TESTPAGE = 'Avatar_Win32_TestPage';
 //# sourceMappingURL=consts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/consts.ts"],"names":[],"mappings":";;AAAa,QAAA,sBAAsB,GAAG,wBAAwB,CAAC;AAClD,QAAA,eAAe,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/consts.ts"],"names":[],"mappings":";;AAAa,QAAA,sBAAsB,GAAG,wBAAwB,CAAC;AAClD,QAAA,eAAe,GAAG,iBAAiB,CAAC;AACpC,QAAA,iBAAiB,GAAG,uBAAuB,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Avatar/index.d.ts

@@ -1,3 +1,4 @@
 export * from './AvatarTest';
+export * from './JSAvatarTest';
 export * from './consts';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

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

@@ -2,5 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./AvatarTest"), exports);
+tslib_1.__exportStar(require("./JSAvatarTest"), exports);
 tslib_1.__exportStar(require("./consts"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,mDAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,yDAA+B;AAC/B,mDAAyB"}

package/lib-commonjs/FluentTester/TestComponents/Button/ButtonTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAa9B,CAAC"}
+{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAa9B,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Button/ButtonTest.js

@@ -5,6 +5,7 @@ var React = tslib_1.__importStar(require("react"));
 var ButtonFocusTest_1 = require("./ButtonFocusTest");
 var ButtonIconTest_1 = require("./ButtonIconTest");
 var consts_1 = require("./consts");
+var E2EButtonTest_1 = require("./E2EButtonTest");
 var Test_1 = require("../Test");
 var buttonSections = [
     {
@@ -16,6 +17,10 @@ var buttonSections = [
         name: 'Icon Button',
         component: ButtonIconTest_1.ButtonIconTest,
     },
+    {
+        name: 'E2E Button Testing',
+        component: E2EButtonTest_1.E2EButtonTest,
+    },
 ];
 exports.ButtonTest = function () {
     var status = {

package/lib-commonjs/FluentTester/TestComponents/Button/ButtonTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,qDAAoD;AACpD,mDAAkD;AAClD,mCAA2C;AAC3C,gCAA4D;AAE5D,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,iCAAe;KAC3B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,+BAAc;KAC1B;CACF,CAAC;AAEW,QAAA,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,qyBAAqyB,CAAC;IAExyB,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC9G,CAAC,CAAC"}
+{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,qDAAoD;AACpD,mDAAkD;AAClD,mCAA2C;AAC3C,iDAAgD;AAChD,gCAA4D;AAE5D,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,iCAAe;KAC3B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,+BAAc;KAC1B;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,6BAAa;KACzB;CACF,CAAC;AAEW,QAAA,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,qyBAAqyB,CAAC;IAExyB,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC9G,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Button/E2EButtonTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const E2EButtonTest: React.FunctionComponent;
+//# sourceMappingURL=E2EButtonTest.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/Button/E2EButtonTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAqBjC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Button/E2EButtonTest.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-var-requires */
+var react_native_1 = require("@fluentui/react-native");
+var stack_1 = require("@fluentui-react-native/stack");
+var React = tslib_1.__importStar(require("react"));
+var react_native_2 = require("react-native");
+var styles_1 = require("../Common/styles");
+var consts_1 = require("./consts");
+exports.E2EButtonTest = function () {
+    var _a = React.useState(false), buttonPressed = _a[0], setButtonPressed = _a[1];
+    var onClick = React.useCallback(function () {
+        setButtonPressed(!buttonPressed);
+    }, [buttonPressed]);
+    return (React.createElement(react_native_2.View, null,
+        React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+            React.createElement(react_native_1.Button, { content: "This is a button for E2E testing", testID: consts_1.BUTTON_TEST_COMPONENT, onClick: onClick, accessibilityLabel: consts_1.BUTTON_ACCESSIBILITY_LABEL }),
+            React.createElement(react_native_1.Button, { content: consts_1.BUTTON_TEST_COMPONENT_LABEL, testID: consts_1.BUTTON_NO_A11Y_LABEL_COMPONENT, onClick: onClick }),
+            buttonPressed ? React.createElement(react_native_1.Text, { testID: consts_1.BUTTON_ON_PRESS }, "Button Pressed") : null)));
+};
+//# sourceMappingURL=E2EButtonTest.js.map

package/lib-commonjs/FluentTester/TestComponents/Button/E2EButtonTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":";;;AAAA,uDAAuD;AACvD,uDAAsD;AACtD,sDAAqD;AACrD,mDAA+B;AAC/B,6CAAoC;AACpC,2CAA8C;AAC9C,mCAMkB;AAEL,QAAA,aAAa,GAA4B;IAC9C,IAAA,0BAAyD,EAAxD,qBAAa,EAAE,wBAAyC,CAAC;IAEhE,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,oBAAC,qBAAM,IACL,OAAO,EAAC,kCAAkC,EAC1C,MAAM,EAAE,8BAAqB,EAC7B,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,mCAA0B,GAC9C;YACF,oBAAC,qBAAM,IAAC,OAAO,EAAE,oCAA2B,EAAE,MAAM,EAAE,uCAA8B,EAAE,OAAO,EAAE,OAAO,GAAI;YACzG,aAAa,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,MAAM,EAAE,wBAAe,qBAAuB,CAAC,CAAC,CAAC,IAAI,CACtE,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Button/consts.d.ts

@@ -1,3 +1,8 @@
 export declare const HOMEPAGE_BUTTON_BUTTON = "Homepage_Button_Button";
 export declare const BUTTON_TESTPAGE = "Button_TestPage";
+export declare const BUTTON_TEST_COMPONENT = "Button_Test_Component";
+export declare const BUTTON_ACCESSIBILITY_LABEL = "E2E testing Button accessibility label";
+export declare const BUTTON_NO_A11Y_LABEL_COMPONENT = "Button_No_A11y_label_Component";
+export declare const BUTTON_TEST_COMPONENT_LABEL = "Test Button2 - No Accessibility Label";
+export declare const BUTTON_ON_PRESS = "Button_On_Press";
 //# sourceMappingURL=consts.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/Button/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,eAAe,oBAAoB,CAAC;AAGjD,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAC7D,eAAO,MAAM,0BAA0B,2CAA2C,CAAC;AAGnF,eAAO,MAAM,8BAA8B,mCAAmC,CAAC;AAC/E,eAAO,MAAM,2BAA2B,0CAA0C,CAAC;AAEnF,eAAO,MAAM,eAAe,oBAAoB,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Button/consts.js

@@ -1,5 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HOMEPAGE_BUTTON_BUTTON = 'Homepage_Button_Button'; // Button on the homepage that navigates to the selected test page
-exports.BUTTON_TESTPAGE = 'Button_TestPage'; // A component on each specific test page.
+exports.BUTTON_TESTPAGE = 'Button_TestPage'; // The title of each test page. This is displayed after navigating to the test page
+/* Test Button 1 */
+exports.BUTTON_TEST_COMPONENT = 'Button_Test_Component'; // A component on each specific test page
+exports.BUTTON_ACCESSIBILITY_LABEL = 'E2E testing Button accessibility label';
+/* Test Button 2 */
+exports.BUTTON_NO_A11Y_LABEL_COMPONENT = 'Button_No_A11y_label_Component';
+exports.BUTTON_TEST_COMPONENT_LABEL = 'Test Button2 - No Accessibility Label'; // A component on each specific test page
+exports.BUTTON_ON_PRESS = 'Button_On_Press'; // For testing the press functionality on a button
 //# sourceMappingURL=consts.js.map

package/lib-commonjs/FluentTester/TestComponents/Button/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/consts.ts"],"names":[],"mappings":";;AAAa,QAAA,sBAAsB,GAAG,wBAAwB,CAAC,CAAC,kEAAkE;AACrH,QAAA,eAAe,GAAG,iBAAiB,CAAC,CAAC,0CAA0C"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/consts.ts"],"names":[],"mappings":";;AAAa,QAAA,sBAAsB,GAAG,wBAAwB,CAAC,CAAC,kEAAkE;AACrH,QAAA,eAAe,GAAG,iBAAiB,CAAC,CAAC,mFAAmF;AAErI,mBAAmB;AACN,QAAA,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,yCAAyC;AAC1F,QAAA,0BAA0B,GAAG,wCAAwC,CAAC;AAEnF,mBAAmB;AACN,QAAA,8BAA8B,GAAG,gCAAgC,CAAC;AAClE,QAAA,2BAA2B,GAAG,uCAAuC,CAAC,CAAC,yCAAyC;AAEhH,QAAA,eAAe,GAAG,iBAAiB,CAAC,CAAC,kDAAkD"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIconTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAmClC,CAAC"}
+{"version":3,"file":"ButtonIconTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA+DlC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.js

@@ -6,6 +6,7 @@ var React = tslib_1.__importStar(require("react"));
 var react_native_1 = require("react-native");
 var styles_1 = require("../Common/styles");
 var test_svg_1 = tslib_1.__importDefault(require("./test.svg"));
+var react_native_svg_1 = require("react-native-svg");
 exports.ButtonIconTest = function () {
     var fontBuiltInProps = {
         fontFamily: 'Arial',
@@ -19,14 +20,19 @@ exports.ButtonIconTest = function () {
         viewBox: '0 0 500 500',
     };
     var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
+    var chevronXml = "\n          <svg width=\"12\" height=\"16\" viewBox=\"0 0 11 6\" color=\"#000\">\n            <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />\n          </svg>";
     return (React.createElement(react_native_1.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
-        React.createElement(experimental_button_1.Button, { icon: { fontSource: tslib_1.__assign(tslib_1.__assign({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, content: "Font icon", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { icon: { fontSource: fontBuiltInProps }, content: "Font icon", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { primary: true, icon: { fontSource: fontBuiltInProps }, content: "Font icon", style: styles_1.commonTestStyles.vmargin }),
+        React.createElement(experimental_button_1.Button, { icon: { fontSource: tslib_1.__assign(tslib_1.__assign({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
+        React.createElement(experimental_button_1.Button, { icon: { fontSource: tslib_1.__assign(tslib_1.__assign({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin, iconPosition: "after" }, "Icon after"),
+        svgIconsEnabled && (React.createElement(experimental_button_1.Button, { style: styles_1.commonTestStyles.vmargin, icon: { svgSource: svgProps } },
+            "Icon Button and Chevron",
+            React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml }))),
+        React.createElement(experimental_button_1.Button, { icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
         svgIconsEnabled && (React.createElement(React.Fragment, null,
-            React.createElement(experimental_button_1.Button, { primary: true, icon: { svgSource: svgProps, color: 'red' }, content: "SVG", style: styles_1.commonTestStyles.vmargin }),
-            React.createElement(experimental_button_1.Button, { icon: { svgSource: svgProps }, content: "SVG", style: styles_1.commonTestStyles.vmargin }))),
-        React.createElement(experimental_button_1.Button, { primary: true, icon: testImage, content: "PNG", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { icon: testImage, content: "PNG", style: styles_1.commonTestStyles.vmargin })));
+            React.createElement(experimental_button_1.Button, { appearance: "primary", icon: { svgSource: svgProps, color: 'red' }, style: styles_1.commonTestStyles.vmargin }, "SVG"),
+            React.createElement(experimental_button_1.Button, { icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "SVG"))),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
+        React.createElement(experimental_button_1.Button, { icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG")));
 };
 //# sourceMappingURL=ButtonIconTestSection.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoE;AACpE,mDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAEhE,gEAAiC;AAEpB,QAAA,cAAc,GAA4B;IACrD,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,uDAAuD;IACvD,IAAM,SAAS,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAE9C,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IACL,IAAI,EAAE,EAAE,UAAU,wCAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAC/B;QACF,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACvG,oBAAC,4BAAM,IAAC,OAAO,QAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC9G,eAAe,IAAI,CAClB;YACE,oBAAC,4BAAM,IAAC,OAAO,QAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YAC9G,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CACvF,CACJ;QACD,oBAAC,4BAAM,IAAC,OAAO,QAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAClF,oBAAC,4BAAM,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CACrE,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoE;AACpE,mDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAEhE,gEAAiC;AACjC,qDAA0C;AAE7B,QAAA,cAAc,GAA4B;IACrD,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,uDAAuD;IACvD,IAAM,SAAS,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAE9C,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,IAAM,UAAU,GAAG,ieAGJ,CAAC;IAEhB,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,UAAU,wCAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE1G;QACT,oBAAC,4BAAM,IACL,IAAI,EAAE,EAAE,UAAU,wCAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,YAAY,EAAC,OAAO,iBAGb;QACR,eAAe,IAAI,CAClB,oBAAC,4BAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;;YAEpE,oBAAC,yBAAM,IAAC,GAAG,EAAE,UAAU,GAAI,CACpB,CACV;QACD,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAEtE;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE3F;QACR,eAAe,IAAI,CAClB;YACE,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEhG;YACT,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE7D,CACR,CACJ;QACD,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEpE;QACT,oBAAC,4BAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C,CACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const ButtonShapeTest: React.FunctionComponent;
+//# sourceMappingURL=ButtonShapeTestSection.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonShapeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAgCnC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var experimental_button_1 = require("@fluentui-react-native/experimental-button");
+var React = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
+var styles_1 = require("../Common/styles");
+exports.ButtonShapeTest = function () {
+    return (React.createElement(react_native_1.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
+        React.createElement(experimental_button_1.Button, { shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Default Rounded Button"),
+        React.createElement(experimental_button_1.Button, { shape: "square", style: styles_1.commonTestStyles.vmargin }, "Square Button"),
+        React.createElement(experimental_button_1.Button, { shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Circular Button"),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Primary Rounded Button"),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", shape: "square", style: styles_1.commonTestStyles.vmargin }, "Square Button"),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Circular Button"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "rounded", shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "square", shape: "square", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "circular", shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Compound Button")));
+};
+//# sourceMappingURL=ButtonShapeTestSection.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonShapeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoF;AACpF,mDAA+B;AAC/B,6CAAoC;AACpC,2CAAgE;AAEnD,QAAA,eAAe,GAA4B;IACtD,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE9C;QACT,oBAAC,4BAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAE7C;QACT,oBAAC,4BAAM,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAE/C;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEnE;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAElE;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEpE;QACT,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEzE;QACjB,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEvE;QACjB,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAE3E,CACZ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAwBlC,CAAC"}
+{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAsDlC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js

@@ -14,14 +14,20 @@ exports.ButtonSizeTest = function () {
     var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
     return (React.createElement(react_native_1.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
         svgIconsEnabled && (React.createElement(React.Fragment, null,
-            React.createElement(experimental_button_1.Button, { size: "small", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
-            React.createElement(experimental_button_1.Button, { size: "medium", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
-            React.createElement(experimental_button_1.Button, { size: "large", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }))),
-        React.createElement(experimental_button_1.Button, { size: "small", content: "Small", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { size: "medium", content: "Medium", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { size: "large", content: "Large", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { size: "small", content: "Small", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { size: "medium", content: "Medium", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { size: "large", content: "Large", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin })));
+            React.createElement(experimental_button_1.Button, { iconOnly: true, size: "small", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(experimental_button_1.Button, { iconOnly: true, size: "medium", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(experimental_button_1.Button, { iconOnly: true, size: "large", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(experimental_button_1.Button, { size: "small", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Small Button with icon"),
+            React.createElement(experimental_button_1.Button, { size: "medium", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Medium Button with icon"),
+            React.createElement(experimental_button_1.Button, { size: "large", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Large Button with icon"))),
+        React.createElement(experimental_button_1.Button, { size: "small", style: styles_1.commonTestStyles.vmargin }, "Small"),
+        React.createElement(experimental_button_1.Button, { size: "medium", style: styles_1.commonTestStyles.vmargin }, "Medium"),
+        React.createElement(experimental_button_1.Button, { size: "large", style: styles_1.commonTestStyles.vmargin }, "Large"),
+        React.createElement(experimental_button_1.Button, { loading: true, size: "small", style: styles_1.commonTestStyles.vmargin }, "Loading Button Small"),
+        React.createElement(experimental_button_1.Button, { loading: true, size: "medium", style: styles_1.commonTestStyles.vmargin }, "Loading Button Medium"),
+        React.createElement(experimental_button_1.Button, { loading: true, size: "large", style: styles_1.commonTestStyles.vmargin }, "Loading Button Large"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "rounded", shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "square", shape: "square", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "circular", shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Compound Button")));
 };
 //# sourceMappingURL=ButtonSizeTestSection.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoF;AAEpF,mDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAChE,gEAAiC;AAEpB,QAAA,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC7C,eAAe,IAAI,CAClB;YACE,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YACvF,oBAAC,4BAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YACxF,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CACtF,CACJ;QACD,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACxE,oBAAC,4BAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC1E,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACxE,oBAAC,oCAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC5G,oBAAC,oCAAc,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC9G,oBAAC,oCAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CACvG,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoF;AAEpF,mDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAChE,gEAAiC;AAEpB,QAAA,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC7C,eAAe,IAAI,CAClB;YACE,oBAAC,4BAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YAChG,oBAAC,4BAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YACjG,oBAAC,4BAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YAChG,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE1E;YACT,oBAAC,4BAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAE3E;YACT,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE1E,CACR,CACJ;QACD,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAE3C;QACT,oBAAC,4BAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAE5C;QACT,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAE3C;QACT,oBAAC,4BAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,2BAEnD;QACT,oBAAC,4BAAM,IAAC,OAAO,QAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,4BAEpD;QACT,oBAAC,4BAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,2BAEnD;QACT,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEzE;QACjB,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEvE;QACjB,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAE3E,CACZ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4B/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAa1C,CAAC"}
+{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAa1C,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonTest.js

@@ -8,12 +8,18 @@ var consts_1 = require("./consts");
 var Test_1 = require("../Test");
 var ButtonIconTestSection_1 = require("./ButtonIconTestSection");
 var ButtonSizeTestSection_1 = require("./ButtonSizeTestSection");
+var ButtonShapeTestSection_1 = require("./ButtonShapeTestSection");
+var E2EButtonTest_1 = require("./E2EButtonTest");
 var buttonSections = [
     {
         name: 'Button Variants',
-        testID: consts_1.ExperimentalButtonTestPageId,
+        testID: consts_1.EXPERIMENTAL_BUTTON_TEST_PAGE,
         component: ButtonVariantTestSection_1.ButtonVariantTest,
     },
+    {
+        name: 'Button Shape',
+        component: ButtonShapeTestSection_1.ButtonShapeTest,
+    },
     {
         name: 'Icon Button',
         component: ButtonIconTestSection_1.ButtonIconTest,
@@ -26,6 +32,10 @@ var buttonSections = [
         name: 'Sizes',
         component: ButtonSizeTestSection_1.ButtonSizeTest,
     },
+    {
+        name: 'E2E Button Testing',
+        component: E2EButtonTest_1.E2EButtonExperimentalTest,
+    },
 ];
 exports.ExperimentalButtonTest = function () {
     var status = {

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,uEAA+D;AAC/D,qEAA6D;AAC7D,mCAAwD;AACxD,gCAA4D;AAC5D,iEAAyD;AACzD,iEAAyD;AAEzD,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,qCAA4B;QACpC,SAAS,EAAE,4CAAiB;KAC7B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,sCAAc;KAC1B;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,0CAAgB;KAC5B;IACD;QACE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,sCAAc;KAC1B;CACF,CAAC;AAEW,QAAA,sBAAsB,GAA4B;IAC7D,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,qyBAAqyB,CAAC;IAExyB,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,0BAA0B,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACtH,CAAC,CAAC"}
+{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,uEAA+D;AAC/D,qEAA6D;AAC7D,mCAAyD;AACzD,gCAA4D;AAC5D,iEAAyD;AACzD,iEAAyD;AACzD,mEAA2D;AAC3D,iDAA4D;AAE5D,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,sCAA6B;QACrC,SAAS,EAAE,4CAAiB;KAC7B;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,wCAAe;KAC3B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,sCAAc;KAC1B;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,0CAAgB;KAC5B;IACD;QACE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,sCAAc;KAC1B;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,yCAAyB;KACrC;CACF,CAAC;AAEW,QAAA,sBAAsB,GAA4B;IAC7D,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,qyBAAqyB,CAAC;IAExyB,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,0BAA0B,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACtH,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAyBrC,CAAC"}
+{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA2CrC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.js

@@ -12,17 +12,18 @@ exports.ButtonVariantTest = function () {
         viewBox: '0 0 500 500',
     };
     return (React.createElement(react_native_1.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
-        React.createElement(experimental_button_1.Button, { content: "Default", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { primary: true, content: "Primary", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { subtle: true, content: "Subtle", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { fluid: true, content: "Fluid", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { primary: true, fluid: true, content: "Fluid Primary", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { subtle: true, fluid: true, content: "Fluid Subtle", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { content: "Default", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { primary: true, content: "Primary", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { subtle: true, content: "Subtle", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }),
-        react_native_1.Platform.OS !== 'windows' && (React.createElement(React.Fragment, null,
-            React.createElement(experimental_button_1.Button, { fab: true, icon: { svgSource: svgProps, width: 20, height: 20 }, style: styles_1.commonTestStyles.vmargin }),
-            React.createElement(experimental_button_1.Button, { fab: true, icon: { svgSource: svgProps, width: 20, height: 20 }, content: "FAB", style: styles_1.commonTestStyles.vmargin })))));
+        React.createElement(experimental_button_1.Button, { style: styles_1.commonTestStyles.vmargin }, "Default"),
+        React.createElement(experimental_button_1.Button, { disabled: true, style: styles_1.commonTestStyles.vmargin }, "Disabled"),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Primary"),
+        React.createElement(experimental_button_1.Button, { appearance: "subtle", style: styles_1.commonTestStyles.vmargin }, "Subtle"),
+        React.createElement(experimental_button_1.Button, { loading: true }, "Loading Button"),
+        React.createElement(experimental_button_1.Button, { block: true, style: styles_1.commonTestStyles.vmargin }, "Block"),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", block: true, style: styles_1.commonTestStyles.vmargin }, "Block Primary"),
+        React.createElement(experimental_button_1.Button, { appearance: "subtle", block: true, style: styles_1.commonTestStyles.vmargin }, "Block Subtle"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Default"),
+        React.createElement(experimental_button_1.CompoundButton, { appearance: "primary", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Primary"),
+        React.createElement(experimental_button_1.CompoundButton, { appearance: "subtle", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Subtle"),
+        React.createElement(experimental_button_1.FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: styles_1.commonTestStyles.vmargin }),
+        React.createElement(experimental_button_1.FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: styles_1.commonTestStyles.vmargin }, "FAB")));
 };
 //# sourceMappingURL=ButtonVariantTestSection.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoF;AACpF,mDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAEhE,gEAAiC;AAEpB,QAAA,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC7D,oBAAC,4BAAM,IAAC,OAAO,QAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACrE,oBAAC,4BAAM,IAAC,MAAM,QAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACnE,oBAAC,4BAAM,IAAC,KAAK,QAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACjE,oBAAC,4BAAM,IAAC,OAAO,QAAC,KAAK,QAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACjF,oBAAC,4BAAM,IAAC,MAAM,QAAC,KAAK,QAAC,OAAO,EAAC,cAAc,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC/E,oBAAC,oCAAc,IAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACjG,oBAAC,oCAAc,IAAC,OAAO,QAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACzG,oBAAC,oCAAc,IAAC,MAAM,QAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACtG,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B;YACE,oBAAC,4BAAM,IAAC,GAAG,QAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YACrG,oBAAC,4BAAM,IAAC,GAAG,QAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CAClH,CACJ,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAyF;AACzF,mDAA+B;AAC/B,6CAAoC;AACpC,2CAAgE;AAEhE,gEAAiC;AAEpB,QAAA,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,4BAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,eAEvC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,4BAAM,IAAC,OAAO,2BAAwB;QACvC,oBAAC,4BAAM,IAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAEpC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAEzD;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,mBAExD;QACT,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE1D;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE/E;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAE9E;QACjB,oBAAC,yBAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC9F,oBAAC,yBAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEpF,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const E2EButtonExperimentalTest: React.FunctionComponent;
+//# sourceMappingURL=E2EButtonTest.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,iBAqB7C,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-var-requires */
+var react_native_1 = require("@fluentui/react-native");
+var experimental_button_1 = require("@fluentui-react-native/experimental-button");
+var stack_1 = require("@fluentui-react-native/stack");
+var React = tslib_1.__importStar(require("react"));
+var react_native_2 = require("react-native");
+var styles_1 = require("../Common/styles");
+var consts_1 = require("./consts");
+exports.E2EButtonExperimentalTest = function () {
+    var _a = React.useState(false), buttonPressed = _a[0], setButtonPressed = _a[1];
+    var onClick = React.useCallback(function () {
+        setButtonPressed(!buttonPressed);
+    }, [buttonPressed]);
+    return (React.createElement(react_native_2.View, null,
+        React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+            React.createElement(experimental_button_1.Button, { content: "This is a button for E2E testing", testID: consts_1.BUTTONEXPERIMENTAL_TEST_COMPONENT, onClick: onClick, accessibilityLabel: consts_1.BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL }),
+            React.createElement(experimental_button_1.Button, { content: consts_1.BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL, testID: consts_1.BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT, onClick: onClick }),
+            buttonPressed ? React.createElement(react_native_1.Text, { testID: consts_1.BUTTONEXPERIMENTAL_ON_PRESS }, "Button Pressed") : null)));
+};
+//# sourceMappingURL=E2EButtonTest.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.tsx"],"names":[],"mappings":";;;AAAA,uDAAuD;AACvD,uDAA8C;AAC9C,kFAAoE;AACpE,sDAAqD;AACrD,mDAA+B;AAC/B,6CAAoC;AACpC,2CAA8C;AAC9C,mCAMkB;AAEL,QAAA,yBAAyB,GAA4B;IAC1D,IAAA,0BAAyD,EAAxD,qBAAa,EAAE,wBAAyC,CAAC;IAEhE,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,oBAAC,4BAAM,IACL,OAAO,EAAC,kCAAkC,EAC1C,MAAM,EAAE,0CAAiC,EACzC,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,+CAAsC,GAC1D;YACF,oBAAC,4BAAM,IAAC,OAAO,EAAE,gDAAuC,EAAE,MAAM,EAAE,mDAA0C,EAAE,OAAO,EAAE,OAAO,GAAI;YACjI,aAAa,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,MAAM,EAAE,oCAA2B,qBAAuB,CAAC,CAAC,CAAC,IAAI,CAClF,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAuBpC,CAAC"}
+{"version":3,"file":"ToggleButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAwCpC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.js

@@ -21,14 +21,16 @@ exports.ToggleButtonTest = function () {
     var onGhostClicked = React.useCallback(function () { return setSubtleChecked(!subtleChecked); }, [subtleChecked, setSubtleChecked]);
     return (React.createElement(react_native_2.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
         React.createElement(react_native_2.View, { style: styles.row },
-            React.createElement(experimental_button_1.ToggleButton, { onClick: onDefaultClicked, checked: defaultChecked, content: "Default Toggle", style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(experimental_button_1.ToggleButton, { onClick: onDefaultClicked, checked: defaultChecked, style: styles_1.commonTestStyles.vmargin }, "Default Toggle"),
             React.createElement(react_native_1.Checkbox, { checked: defaultChecked, label: "Default Toggle is Checked", style: [styles_1.commonTestStyles.vmargin, styles.hmargin] })),
-        React.createElement(experimental_button_1.ToggleButton, { checked: true, content: "Checked Default Toggle", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.ToggleButton, { checked: false, content: "Unchecked Default Toggle", style: styles_1.commonTestStyles.vmargin }),
+        React.createElement(experimental_button_1.ToggleButton, { checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Default Toggle"),
+        React.createElement(experimental_button_1.ToggleButton, { checked: false, style: styles_1.commonTestStyles.vmargin }, "Unchecked Default Toggle"),
+        React.createElement(experimental_button_1.ToggleButton, { appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Primary Toggle"),
+        React.createElement(experimental_button_1.ToggleButton, { defaultChecked: true, appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Primary Toggle"),
         React.createElement(react_native_2.View, { style: styles.row },
-            React.createElement(experimental_button_1.ToggleButton, { subtle: true, onClick: onGhostClicked, checked: subtleChecked, content: "Subtle Toggle", style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", onClick: onGhostClicked, checked: subtleChecked, style: styles_1.commonTestStyles.vmargin }, "Subtle Toggle"),
             React.createElement(react_native_1.Checkbox, { checked: subtleChecked, label: "Subtle Toggle is Checked", style: [styles_1.commonTestStyles.vmargin, styles.hmargin] })),
-        React.createElement(experimental_button_1.ToggleButton, { subtle: true, checked: true, content: "Checked Subtle Toggle", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.ToggleButton, { subtle: true, checked: false, content: "Unchecked Subtle Toggle", style: styles_1.commonTestStyles.vmargin })));
+        React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Subtle Toggle"),
+        React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", checked: false, style: styles_1.commonTestStyles.vmargin }, "Unchecked Subtle Toggle")));
 };
 //# sourceMappingURL=ToggleButtonTestSection.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAA0E;AAC1E,uDAAkD;AAClD,mDAA+B;AAC/B,6CAAgD;AAChD,2CAAgE;AAEhE,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAA4B;IACjD,IAAA,0BAA2D,EAA1D,sBAAc,EAAE,yBAA0C,CAAC;IAClE,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,EAAlC,CAAkC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpH,IAAA,0BAAyD,EAAxD,qBAAa,EAAE,wBAAyC,CAAC;IAChE,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,gBAAgB,CAAC,CAAC,aAAa,CAAC,EAAhC,CAAgC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpH,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,kCAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAC,gBAAgB,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YAC9H,oBAAC,uBAAQ,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,2BAA2B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACrH;QACP,oBAAC,kCAAY,IAAC,OAAO,QAAC,OAAO,EAAC,wBAAwB,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC1F,oBAAC,kCAAY,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC,0BAA0B,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAEpG,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,kCAAY,IAAC,MAAM,QAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YACjI,oBAAC,uBAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACnH;QACP,oBAAC,kCAAY,IAAC,MAAM,QAAC,OAAO,QAAC,OAAO,EAAC,uBAAuB,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAChG,oBAAC,kCAAY,IAAC,MAAM,QAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC,yBAAyB,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CACrG,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAA0E;AAC1E,uDAAkD;AAClD,mDAA+B;AAC/B,6CAAgD;AAChD,2CAAgE;AAEhE,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAA4B;IACjD,IAAA,0BAA2D,EAA1D,sBAAc,EAAE,yBAA0C,CAAC;IAClE,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,EAAlC,CAAkC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpH,IAAA,0BAAyD,EAAxD,qBAAa,EAAE,wBAAyC,CAAC;IAChE,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,gBAAgB,CAAC,CAAC,aAAa,CAAC,EAAhC,CAAgC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpH,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,kCAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,qBAElF;YACf,oBAAC,uBAAQ,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,2BAA2B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACrH;QACP,oBAAC,kCAAY,IAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEtC;QACf,oBAAC,kCAAY,IAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAE9C;QACf,oBAAC,kCAAY,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,qBAEnD;QACf,oBAAC,kCAAY,IAAC,cAAc,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,qBAElE;QACf,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,kCAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAEnG;YACf,oBAAC,uBAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACnH;QACP,oBAAC,kCAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,4BAE1D;QACf,oBAAC,kCAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAElE,CACV,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/consts.d.ts

@@ -1,3 +1,8 @@
 export declare const HOMEPAGE_BUTTON_BUTTONEXPERIMENTAL = "Homepage_Button_ButtonExperimental";
-export declare const ExperimentalButtonTestPageId = "ButtonExperimental_TestPage";
+export declare const EXPERIMENTAL_BUTTON_TEST_PAGE = "ButtonExperimental_TestPage";
+export declare const BUTTONEXPERIMENTAL_TEST_COMPONENT = "Button_Test_Component";
+export declare const BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL = "E2E testing Button accessibility label";
+export declare const BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT = "Button_No_A11y_label_Component";
+export declare const BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL = "Test Button2 - No Accessibility Label";
+export declare const BUTTONEXPERIMENTAL_ON_PRESS = "Button_On_Press";
 //# sourceMappingURL=consts.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kCAAkC,uCAAuC,CAAC;AACvF,eAAO,MAAM,4BAA4B,gCAAgC,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kCAAkC,uCAAuC,CAAC;AACvF,eAAO,MAAM,6BAA6B,gCAAgC,CAAC;AAG3E,eAAO,MAAM,iCAAiC,0BAA0B,CAAC;AACzE,eAAO,MAAM,sCAAsC,2CAA2C,CAAC;AAG/F,eAAO,MAAM,0CAA0C,mCAAmC,CAAC;AAC3F,eAAO,MAAM,uCAAuC,0CAA0C,CAAC;AAE/F,eAAO,MAAM,2BAA2B,oBAAoB,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/consts.js

@@ -1,5 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HOMEPAGE_BUTTON_BUTTONEXPERIMENTAL = 'Homepage_Button_ButtonExperimental'; // Button on the homepage that navigates to the selected test page
-exports.ExperimentalButtonTestPageId = 'ButtonExperimental_TestPage'; // A component on each specific test page.
+exports.EXPERIMENTAL_BUTTON_TEST_PAGE = 'ButtonExperimental_TestPage'; // A component on each specific test page.
+/* Test Button 1 */
+exports.BUTTONEXPERIMENTAL_TEST_COMPONENT = 'Button_Test_Component'; // A component on each specific test page
+exports.BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL = 'E2E testing Button accessibility label';
+/* Test Button 2 */
+exports.BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT = 'Button_No_A11y_label_Component';
+exports.BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL = 'Test Button2 - No Accessibility Label'; // A component on each specific test page
+exports.BUTTONEXPERIMENTAL_ON_PRESS = 'Button_On_Press'; // For testing the press functionality on a button
 //# sourceMappingURL=consts.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":";;AAAa,QAAA,kCAAkC,GAAG,oCAAoC,CAAC,CAAC,kEAAkE;AAC7I,QAAA,4BAA4B,GAAG,6BAA6B,CAAC,CAAC,0CAA0C"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":";;AAAa,QAAA,kCAAkC,GAAG,oCAAoC,CAAC,CAAC,kEAAkE;AAC7I,QAAA,6BAA6B,GAAG,6BAA6B,CAAC,CAAC,0CAA0C;AAEtH,mBAAmB;AACN,QAAA,iCAAiC,GAAG,uBAAuB,CAAC,CAAC,yCAAyC;AACtG,QAAA,sCAAsC,GAAG,wCAAwC,CAAC;AAE/F,mBAAmB;AACN,QAAA,0CAA0C,GAAG,gCAAgC,CAAC;AAC9E,QAAA,uCAAuC,GAAG,uCAAuC,CAAC,CAAC,yCAAyC;AAE5H,QAAA,2BAA2B,GAAG,iBAAiB,CAAC,CAAC,kDAAkD"}

package/lib-commonjs/FluentTester/TestComponents/Callout/CalloutE2ETest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const E2ECalloutTest: React.FunctionComponent;
+//# sourceMappingURL=CalloutE2ETest.d.ts.map