@fluentui-react-native/tester 0.53.3 → 0.55.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmE;AACnE,wDAA+B;AAC/B,6CAA0D;AAC1D,2CAAgE;AAEhE,qEAAiC;AACjC,qDAA0C;AAE1C,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;CAC7B,CAAC,CAAC;AAEI,IAAM,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,qCAAqC,CAAC,CAAC;IAEjE,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,iBAAM,IAAC,IAAI,EAAE,EAAE,UAAU,kDAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE1G;QACT,oBAAC,iBAAM,IACL,IAAI,EAAE,EAAE,UAAU,kDAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,YAAY,EAAC,OAAO,iBAGb;QACT,oBAAC,iBAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAEtE;QACT,oBAAC,iBAAM,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,iBAAM,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,iBAAM,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE7D,CACR,CACJ;QACD,oBAAC,iBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEpE;QACT,oBAAC,iBAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C;QACR,eAAe,IAAI,CAClB,oBAAC,iBAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;;YAEpE,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;gBACzB,oBAAC,yBAAM,IAAC,GAAG,EAAE,UAAU,GAAI,CACtB,CACA,CACV,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,cAAc,kBAiEzB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonShapeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/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/Button/ButtonShapeTestSection.js

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

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

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

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

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

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonSizeTest = void 0;
+var tslib_1 = require("tslib");
+var button_1 = require("@fluentui-react-native/button");
+var React = (0, tslib_1.__importStar)(require("react"));
+var react_native_1 = require("react-native");
+var styles_1 = require("../Common/styles");
+var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
+var ButtonSizeTest = function () {
+    var svgProps = {
+        src: test_svg_1.default,
+        viewBox: '0 0 500 500',
+    };
+    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(button_1.ButtonV1, { iconOnly: true, size: "small", icon: { svgSource: svgProps }, accessibilityLabel: "Small size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(button_1.ButtonV1, { iconOnly: true, size: "medium", icon: { svgSource: svgProps }, accessibilityLabel: "Medium size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(button_1.ButtonV1, { iconOnly: true, size: "large", icon: { svgSource: svgProps }, accessibilityLabel: "Large size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(button_1.ButtonV1, { size: "small", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Small Button with icon"),
+            React.createElement(button_1.ButtonV1, { size: "medium", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Medium Button with icon"),
+            React.createElement(button_1.ButtonV1, { size: "large", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Large Button with icon"))),
+        React.createElement(button_1.ButtonV1, { size: "small", style: styles_1.commonTestStyles.vmargin }, "Small"),
+        React.createElement(button_1.ButtonV1, { size: "medium", style: styles_1.commonTestStyles.vmargin }, "Medium"),
+        React.createElement(button_1.ButtonV1, { size: "large", style: styles_1.commonTestStyles.vmargin }, "Large"),
+        React.createElement(button_1.ButtonV1, { loading: true, size: "small", style: styles_1.commonTestStyles.vmargin }, "Loading Button Small"),
+        React.createElement(button_1.ButtonV1, { loading: true, size: "medium", style: styles_1.commonTestStyles.vmargin }, "Loading Button Medium"),
+        React.createElement(button_1.ButtonV1, { loading: true, size: "large", style: styles_1.commonTestStyles.vmargin }, "Loading Button Large"),
+        React.createElement(button_1.CompoundButton, { secondaryContent: "Small compound button", size: "small", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(button_1.CompoundButton, { secondaryContent: "Medium compound button", size: "medium", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(button_1.CompoundButton, { secondaryContent: "Large compound button", size: "large", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        svgIconsEnabled && (React.createElement(React.Fragment, null,
+            React.createElement(button_1.CompoundButton, { icon: { svgSource: svgProps }, secondaryContent: "SecondaryContent", size: "small", style: styles_1.commonTestStyles.vmargin }, "Content"),
+            React.createElement(button_1.CompoundButton, { icon: { svgSource: svgProps }, secondaryContent: "SecondaryContent", size: "medium", style: styles_1.commonTestStyles.vmargin }, "Content"),
+            React.createElement(button_1.CompoundButton, { icon: { svgSource: svgProps }, secondaryContent: "SecondaryContent", size: "large", style: styles_1.commonTestStyles.vmargin }, "Content")))));
+};
+exports.ButtonSizeTest = ButtonSizeTest;
+//# sourceMappingURL=ButtonSizeTestSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmF;AAEnF,wDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAChE,qEAAiC;AAE1B,IAAM,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,iBAAM,IACL,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC7B,kBAAkB,EAAC,2CAA2C,EAC9D,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAC/B;YACF,oBAAC,iBAAM,IACL,QAAQ,QACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC7B,kBAAkB,EAAC,4CAA4C,EAC/D,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAC/B;YACF,oBAAC,iBAAM,IACL,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC7B,kBAAkB,EAAC,2CAA2C,EAC9D,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAC/B;YACF,oBAAC,iBAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE1E;YACT,oBAAC,iBAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAE3E;YACT,oBAAC,iBAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE1E,CACR,CACJ;QACD,oBAAC,iBAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAE3C;QACT,oBAAC,iBAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAE5C;QACT,oBAAC,iBAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAE3C;QACT,oBAAC,iBAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,2BAEnD;QACT,oBAAC,iBAAM,IAAC,OAAO,QAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,4BAEpD;QACT,oBAAC,iBAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,2BAEnD;QACT,oBAAC,uBAAc,IAAC,gBAAgB,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEpF;QACjB,oBAAC,uBAAc,IAAC,gBAAgB,EAAC,wBAAwB,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEtF;QACjB,oBAAC,uBAAc,IAAC,gBAAgB,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEpF;QAChB,eAAe,IAAI,CAClB;YACE,oBAAC,uBAAc,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE9G;YACjB,oBAAC,uBAAc,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE/G;YACjB,oBAAC,uBAAc,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE9G,CAChB,CACJ,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AArFW,QAAA,cAAc,kBAqFzB"}

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;AAuB/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;AA0D/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAa9B,CAAC"}

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

@@ -3,24 +3,59 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonTest = void 0;
 var tslib_1 = require("tslib");
 var React = (0, tslib_1.__importStar)(require("react"));
-var ButtonFocusTest_1 = require("./ButtonFocusTest");
-var ButtonIconTest_1 = require("./ButtonIconTest");
+var ButtonFocusTest_1 = require("./deprecated/ButtonFocusTest");
+var ButtonIconTest_1 = require("./deprecated/ButtonIconTest");
 var consts_1 = require("./consts");
-var E2EButtonTest_1 = require("./E2EButtonTest");
+var E2EButtonTest_1 = require("./deprecated/E2EButtonTest");
 var Test_1 = require("../Test");
+var ButtonVariantTestSection_1 = require("./ButtonVariantTestSection");
+var ToggleButtonTestSection_1 = require("./ToggleButtonTestSection");
+var ButtonIconTestSection_1 = require("../Button/ButtonIconTestSection");
+var ButtonSizeTestSection_1 = require("./ButtonSizeTestSection");
+var ButtonShapeTestSection_1 = require("./ButtonShapeTestSection");
+var E2EButtonTest_2 = require("./E2EButtonTest");
+var ButtonHOCTestSection_1 = require("../Button/ButtonHOCTestSection");
 var buttonSections = [
     {
-        name: 'Basic Button',
+        name: 'Button Variants',
         testID: consts_1.BUTTON_TESTPAGE,
-        component: ButtonFocusTest_1.ButtonFocusTest,
+        component: ButtonVariantTestSection_1.ButtonVariantTest,
+    },
+    {
+        name: 'Button Shape',
+        component: ButtonShapeTestSection_1.ButtonShapeTest,
     },
     {
         name: 'Icon Button',
-        component: ButtonIconTest_1.ButtonIconTest,
+        component: ButtonIconTestSection_1.ButtonIconTest,
+    },
+    {
+        name: 'Toggle Button',
+        component: ToggleButtonTestSection_1.ToggleButtonTest,
+    },
+    {
+        name: 'Sizes',
+        component: ButtonSizeTestSection_1.ButtonSizeTest,
+    },
+    {
+        name: 'Customize, Compose, and Ref',
+        component: ButtonHOCTestSection_1.ButtonHOCTest,
     },
     {
         name: 'E2E Button Testing',
-        component: E2EButtonTest_1.E2EButtonTest,
+        component: E2EButtonTest_2.E2EButtonExperimentalTest,
+    },
+    {
+        name: 'Deprecated Basic Button',
+        component: ButtonFocusTest_1.ButtonFocusTest_deprecated,
+    },
+    {
+        name: 'Deprecated Icon Button',
+        component: ButtonIconTest_1.ButtonIconTest_deprecated,
+    },
+    {
+        name: 'Deprecated E2E Button Testing',
+        component: E2EButtonTest_1.E2EButtonTest_deprecated,
     },
 ];
 var ButtonTest = function () {
@@ -28,7 +63,7 @@ var ButtonTest = function () {
         win32Status: 'Beta',
         uwpStatus: 'Experimental',
         iosStatus: 'Experimental',
-        macosStatus: 'Experimental',
+        macosStatus: 'Beta',
         androidStatus: 'Backlog',
     };
     var description = 'Buttons are best used to enable a user to commit a change or complete steps in a task. They are typically found inside forms, dialogs, panels or pages. An example of their usage is confirming the deletion of a file in a confirmation dialog.\n\nWhen considering their place in a layout, contemplate the order in which a user will flow through the UI. As an example, in a form, the individual will need to read and interact with the form fields before submiting the form. Therefore, as a general rule, the button should be placed at the bottom of the UI container (a dialog, panel, or page) which holds the related UI elements.\n\nWhile buttons can technically be used to navigate a user to another part of the experience, this is not recommended unless that navigation is part of an action or their flow.';

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,wDAA+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;AAEK,IAAM,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;AAbW,QAAA,UAAU,cAarB"}
+{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,gEAA0E;AAC1E,8DAAwE;AACxE,mCAA2C;AAC3C,4DAAsE;AACtE,gCAA4D;AAC5D,uEAA+D;AAC/D,qEAA6D;AAC7D,yEAAiE;AACjE,iEAAyD;AACzD,mEAA2D;AAC3D,iDAA4D;AAC5D,uEAA+D;AAE/D,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,wBAAe;QACvB,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,6BAA6B;QACnC,SAAS,EAAE,oCAAa;KACzB;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,yCAAyB;KACrC;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,SAAS,EAAE,4CAA0B;KACtC;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,0CAAyB;KACrC;IACD;QACE,IAAI,EAAE,+BAA+B;QACrC,SAAS,EAAE,wCAAwB;KACpC;CACF,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,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;AAbW,QAAA,UAAU,cAarB"}

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

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

package/lib-commonjs/FluentTester/TestComponents/{ButtonExperimental → Button}/ButtonVariantTestSection.js

@@ -7,6 +7,7 @@ var React = (0, tslib_1.__importStar)(require("react"));
 var react_native_1 = require("react-native");
 var styles_1 = require("../Common/styles");
 var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
+// Test also pulls button from deprecated package to ensure it's still working
 var ButtonVariantTest = function () {
     var svgProps = {
         src: test_svg_1.default,

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":";;;;AAAA,kFAAyF;AACzF,wDAA+B;AAC/B,6CAAoC;AACpC,2CAAgE;AAEhE,qEAAiC;AAEjC,8EAA8E;AACvE,IAAM,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,uBAEvC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,4BAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,uBAE5D;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;AA9CW,QAAA,iBAAiB,qBA8C5B"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"E2EButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,iBAoB7C,CAAC"}

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

@@ -1,24 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.E2EButtonTest = void 0;
+exports.E2EButtonExperimentalTest = void 0;
 var tslib_1 = require("tslib");
 /* eslint-disable @typescript-eslint/no-var-requires */
 var react_native_1 = require("@fluentui/react-native");
+var button_1 = require("@fluentui-react-native/button");
 var stack_1 = require("@fluentui-react-native/stack");
 var React = (0, tslib_1.__importStar)(require("react"));
 var react_native_2 = require("react-native");
 var styles_1 = require("../Common/styles");
 var consts_1 = require("./consts");
-var E2EButtonTest = function () {
+var 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(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 }),
+            React.createElement(button_1.ButtonV1, { testID: consts_1.BUTTON_TEST_COMPONENT, onClick: onClick, accessibilityLabel: consts_1.BUTTON_ACCESSIBILITY_LABEL }, "This is a button for E2E testing"),
+            React.createElement(button_1.ButtonV1, { testID: consts_1.BUTTON_NO_A11Y_LABEL_COMPONENT, onClick: onClick }, consts_1.BUTTON_TEST_COMPONENT_LABEL),
             buttonPressed ? React.createElement(react_native_1.Text, { testID: consts_1.BUTTON_ON_PRESS }, "Button Pressed") : null)));
 };
-exports.E2EButtonTest = E2EButtonTest;
+exports.E2EButtonExperimentalTest = E2EButtonExperimentalTest;
 //# sourceMappingURL=E2EButtonTest.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,uDAAsD;AACtD,sDAAqD;AACrD,wDAA+B;AAC/B,6CAAoC;AACpC,2CAA8C;AAC9C,mCAMkB;AAEX,IAAM,aAAa,GAA4B;IAC9C,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,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;AArBW,QAAA,aAAa,iBAqBxB"}
+{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,uDAA8C;AAC9C,wDAAmE;AACnE,sDAAqD;AACrD,wDAA+B;AAC/B,6CAAoC;AACpC,2CAA8C;AAC9C,mCAMkB;AAEX,IAAM,yBAAyB,GAA4B;IAC1D,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,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,iBAAM,IAAC,MAAM,EAAE,8BAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,mCAA0B,uCAE9F;YACT,oBAAC,iBAAM,IAAC,MAAM,EAAE,uCAA8B,EAAE,OAAO,EAAE,OAAO,IAC7D,oCAA2B,CACrB;YACR,aAAa,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,MAAM,EAAE,wBAAe,qBAAuB,CAAC,CAAC,CAAC,IAAI,CACtE,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,yBAAyB,6BAoBpC"}

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

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

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleButtonTest = void 0;
+var tslib_1 = require("tslib");
+var button_1 = require("@fluentui-react-native/button");
+var react_native_1 = require("@fluentui/react-native");
+var React = (0, tslib_1.__importStar)(require("react"));
+var react_native_2 = require("react-native");
+var styles_1 = require("../Common/styles");
+var styles = react_native_2.StyleSheet.create({
+    row: {
+        flexDirection: 'row',
+    },
+    hmargin: {
+        marginHorizontal: 8,
+    },
+});
+var ToggleButtonTest = function () {
+    var _a = React.useState(false), defaultChecked = _a[0], setDefaultChecked = _a[1];
+    var onDefaultClicked = React.useCallback(function () { return setDefaultChecked(!defaultChecked); }, [defaultChecked, setDefaultChecked]);
+    var _b = React.useState(false), subtleChecked = _b[0], setSubtleChecked = _b[1];
+    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(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(button_1.ToggleButton, { checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Default Toggle"),
+        React.createElement(button_1.ToggleButton, { checked: false, style: styles_1.commonTestStyles.vmargin }, "Unchecked Default Toggle"),
+        React.createElement(button_1.ToggleButton, { appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Checked Primary Toggle"),
+        React.createElement(button_1.ToggleButton, { disabled: true, defaultChecked: true, appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Checked Primary Toggle Disabled"),
+        React.createElement(button_1.ToggleButton, { defaultChecked: true, appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Unchecked Primary Toggle"),
+        React.createElement(react_native_2.View, { style: styles.row },
+            React.createElement(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(button_1.ToggleButton, { appearance: "subtle", checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Subtle Toggle"),
+        React.createElement(button_1.ToggleButton, { appearance: "subtle", checked: false, style: styles_1.commonTestStyles.vmargin }, "Unchecked Subtle Toggle")));
+};
+exports.ToggleButtonTest = ToggleButtonTest;
+//# sourceMappingURL=ToggleButtonTestSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ToggleButtonTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAA6D;AAC7D,uDAAkD;AAClD,wDAA+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;AAEI,IAAM,gBAAgB,GAA4B;IACjD,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1D,cAAc,QAAA,EAAE,iBAAiB,QAAyB,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,KAAoC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,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,qBAAY,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,qBAAY,IAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEtC;QACf,oBAAC,qBAAY,IAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAE9C;QACf,oBAAC,qBAAY,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEnD;QACf,oBAAC,qBAAY,IAAC,QAAQ,QAAC,cAAc,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sCAE3E;QACf,oBAAC,qBAAY,IAAC,cAAc,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAElE;QACf,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,qBAAY,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,qBAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,4BAE1D;QACf,oBAAC,qBAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAElE,CACV,CACR,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,gBAAgB,oBA2C3B"}

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

@@ -1,5 +1,10 @@
 export declare const HOMEPAGE_BUTTON_BUTTON = "Homepage_Button_Button";
 export declare const BUTTON_TESTPAGE = "Button_TestPage";
+export declare const BUTTON_TEST_COMPONENT_DEPRECATED = "Button_Test_Component_Deprecated";
+export declare const BUTTON_ACCESSIBILITY_LABEL_DEPRECATED = "E2E testing Button accessibility label";
+export declare const BUTTON_NO_A11Y_LABEL_COMPONENT_DEPRECATED = "Button_No_A11y_label_Component_Deprecated";
+export declare const BUTTON_TEST_COMPONENT_LABEL_DEPRECATED = "Test Button2 - No Accessibility Label";
+export declare const BUTTON_ON_PRESS_DEPRECATED = "Button_On_Press";
 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";

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;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"}
+{"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,gCAAgC,qCAAqC,CAAC;AACnF,eAAO,MAAM,qCAAqC,2CAA2C,CAAC;AAG9F,eAAO,MAAM,yCAAyC,8CAA8C,CAAC;AACrG,eAAO,MAAM,sCAAsC,0CAA0C,CAAC;AAE9F,eAAO,MAAM,0BAA0B,oBAAoB,CAAC;AAG5D,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,9 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BUTTON_ON_PRESS = exports.BUTTON_TEST_COMPONENT_LABEL = exports.BUTTON_NO_A11Y_LABEL_COMPONENT = exports.BUTTON_ACCESSIBILITY_LABEL = exports.BUTTON_TEST_COMPONENT = exports.BUTTON_TESTPAGE = exports.HOMEPAGE_BUTTON_BUTTON = void 0;
+exports.BUTTON_ON_PRESS = exports.BUTTON_TEST_COMPONENT_LABEL = exports.BUTTON_NO_A11Y_LABEL_COMPONENT = exports.BUTTON_ACCESSIBILITY_LABEL = exports.BUTTON_TEST_COMPONENT = exports.BUTTON_ON_PRESS_DEPRECATED = exports.BUTTON_TEST_COMPONENT_LABEL_DEPRECATED = exports.BUTTON_NO_A11Y_LABEL_COMPONENT_DEPRECATED = exports.BUTTON_ACCESSIBILITY_LABEL_DEPRECATED = exports.BUTTON_TEST_COMPONENT_DEPRECATED = exports.BUTTON_TESTPAGE = exports.HOMEPAGE_BUTTON_BUTTON = void 0;
 exports.HOMEPAGE_BUTTON_BUTTON = 'Homepage_Button_Button'; // Button on the homepage that navigates to the selected 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_DEPRECATED = 'Button_Test_Component_Deprecated'; // A component on each specific test page
+exports.BUTTON_ACCESSIBILITY_LABEL_DEPRECATED = 'E2E testing Button accessibility label';
+/* Test Button 2 */
+exports.BUTTON_NO_A11Y_LABEL_COMPONENT_DEPRECATED = 'Button_No_A11y_label_Component_Deprecated';
+exports.BUTTON_TEST_COMPONENT_LABEL_DEPRECATED = 'Test Button2 - No Accessibility Label'; // A component on each specific test page
+exports.BUTTON_ON_PRESS_DEPRECATED = 'Button_On_Press'; // For testing the press functionality on a button
+/* 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 */

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,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"}
+{"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,gCAAgC,GAAG,kCAAkC,CAAC,CAAC,yCAAyC;AAChH,QAAA,qCAAqC,GAAG,wCAAwC,CAAC;AAE9F,mBAAmB;AACN,QAAA,yCAAyC,GAAG,2CAA2C,CAAC;AACxF,QAAA,sCAAsC,GAAG,uCAAuC,CAAC,CAAC,yCAAyC;AAE3H,QAAA,0BAA0B,GAAG,iBAAiB,CAAC,CAAC,kDAAkD;AAE/G,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/Button/deprecated/ButtonFocusTest.d.ts

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

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

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

package/lib-commonjs/FluentTester/TestComponents/Button/{ButtonFocusTest.js → deprecated/ButtonFocusTest.js}

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonFocusTest = void 0;
+exports.ButtonFocusTest_deprecated = void 0;
 var tslib_1 = require("tslib");
 var react_native_1 = require("@fluentui/react-native");
 var stack_1 = require("@fluentui-react-native/stack");
 var React = (0, tslib_1.__importStar)(require("react"));
 var react_native_2 = require("react-native");
-var styles_1 = require("../Common/styles");
-var ButtonFocusTest = function () {
+var styles_1 = require("../../Common/styles");
+var ButtonFocusTest_deprecated = function () {
     var _a = React.useState({
         focused: false,
     }), state = _a[0], setState = _a[1];
@@ -25,5 +25,5 @@ var ButtonFocusTest = function () {
         React.createElement(react_native_1.Button, { content: "Click to focus", onClick: onFocus, tooltip: "button tooltip" }),
         React.createElement(react_native_1.Button, { content: "Disabled Button", onClick: onFocus, tooltip: "disabled button", disabled: true })));
 };
-exports.ButtonFocusTest = ButtonFocusTest;
+exports.ButtonFocusTest_deprecated = ButtonFocusTest_deprecated;
 //# sourceMappingURL=ButtonFocusTest.js.map

package/lib-commonjs/FluentTester/TestComponents/Button/deprecated/ButtonFocusTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFocusTest.js","sourceRoot":"","sources":["../../../../../src/FluentTester/TestComponents/Button/deprecated/ButtonFocusTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAgD;AAEhD,sDAAqD;AACrD,wDAA+B;AAC/B,6CAA8C;AAC9C,8CAAiD;AAE1C,IAAM,0BAA0B,GAA4B;IAC3D,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC;QACvC,OAAO,EAAE,KAAK;KACf,CAAC,EAFK,KAAK,QAAA,EAAE,QAAQ,QAEpB,CAAC;IACH,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAa,IAAI,CAAC,CAAC;IAEjD,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QACtC,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACvC,IAAM,IAAI,GAAG,IAAA,6BAAc,EAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAC/C,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAClB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,qBAAM,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAC,wBAAwB,GAAG;QACnI,oBAAC,qBAAM,IAAC,OAAO,EAAC,gBAAgB,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,gBAAgB,GAAG;QAC9E,oBAAC,qBAAM,IAAC,OAAO,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,iBAAiB,EAAC,QAAQ,SAAG,CACnF,CACT,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,0BAA0B,8BAsBrC"}

package/lib-commonjs/FluentTester/TestComponents/Button/deprecated/ButtonIconTest.d.ts

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

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

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

package/lib-commonjs/FluentTester/TestComponents/Button/{ButtonIconTest.js → deprecated/ButtonIconTest.js}

@@ -1,20 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonIconTest = void 0;
+exports.ButtonIconTest_deprecated = void 0;
 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 = (0, tslib_1.__importStar)(require("react"));
 var react_native_2 = require("react-native");
-var styles_1 = require("../Common/styles");
-var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
+var styles_1 = require("../../Common/styles");
+var test_svg_1 = (0, tslib_1.__importDefault)(require("../test.svg"));
 var CustomizedIconButton = react_native_1.Button.customize({
     tokens: { iconColor: 'red' },
     content: { style: { marginStart: 5 } },
 });
-var ButtonIconTest = function () {
-    var testImage = require('./icon_24x24.png');
+var ButtonIconTest_deprecated = function () {
+    /* eslint-disable @typescript-eslint/no-var-requires */
+    var testImage = require('./../../../../../assets/icon_24x24.png');
     var svgProps = {
         src: test_svg_1.default,
         viewBox: '0 0 500 500',
@@ -30,5 +31,5 @@ var ButtonIconTest = function () {
             React.createElement(react_native_1.Text, null, "End Button icon"),
             svgIconsEnabled ? React.createElement(CustomizedIconButton, { endIcon: iconProps, content: "Button with Right Icon", tooltip: "button tooltip" }) : null)));
 };
-exports.ButtonIconTest = ButtonIconTest;
+exports.ButtonIconTest_deprecated = ButtonIconTest_deprecated;
 //# sourceMappingURL=ButtonIconTest.js.map

package/lib-commonjs/FluentTester/TestComponents/Button/deprecated/ButtonIconTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTest.js","sourceRoot":"","sources":["../../../../../src/FluentTester/TestComponents/Button/deprecated/ButtonIconTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,uDAAsD;AACtD,sDAAqD;AACrD,wDAA+B;AAC/B,6CAA8C;AAC9C,8CAAiD;AAEjD,sEAAkC;AAElC,IAAM,oBAAoB,GAAG,qBAAM,CAAC,SAAS,CAAC;IAC5C,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;IAC5B,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE;CACvC,CAAC,CAAC;AAEI,IAAM,yBAAyB,GAA4B;IAChE,uDAAuD;IACvD,IAAM,SAAS,GAAG,OAAO,CAAC,wCAAwC,CAAC,CAAC;IAEpE,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,yDAAyD;IACzD,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAC7F,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEjE,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,oBAAC,qBAAM,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,sBAAsB,EAAC,OAAO,EAAC,gBAAgB,GAAG;YACvF,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,qBAAM,IAAC,SAAS,kDAAO,SAAS,KAAE,KAAK,EAAE,KAAK,KAAI,OAAO,EAAC,sBAAsB,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAC9G,CAAC,CAAC,CAAC,IAAI;YACP,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,6BAA6B,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAC9G,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,mBAAI,0BAAuB;YAC3B,eAAe,CAAC,CAAC,CAAC,oBAAC,oBAAoB,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,wBAAwB,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,IAAI,CAC1H,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,yBAAyB,6BA4BpC"}

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

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

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.E2EButtonTest_deprecated = void 0;
+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 = (0, tslib_1.__importStar)(require("react"));
+var react_native_2 = require("react-native");
+var styles_1 = require("../../Common/styles");
+var consts_1 = require("../consts");
+var E2EButtonTest_deprecated = 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_DEPRECATED, onClick: onClick, accessibilityLabel: consts_1.BUTTON_ACCESSIBILITY_LABEL_DEPRECATED }),
+            React.createElement(react_native_1.Button, { content: consts_1.BUTTON_TEST_COMPONENT_LABEL_DEPRECATED, testID: consts_1.BUTTON_NO_A11Y_LABEL_COMPONENT_DEPRECATED, onClick: onClick }),
+            buttonPressed ? React.createElement(react_native_1.Text, { testID: consts_1.BUTTON_ON_PRESS_DEPRECATED }, "Button Pressed") : null)));
+};
+exports.E2EButtonTest_deprecated = E2EButtonTest_deprecated;
+//# sourceMappingURL=E2EButtonTest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../../src/FluentTester/TestComponents/Button/deprecated/E2EButtonTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,uDAAsD;AACtD,sDAAqD;AACrD,wDAA+B;AAC/B,6CAAoC;AACpC,8CAAiD;AACjD,oCAMmB;AAEZ,IAAM,wBAAwB,GAA4B;IACzD,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,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,yCAAgC,EACxC,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,8CAAqC,GACzD;YACF,oBAAC,qBAAM,IAAC,OAAO,EAAE,+CAAsC,EAAE,MAAM,EAAE,kDAAyC,EAAE,OAAO,EAAE,OAAO,GAAI;YAC/H,aAAa,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,MAAM,EAAE,mCAA0B,qBAAuB,CAAC,CAAC,CAAC,IAAI,CACjF,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,wBAAwB,4BAqBnC"}

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

@@ -1,5 +1,5 @@
-export declare const HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON = "HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON";
-export declare const EXPERIMENTAL_CHECKBOX_TESTPAGE = "Checkbox_Experimental_TestPage";
+export declare const HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON = "Homepage_CheckboxExperimental_Button";
+export declare const EXPERIMENTAL_CHECKBOX_TESTPAGE = "CheckboxExperimental_TestPage";
 export declare const EXPERIMENTAL_CHECKBOX_TEST_COMPONENT = "Experimental_Checkbox_Test_Component";
 export declare const EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL = "E2E testing Experimental Checkbox accessibility label";
 export declare const EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT = "Experimental Checkbox_No_A11y_label_Component";

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

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qCAAqC,0CAA0C,CAAC;AAC7F,eAAO,MAAM,8BAA8B,mCAAmC,CAAC;AAG/E,eAAO,MAAM,oCAAoC,yCAAyC,CAAC;AAC3F,eAAO,MAAM,yCAAyC,0DAA0D,CAAC;AAGjH,eAAO,MAAM,6CAA6C,kDAAkD,CAAC;AAC7G,eAAO,MAAM,0CAA0C,yDAAyD,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qCAAqC,yCAAyC,CAAC;AAC5F,eAAO,MAAM,8BAA8B,kCAAkC,CAAC;AAG9E,eAAO,MAAM,oCAAoC,yCAAyC,CAAC;AAC3F,eAAO,MAAM,yCAAyC,0DAA0D,CAAC;AAGjH,eAAO,MAAM,6CAA6C,kDAAkD,CAAC;AAC7G,eAAO,MAAM,0CAA0C,yDAAyD,CAAC"}

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL = exports.EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT = exports.EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL = exports.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT = exports.EXPERIMENTAL_CHECKBOX_TESTPAGE = exports.HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON = void 0;
-exports.HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON = 'HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON'; // Button on the homepage that navigates to the selected test page
-exports.EXPERIMENTAL_CHECKBOX_TESTPAGE = 'Checkbox_Experimental_TestPage'; // A component on each specific test page.
+exports.HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON = 'Homepage_CheckboxExperimental_Button'; // Button on the homepage that navigates to the selected test page
+exports.EXPERIMENTAL_CHECKBOX_TESTPAGE = 'CheckboxExperimental_TestPage'; // A component on each specific test page.
 /* Test Experimental Checkbox 1 */
 exports.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT = 'Experimental_Checkbox_Test_Component'; // A component on each specific test page
 exports.EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL = 'E2E testing Experimental Checkbox accessibility label';

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

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,qCAAqC,GAAG,uCAAuC,CAAC,CAAC,kEAAkE;AACnJ,QAAA,8BAA8B,GAAG,gCAAgC,CAAC,CAAC,0CAA0C;AAE1H,kCAAkC;AACrB,QAAA,oCAAoC,GAAG,sCAAsC,CAAC,CAAC,yCAAyC;AACxH,QAAA,yCAAyC,GAAG,uDAAuD,CAAC;AAEjH,kCAAkC;AACrB,QAAA,6CAA6C,GAAG,+CAA+C,CAAC;AAChG,QAAA,0CAA0C,GAAG,sDAAsD,CAAC,CAAC,yCAAyC"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,qCAAqC,GAAG,sCAAsC,CAAC,CAAC,kEAAkE;AAClJ,QAAA,8BAA8B,GAAG,+BAA+B,CAAC,CAAC,0CAA0C;AAEzH,kCAAkC;AACrB,QAAA,oCAAoC,GAAG,sCAAsC,CAAC,CAAC,yCAAyC;AACxH,QAAA,yCAAyC,GAAG,uDAAuD,CAAC;AAEjH,kCAAkC;AACrB,QAAA,6CAA6C,GAAG,+CAA+C,CAAC;AAChG,QAAA,0CAA0C,GAAG,sDAAsD,CAAC,CAAC,yCAAyC"}

package/lib-commonjs/FluentTester/TestComponents/Common/iconExamples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iconExamples.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/iconExamples.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG1E,eAAO,MAAM,QAAQ,EAAE,YAGtB,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,aAYtB,CAAC;AAEH,eAAO,MAAM,SAAS,KAAsC,CAAC"}
+{"version":3,"file":"iconExamples.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/iconExamples.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG1E,eAAO,MAAM,QAAQ,EAAE,YAGtB,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,aAYtB,CAAC;AAEH,eAAO,MAAM,SAAS,KAAiD,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Common/iconExamples.js

@@ -8,7 +8,7 @@ exports.svgProps = {
     src: test_svg_1.default,
     viewBox: '0 0 500 500',
 };
-var testTtf = require('../Button/Font Awesome 5 Free-Solid-900.otf');
+var testTtf = require('./../../../../assets/Font_Awesome_900.otf');
 exports.fontProps = react_native_1.Platform.select({
     macos: {
         fontFamily: 'Arial',
@@ -22,5 +22,5 @@ exports.fontProps = react_native_1.Platform.select({
         fontSize: 12,
     },
 });
-exports.testImage = require('../Button/icon_24x24.png');
+exports.testImage = require('./../../../../assets/icon_24x24.png');
 //# sourceMappingURL=iconExamples.js.map

package/lib-commonjs/FluentTester/TestComponents/Common/iconExamples.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconExamples.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/iconExamples.tsx"],"names":[],"mappings":";;;;AAAA,6CAAwC;AAExC,6EAAyC;AAE5B,QAAA,QAAQ,GAAiB;IACpC,GAAG,EAAE,kBAAO;IACZ,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,IAAM,OAAO,GAAG,OAAO,CAAC,6CAA6C,CAAC,CAAC;AAE1D,QAAA,SAAS,GAAkB,uBAAQ,CAAC,MAAM,CAAC;IACtD,KAAK,EAAE;QACL,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE;QACP,UAAU,EAAE,qBAAqB;QACjC,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAEU,QAAA,SAAS,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAAC"}
+{"version":3,"file":"iconExamples.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/iconExamples.tsx"],"names":[],"mappings":";;;;AAAA,6CAAwC;AAExC,6EAAyC;AAE5B,QAAA,QAAQ,GAAiB;IACpC,GAAG,EAAE,kBAAO;IACZ,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,IAAM,OAAO,GAAG,OAAO,CAAC,2CAA2C,CAAC,CAAC;AAExD,QAAA,SAAS,GAAkB,uBAAQ,CAAC,MAAM,CAAC;IACtD,KAAK,EAAE;QACL,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE;QACP,UAAU,EAAE,qBAAqB;QACjC,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAEU,QAAA,SAAS,GAAG,OAAO,CAAC,qCAAqC,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Icon/IconE2ETest.js

@@ -8,7 +8,7 @@ var react_native_1 = require("react-native");
 var react_native_2 = require("@fluentui/react-native");
 var icon_1 = require("@fluentui-react-native/icon");
 var consts_1 = require("./consts");
-var testImage = require('./assets/testicon.png');
+var testImage = require('./../../../../assets/testicon.png');
 var E2ETestingIcon = function () {
     var rasterRainbowSpectrumProps = { src: testImage };
     var rasterChessProps = { src: { uri: 'https://static.thenounproject.com/png/2960386-200.png' } };

package/lib-commonjs/FluentTester/TestComponents/Icon/IconE2ETest.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconE2ETest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Icon/IconE2ETest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,wDAA+B;AAC/B,6CAAoC;AACpC,uDAA8C;AAC9C,oDAAmD;AACnD,mCAAoD;AAGpD,IAAM,SAAS,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC;AAE5C,IAAM,cAAc,GAA4B;IACrD,IAAM,0BAA0B,GAAyB,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IAC5E,IAAM,gBAAgB,GAAyB,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,uDAAuD,EAAE,EAAE,CAAC;IAEzH,IAAM,eAAe,GAAG,IAAI,CAAC;IAE7B,OAAO,CACL,oBAAC,mBAAI,QACF,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,mBAAI;QACH,oBAAC,mBAAI,uBAAoB;QACzB,oBAAC,WAAI,IACH,iBAAiB,EAAE,0BAA0B,EAC7C,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAC,OAAO,EACb,kBAAkB,EAAE,iCAAwB,GAC5C;QACF,oBAAC,WAAI,IAAC,iBAAiB,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG,CAC9E,CACR,CAAC,CAAC,CAAC,IAAI,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB"}
+{"version":3,"file":"IconE2ETest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Icon/IconE2ETest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,wDAA+B;AAC/B,6CAAoC;AACpC,uDAA8C;AAC9C,oDAAmD;AACnD,mCAAoD;AAGpD,IAAM,SAAS,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC;AAExD,IAAM,cAAc,GAA4B;IACrD,IAAM,0BAA0B,GAAyB,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IAC5E,IAAM,gBAAgB,GAAyB,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,uDAAuD,EAAE,EAAE,CAAC;IAEzH,IAAM,eAAe,GAAG,IAAI,CAAC;IAE7B,OAAO,CACL,oBAAC,mBAAI,QACF,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,mBAAI;QACH,oBAAC,mBAAI,uBAAoB;QACzB,oBAAC,WAAI,IACH,iBAAiB,EAAE,0BAA0B,EAC7C,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAC,OAAO,EACb,kBAAkB,EAAE,iCAAwB,GAC5C;QACF,oBAAC,WAAI,IAAC,iBAAiB,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG,CAC9E,CACR,CAAC,CAAC,CAAC,IAAI,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB"}