@fluentui-react-native/tester 0.58.13 → 0.58.16

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

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonIconTest = 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_1 = require("react-native");
+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 react_native_svg_1 = require("react-native-svg");
-var styles = react_native_1.StyleSheet.create({
+var styles = react_native_2.StyleSheet.create({
     chevron: { paddingStart: 4 },
 });
 var ButtonIconTest = function () {
@@ -23,21 +23,21 @@ var ButtonIconTest = function () {
         src: test_svg_1.default,
         viewBox: '0 0 500 500',
     };
-    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
+    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_2.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(button_1.ButtonV1, { icon: { fontSource: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
-        React.createElement(button_1.ButtonV1, { icon: { fontSource: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin, iconPosition: "after" }, "Icon after"),
-        React.createElement(button_1.ButtonV1, { icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
-        React.createElement(button_1.ButtonV1, { appearance: "primary", icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
+    return (React.createElement(react_native_2.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
+        React.createElement(react_native_1.ButtonV1, { icon: { fontSource: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
+        React.createElement(react_native_1.ButtonV1, { icon: { fontSource: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin, iconPosition: "after" }, "Icon after"),
+        React.createElement(react_native_1.ButtonV1, { icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
+        React.createElement(react_native_1.ButtonV1, { appearance: "primary", icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
         svgIconsEnabled && (React.createElement(React.Fragment, null,
-            React.createElement(button_1.ButtonV1, { appearance: "primary", icon: { svgSource: svgProps, color: 'red' }, style: styles_1.commonTestStyles.vmargin }, "SVG"),
-            React.createElement(button_1.ButtonV1, { icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "SVG"))),
-        React.createElement(button_1.ButtonV1, { appearance: "primary", icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
-        React.createElement(button_1.ButtonV1, { icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
-        svgIconsEnabled && (React.createElement(button_1.ButtonV1, { style: styles_1.commonTestStyles.vmargin, icon: { svgSource: svgProps } },
+            React.createElement(react_native_1.ButtonV1, { appearance: "primary", icon: { svgSource: svgProps, color: 'red' }, style: styles_1.commonTestStyles.vmargin }, "SVG"),
+            React.createElement(react_native_1.ButtonV1, { icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "SVG"))),
+        React.createElement(react_native_1.ButtonV1, { appearance: "primary", icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
+        React.createElement(react_native_1.ButtonV1, { icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
+        svgIconsEnabled && (React.createElement(react_native_1.ButtonV1, { style: styles_1.commonTestStyles.vmargin, icon: { svgSource: svgProps } },
             "Icon Button and Chevron",
-            React.createElement(react_native_1.View, { style: styles.chevron },
+            React.createElement(react_native_2.View, { style: styles.chevron },
                 React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml }))))));
 };
 exports.ButtonIconTest = ButtonIconTest;

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

@@ -1 +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"}
+{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4D;AAC5D,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,uBAAM,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,uBAAM,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,uBAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAEtE;QACT,oBAAC,uBAAM,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,uBAAM,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,uBAAM,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE7D,CACR,CACJ;QACD,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEpE;QACT,oBAAC,uBAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C;QACR,eAAe,IAAI,CAClB,oBAAC,uBAAM,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.js

@@ -2,21 +2,21 @@
 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_native_1 = require("@fluentui/react-native");
 var React = (0, tslib_1.__importStar)(require("react"));
-var react_native_1 = require("react-native");
+var react_native_2 = 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")));
+    return (React.createElement(react_native_2.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
+        React.createElement(react_native_1.ButtonV1, { shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Default Rounded Button"),
+        React.createElement(react_native_1.ButtonV1, { shape: "square", style: styles_1.commonTestStyles.vmargin }, "Square Button"),
+        React.createElement(react_native_1.ButtonV1, { shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Circular Button"),
+        React.createElement(react_native_1.ButtonV1, { appearance: "primary", shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Primary Rounded Button"),
+        React.createElement(react_native_1.ButtonV1, { appearance: "primary", shape: "square", style: styles_1.commonTestStyles.vmargin }, "Square Button"),
+        React.createElement(react_native_1.ButtonV1, { appearance: "primary", shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Circular Button"),
+        React.createElement(react_native_1.CompoundButton, { secondaryContent: "rounded", shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(react_native_1.CompoundButton, { secondaryContent: "square", shape: "square", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(react_native_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

@@ -1 +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"}
+{"version":3,"file":"ButtonShapeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonShapeTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4E;AAC5E,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,uBAAM,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE9C;QACT,oBAAC,uBAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAE7C;QACT,oBAAC,uBAAM,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAE/C;QACT,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEnE;QACT,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAElE;QACT,oBAAC,uBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEpE;QACT,oBAAC,6BAAc,IAAC,gBAAgB,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEzE;QACjB,oBAAC,6BAAc,IAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEvE;QACjB,oBAAC,6BAAc,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.js

@@ -2,9 +2,9 @@
 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_native_1 = require("@fluentui/react-native");
 var React = (0, tslib_1.__importStar)(require("react"));
-var react_native_1 = require("react-native");
+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 ButtonSizeTest = function () {
@@ -12,28 +12,28 @@ var ButtonSizeTest = function () {
         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] },
+    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_2.Platform.OS);
+    return (React.createElement(react_native_2.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"),
+            React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "small", icon: { svgSource: svgProps }, accessibilityLabel: "Small size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "medium", icon: { svgSource: svgProps }, accessibilityLabel: "Medium size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(react_native_1.ButtonV1, { iconOnly: true, size: "large", icon: { svgSource: svgProps }, accessibilityLabel: "Large size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(react_native_1.ButtonV1, { size: "small", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Small Button with icon"),
+            React.createElement(react_native_1.ButtonV1, { size: "medium", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Medium Button with icon"),
+            React.createElement(react_native_1.ButtonV1, { size: "large", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Large Button with icon"))),
+        React.createElement(react_native_1.ButtonV1, { size: "small", style: styles_1.commonTestStyles.vmargin }, "Small"),
+        React.createElement(react_native_1.ButtonV1, { size: "medium", style: styles_1.commonTestStyles.vmargin }, "Medium"),
+        React.createElement(react_native_1.ButtonV1, { size: "large", style: styles_1.commonTestStyles.vmargin }, "Large"),
+        React.createElement(react_native_1.ButtonV1, { loading: true, size: "small", style: styles_1.commonTestStyles.vmargin }, "Loading Button Small"),
+        React.createElement(react_native_1.ButtonV1, { loading: true, size: "medium", style: styles_1.commonTestStyles.vmargin }, "Loading Button Medium"),
+        React.createElement(react_native_1.ButtonV1, { loading: true, size: "large", style: styles_1.commonTestStyles.vmargin }, "Loading Button Large"),
+        React.createElement(react_native_1.CompoundButton, { secondaryContent: "Small compound button", size: "small", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(react_native_1.CompoundButton, { secondaryContent: "Medium compound button", size: "medium", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(react_native_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")))));
+            React.createElement(react_native_1.CompoundButton, { icon: { svgSource: svgProps }, secondaryContent: "SecondaryContent", size: "small", style: styles_1.commonTestStyles.vmargin }, "Content"),
+            React.createElement(react_native_1.CompoundButton, { icon: { svgSource: svgProps }, secondaryContent: "SecondaryContent", size: "medium", style: styles_1.commonTestStyles.vmargin }, "Content"),
+            React.createElement(react_native_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

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

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

@@ -4,10 +4,10 @@ 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 react_native_2 = 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 react_native_3 = require("react-native");
 var styles_1 = require("../Common/styles");
 var consts_1 = require("./consts");
 var E2EButtonExperimentalTest = function () {
@@ -15,10 +15,10 @@ var E2EButtonExperimentalTest = function () {
     var onClick = React.useCallback(function () {
         setButtonPressed(!buttonPressed);
     }, [buttonPressed]);
-    return (React.createElement(react_native_2.View, null,
+    return (React.createElement(react_native_3.View, null,
         React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
-            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),
+            React.createElement(react_native_2.ButtonV1, { testID: consts_1.BUTTON_TEST_COMPONENT, onClick: onClick, accessibilityLabel: consts_1.BUTTON_ACCESSIBILITY_LABEL }, "This is a button for E2E testing"),
+            React.createElement(react_native_2.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.E2EButtonExperimentalTest = E2EButtonExperimentalTest;

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,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"}
+{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,uDAA8C;AAC9C,uDAA4D;AAC5D,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,uBAAM,IAAC,MAAM,EAAE,8BAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,mCAA0B,uCAE9F;YACT,oBAAC,uBAAM,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.js

@@ -2,12 +2,12 @@
 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_native_2 = require("@fluentui/react-native");
 var React = (0, tslib_1.__importStar)(require("react"));
-var react_native_2 = require("react-native");
+var react_native_3 = require("react-native");
 var styles_1 = require("../Common/styles");
-var styles = react_native_2.StyleSheet.create({
+var styles = react_native_3.StyleSheet.create({
     row: {
         flexDirection: 'row',
     },
@@ -20,20 +20,20 @@ var ToggleButtonTest = function () {
     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")));
+    return (React.createElement(react_native_3.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
+        React.createElement(react_native_3.View, { style: styles.row },
+            React.createElement(react_native_1.ToggleButton, { onClick: onDefaultClicked, checked: defaultChecked, style: styles_1.commonTestStyles.vmargin }, "Default Toggle"),
+            React.createElement(react_native_2.Checkbox, { checked: defaultChecked, label: "Default Toggle is Checked", style: [styles_1.commonTestStyles.vmargin, styles.hmargin] })),
+        React.createElement(react_native_1.ToggleButton, { checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Default Toggle"),
+        React.createElement(react_native_1.ToggleButton, { checked: false, style: styles_1.commonTestStyles.vmargin }, "Unchecked Default Toggle"),
+        React.createElement(react_native_1.ToggleButton, { appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Checked Primary Toggle"),
+        React.createElement(react_native_1.ToggleButton, { disabled: true, defaultChecked: true, appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Checked Primary Toggle Disabled"),
+        React.createElement(react_native_1.ToggleButton, { defaultChecked: true, appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Unchecked Primary Toggle"),
+        React.createElement(react_native_3.View, { style: styles.row },
+            React.createElement(react_native_1.ToggleButton, { appearance: "subtle", onClick: onGhostClicked, checked: subtleChecked, style: styles_1.commonTestStyles.vmargin }, "Subtle Toggle"),
+            React.createElement(react_native_2.Checkbox, { checked: subtleChecked, label: "Subtle Toggle is Checked", style: [styles_1.commonTestStyles.vmargin, styles.hmargin] })),
+        React.createElement(react_native_1.ToggleButton, { appearance: "subtle", checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Subtle Toggle"),
+        React.createElement(react_native_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

@@ -1 +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"}
+{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ToggleButtonTestSection.tsx"],"names":[],"mappings":";;;;AAAA,uDAAsD;AACtD,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,2BAAY,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,2BAAY,IAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEtC;QACf,oBAAC,2BAAY,IAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAE9C;QACf,oBAAC,2BAAY,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEnD;QACf,oBAAC,2BAAY,IAAC,QAAQ,QAAC,cAAc,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sCAE3E;QACf,oBAAC,2BAAY,IAAC,cAAc,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAElE;QACf,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,2BAAY,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,2BAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,4BAE1D;QACf,oBAAC,2BAAY,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/Drawer/DrawerTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}
+{"version":3,"file":"DrawerTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8C/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Drawer/DrawerTest.js

@@ -3,22 +3,37 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerTest = void 0;
 var tslib_1 = require("tslib");
 var React = (0, tslib_1.__importStar)(require("react"));
-var react_native_1 = require("react-native");
 var styles_1 = require("../Common/styles");
+var react_native_1 = require("react-native");
+var react_native_2 = require("@fluentui/react-native");
+var experimental_button_1 = require("@fluentui-react-native/experimental-button");
+var experimental_drawer_1 = require("@fluentui-react-native/experimental-drawer");
 var stack_1 = require("@fluentui-react-native/stack");
+var icon_1 = require("@fluentui-react-native/icon");
 var consts_1 = require("./consts");
 var Test_1 = require("../Test");
-var react_native_2 = require("react-native");
-var basicDrawer = function () {
-    console.log(react_native_2.NativeModules.DrawerModule);
+var test_svg_1 = (0, tslib_1.__importDefault)(require("../Icon/assets/test.svg"));
+var BasicDrawer = function () {
+    var stdBtnRef = React.useRef(null);
+    var svgProps = {
+        src: test_svg_1.default,
+        viewBox: '0 0 500 500',
+    };
     return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
-        React.createElement(react_native_1.Text, null, "test to come")));
+        React.createElement(experimental_drawer_1.Drawer, null,
+            React.createElement(react_native_1.View, null,
+                React.createElement(react_native_1.Text, null, "Press for Drawer")),
+            React.createElement(react_native_1.View, { style: { padding: 20 } },
+                React.createElement(react_native_1.Text, null, "This is content inside Drawer"),
+                React.createElement(react_native_2.Link, { url: "https://www.bing.com/", content: "Click to navigate." }),
+                React.createElement(icon_1.Icon, { svgSource: svgProps, width: 100, height: 100, color: "blue" }),
+                React.createElement(experimental_button_1.Button, { componentRef: stdBtnRef }, "Press for Drawer")))));
 };
 var drawerSections = [
     {
         name: 'Basic Drawer',
         testID: consts_1.DRAWER_TESTPAGE,
-        component: basicDrawer,
+        component: BasicDrawer,
     },
 ];
 var DrawerTest = function () {

package/lib-commonjs/FluentTester/TestComponents/Drawer/DrawerTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,2CAA8C;AAC9C,sDAAqD;AACrD,mCAA2C;AAC3C,gCAA4D;AAC5D,6CAA6C;AAE7C,IAAM,WAAW,GAA4B;IAC3C,OAAO,CAAC,GAAG,CAAC,4BAAa,CAAC,YAAY,CAAC,CAAC;IACxC,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,EAAE,GAAG,EAAE,CAAC;QAC9B,oBAAC,mBAAI,uBAAoB,CACnB,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,4FAA4F,CAAC;IAEjH,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB"}
+{"version":3,"file":"DrawerTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,2CAA8C;AAC9C,6CAA0C;AAC1C,uDAA8C;AAC9C,kFAAoE;AACpE,kFAAoE;AACpE,sDAAqD;AACrD,oDAAiE;AACjE,mCAA2C;AAC3C,gCAA4D;AAE5D,kFAA8C;AAE9C,IAAM,WAAW,GAA4B;IAC3C,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErC,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,EAAE,GAAG,EAAE,CAAC;QAC9B,oBAAC,4BAAM;YACL,oBAAC,mBAAI;gBACH,oBAAC,mBAAI,2BAAwB,CACxB;YACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;gBAC1B,oBAAC,mBAAI,wCAAqC;gBAC1C,oBAAC,mBAAI,IAAC,GAAG,EAAC,uBAAuB,EAAC,OAAO,EAAC,oBAAoB,GAAG;gBACjE,oBAAC,WAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG;gBACnE,oBAAC,4BAAM,IAAC,YAAY,EAAE,SAAS,uBAA2B,CACrD,CACA,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,4FAA4F,CAAC;IAEjH,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB"}

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

@@ -4,5 +4,5 @@ export declare const MENU_BUTTON_TEST_COMPONENT = "Menu_Button_Test_Component";
 export declare const MENU_BUTTON_ACCESSIBILITY_LABEL = "E2E testing Menu_Button accessibility label";
 export declare const MENU_ITEM_1_COMPONENT = "Menu_Item_1_Component";
 export declare const MENU_BUTTON_NO_A11Y_LABEL_COMPONENT = "Menu_Button_No_A11y_label_Component";
-export declare const MENU_BUTTON_TEST_COMPONENT_LABEL = "Test Menu_Button2 - No Accessibility Label";
+export declare const MENU_BUTTON_TEST_COMPONENT_LABEL: any;
 //# sourceMappingURL=consts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+BAA+B,CAAC;AACjE,eAAO,MAAM,oBAAoB,wBAAwB,CAAC;AAG1D,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,+BAA+B,gDAAgD,CAAC;AAC7F,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAG7D,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;AACzF,eAAO,MAAM,gCAAgC,+CAA+C,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+BAA+B,CAAC;AACjE,eAAO,MAAM,oBAAoB,wBAAwB,CAAC;AAG1D,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,+BAA+B,gDAAgD,CAAC;AAC7F,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAG7D,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;AAEzF,eAAO,MAAM,gCAAgC,KAAO,CAAC"}

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

@@ -9,5 +9,6 @@ exports.MENU_BUTTON_ACCESSIBILITY_LABEL = 'E2E testing Menu_Button accessibility
 exports.MENU_ITEM_1_COMPONENT = 'Menu_Item_1_Component'; // The first menu item component
 /* E2E Testing Menu_Button 2 */
 exports.MENU_BUTTON_NO_A11Y_LABEL_COMPONENT = 'Menu_Button_No_A11y_label_Component';
-exports.MENU_BUTTON_TEST_COMPONENT_LABEL = 'Test Menu_Button2 - No Accessibility Label'; // A component on each specific test page
+// export const MENU_BUTTON_TEST_COMPONENT_LABEL = 'Test Menu_Button2 - No Accessibility Label'; // A component on each specific test page
+exports.MENU_BUTTON_TEST_COMPONENT_LABEL = null;
 //# sourceMappingURL=consts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,4BAA4B,CAAC;AACpD,QAAA,oBAAoB,GAAG,qBAAqB,CAAC;AAE1D,+BAA+B;AAClB,QAAA,0BAA0B,GAAG,4BAA4B,CAAC,CAAC,yCAAyC;AACpG,QAAA,+BAA+B,GAAG,6CAA6C,CAAC;AAChF,QAAA,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,gCAAgC;AAE9F,+BAA+B;AAClB,QAAA,mCAAmC,GAAG,qCAAqC,CAAC;AAC5E,QAAA,gCAAgC,GAAG,4CAA4C,CAAC,CAAC,yCAAyC"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/MenuButton/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,4BAA4B,CAAC;AACpD,QAAA,oBAAoB,GAAG,qBAAqB,CAAC;AAE1D,+BAA+B;AAClB,QAAA,0BAA0B,GAAG,4BAA4B,CAAC,CAAC,yCAAyC;AACpG,QAAA,+BAA+B,GAAG,6CAA6C,CAAC;AAChF,QAAA,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,gCAAgC;AAE9F,+BAA+B;AAClB,QAAA,mCAAmC,GAAG,qCAAqC,CAAC;AACzF,0IAA0I;AAC7H,QAAA,gCAAgC,GAAG,IAAI,CAAC"}

package/lib-commonjs/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FluentTester';
+export { FluentTesterApp } from './FluentTester';
 //# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC"}

package/lib-commonjs/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./FluentTester"), exports);
+exports.FluentTesterApp = void 0;
+var FluentTester_1 = require("./FluentTester");
+Object.defineProperty(exports, "FluentTesterApp", { enumerable: true, get: function () { return FluentTester_1.FluentTesterApp; } });
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,8DAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,+CAAiD;AAAxC,+GAAA,eAAe,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.58.13",
+  "version": "0.58.16",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -25,31 +25,32 @@
     "directory": "apps/fluent-tester"
   },
   "dependencies": {
-    "@fluentui-react-native/android-theme": ">=0.5.5 <1.0.0",
-    "@fluentui-react-native/apple-theme": ">=0.9.13 <1.0.0",
-    "@fluentui-react-native/badge": ">=0.0.19 <1.0.0",
-    "@fluentui-react-native/button": ">=0.22.9 <1.0.0",
-    "@fluentui-react-native/default-theme": ">=0.9.12 <1.0.0",
-    "@fluentui-react-native/experimental-activity-indicator": ">=0.5.17 <1.0.0",
-    "@fluentui-react-native/experimental-avatar": ">=0.14.9 <1.0.0",
-    "@fluentui-react-native/experimental-button": "0.15.9",
-    "@fluentui-react-native/experimental-checkbox": "0.10.6",
+    "@fluentui-react-native/android-theme": ">=0.5.6 <1.0.0",
+    "@fluentui-react-native/apple-theme": ">=0.9.14 <1.0.0",
+    "@fluentui-react-native/badge": ">=0.0.21 <1.0.0",
+    "@fluentui-react-native/button": ">=0.22.11 <1.0.0",
+    "@fluentui-react-native/default-theme": ">=0.9.13 <1.0.0",
+    "@fluentui-react-native/experimental-activity-indicator": ">=0.5.18 <1.0.0",
+    "@fluentui-react-native/experimental-avatar": ">=0.14.10 <1.0.0",
+    "@fluentui-react-native/experimental-button": "0.15.11",
+    "@fluentui-react-native/experimental-checkbox": "0.10.8",
+    "@fluentui-react-native/experimental-drawer": ">=0.1.1 <1.0.0",
     "@fluentui-react-native/experimental-native-date-picker": ">=0.4.1 <1.0.0",
-    "@fluentui-react-native/experimental-expander": "0.3.19",
-    "@fluentui-react-native/experimental-menu-button": ">=0.3.21 <1.0.0",
-    "@fluentui-react-native/experimental-shimmer": "0.6.21",
-    "@fluentui-react-native/experimental-tabs": "0.4.30",
-    "@fluentui-react-native/experimental-text": ">=0.7.18 <1.0.0",
-    "@fluentui-react-native/framework": ">=0.7.18 <1.0.0",
-    "@fluentui-react-native/icon": "0.11.13",
-    "@fluentui-react-native/interactive-hooks": ">=0.14.4 <1.0.0",
-    "@fluentui-react-native/stack": ">=0.6.18 <1.0.0",
-    "@fluentui-react-native/theme": ">=0.6.5 <1.0.0",
-    "@fluentui-react-native/theme-types": ">=0.14.0 <1.0.0",
-    "@fluentui-react-native/themed-stylesheet": "^1.3.2",
-    "@fluentui-react-native/theming-utils": ">=0.9.1 <1.0.0",
-    "@fluentui-react-native/win32-theme": ">=0.14.14 <1.0.0",
-    "@fluentui/react-native": ">=0.27.43 <1.0.0",
+    "@fluentui-react-native/experimental-expander": "0.3.20",
+    "@fluentui-react-native/experimental-menu-button": ">=0.3.23 <1.0.0",
+    "@fluentui-react-native/experimental-shimmer": "0.6.22",
+    "@fluentui-react-native/experimental-tabs": "0.4.32",
+    "@fluentui-react-native/experimental-text": ">=0.7.19 <1.0.0",
+    "@fluentui-react-native/framework": ">=0.7.19 <1.0.0",
+    "@fluentui-react-native/icon": "0.11.14",
+    "@fluentui-react-native/interactive-hooks": ">=0.14.6 <1.0.0",
+    "@fluentui-react-native/stack": ">=0.6.19 <1.0.0",
+    "@fluentui-react-native/theme": ">=0.6.6 <1.0.0",
+    "@fluentui-react-native/theme-types": ">=0.14.1 <1.0.0",
+    "@fluentui-react-native/themed-stylesheet": "^1.3.3",
+    "@fluentui-react-native/theming-utils": ">=0.9.2 <1.0.0",
+    "@fluentui-react-native/win32-theme": ">=0.14.15 <1.0.0",
+    "@fluentui/react-native": ">=0.28.1 <1.0.0",
     "@react-native-community/slider": "^4.2.0",
     "@react-native-menu/menu": "^0.1.2",
     "@react-native-picker/picker": "^2.2.1",

package/src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx

@@ -1,4 +1,4 @@
-import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { ButtonV1 as Button } from '@fluentui/react-native';
 import { Text } from '@fluentui-react-native/experimental-text';
 import { Icon, SvgIconProps } from '@fluentui-react-native/icon';
 import * as React from 'react';

package/src/FluentTester/TestComponents/Button/ButtonIconTestSection.tsx

@@ -1,4 +1,4 @@
-import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { ButtonV1 as Button } from '@fluentui/react-native';
 import * as React from 'react';
 import { Platform, View, StyleSheet } from 'react-native';
 import { commonTestStyles, stackStyle } from '../Common/styles';

package/src/FluentTester/TestComponents/Button/ButtonShapeTestSection.tsx

@@ -1,4 +1,4 @@
-import { ButtonV1 as Button, CompoundButton } from '@fluentui-react-native/button';
+import { ButtonV1 as Button, CompoundButton } from '@fluentui/react-native';
 import * as React from 'react';
 import { View } from 'react-native';
 import { commonTestStyles, stackStyle } from '../Common/styles';

package/src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx

@@ -1,4 +1,4 @@
-import { ButtonV1 as Button, CompoundButton } from '@fluentui-react-native/button';
+import { ButtonV1 as Button, CompoundButton } from '@fluentui/react-native';
 import { SvgIconProps } from '@fluentui-react-native/icon';
 import * as React from 'react';
 import { Platform, View } from 'react-native';

package/src/FluentTester/TestComponents/Button/E2EButtonTest.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import { Text } from '@fluentui/react-native';
-import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { ButtonV1 as Button } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
 import * as React from 'react';
 import { View } from 'react-native';

package/src/FluentTester/TestComponents/Button/ToggleButtonTestSection.tsx

@@ -1,4 +1,4 @@
-import { ToggleButton } from '@fluentui-react-native/button';
+import { ToggleButton } from '@fluentui/react-native';
 import { Checkbox } from '@fluentui/react-native';
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';

package/src/FluentTester/TestComponents/Drawer/DrawerTest.tsx

@@ -1,16 +1,37 @@
 import * as React from 'react';
-import { Text } from 'react-native';
 import { stackStyle } from '../Common/styles';
+import { View, Text } from 'react-native';
+import { Link } from '@fluentui/react-native';
+import { Button } from '@fluentui-react-native/experimental-button';
+import { Drawer } from '@fluentui-react-native/experimental-drawer';
 import { Stack } from '@fluentui-react-native/stack';
+import { Icon, SvgIconProps } from '@fluentui-react-native/icon';
 import { DRAWER_TESTPAGE } from './consts';
 import { Test, TestSection, PlatformStatus } from '../Test';
-import { NativeModules } from 'react-native';
 
-const basicDrawer: React.FunctionComponent = () => {
-  console.log(NativeModules.DrawerModule);
+import TestSvg from '../Icon/assets/test.svg';
+
+const BasicDrawer: React.FunctionComponent = () => {
+  const stdBtnRef = React.useRef(null);
+
+  const svgProps: SvgIconProps = {
+    src: TestSvg,
+    viewBox: '0 0 500 500',
+  };
+
   return (
     <Stack style={stackStyle} gap={5}>
-      <Text>test to come</Text>
+      <Drawer>
+        <View>
+          <Text>Press for Drawer</Text>
+        </View>
+        <View style={{ padding: 20 }}>
+          <Text>This is content inside Drawer</Text>
+          <Link url="https://www.bing.com/" content="Click to navigate." />
+          <Icon svgSource={svgProps} width={100} height={100} color="blue" />
+          <Button componentRef={stdBtnRef}>Press for Drawer</Button>
+        </View>
+      </Drawer>
     </Stack>
   );
 };
@@ -19,7 +40,7 @@ const drawerSections: TestSection[] = [
   {
     name: 'Basic Drawer',
     testID: DRAWER_TESTPAGE,
-    component: basicDrawer,
+    component: BasicDrawer,
   },
 ];