@fluentui-react-native/tester 0.47.3 → 0.50.0

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

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

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

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+export declare const StandardUsage: FunctionComponent;
+//# sourceMappingURL=BasicAvatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA8DxE,eAAO,MAAM,aAAa,EAAE,iBA6C3B,CAAC"}

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

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var experimental_avatar_1 = require("@fluentui-react-native/experimental-avatar");
+var react_native_1 = require("react-native");
+var styles_1 = require("./../PersonaCoin/styles");
+var styles_2 = require("../Common/styles");
+var theme_types_1 = require("@fluentui-react-native/theme-types");
+var allSizes = [
+    styles_1.undefinedText,
+    'size8',
+    'size24',
+    'size32',
+    'size40',
+    'size48',
+    'size56',
+    'size72',
+    'size100',
+    'size120',
+];
+var allColors = [
+    styles_1.undefinedText,
+    'cornflower',
+    'blue',
+    'royalBlue',
+    'teal',
+    'forest',
+    'darkGreen',
+    'berry',
+    'hotPink',
+    'grape',
+    'purple',
+    'pumpkin',
+    'red',
+    'burgundy',
+    'orchid',
+    'brass',
+    'darkRed',
+    'beige',
+    'platinum',
+    'steel',
+    'brown',
+];
+var allPresences = [styles_1.undefinedText, 'none', 'online', 'offline', 'busy', 'dnd', 'blocked', 'away'];
+var StyledPicker = function (props) {
+    var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
+    var theme = theme_types_1.useTheme();
+    var pickerStyles = tslib_1.__assign({ color: theme.colors.inputText }, styles_2.commonTestStyles.header);
+    return (react_1.default.createElement(react_native_1.Picker, { prompt: prompt, style: pickerStyles, selectedValue: selected, onValueChange: onChange }, collection.map(function (value, index) { return (react_1.default.createElement(react_native_1.Picker.Item, { label: value, key: index, value: value })); })));
+};
+exports.StandardUsage = function () {
+    var tokens = {};
+    var _a = react_1.useState(false), isSquare = _a[0], setSquare = _a[1];
+    var _b = react_1.useState(true), showImage = _b[0], setShowImage = _b[1];
+    var _c = react_1.useState('size72'), imageSize = _c[0], setImageSize = _c[1];
+    var _d = react_1.useState('brass'), coinColor = _d[0], setCoinColor = _d[1];
+    var _e = react_1.useState('online'), presence = _e[0], setPresence = _e[1];
+    var onSizeChange = react_1.useCallback(function (value) { return setImageSize(value); }, []);
+    var onColorChange = react_1.useCallback(function (value) { return setCoinColor(value); }, []);
+    var onPresenceChange = react_1.useCallback(function (value) { return setPresence(value); }, []);
+    var theme = theme_types_1.useTheme();
+    var textStyles = { color: theme.colors.inputText };
+    tokens.backgroundColor = coinColor;
+    return (react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
+        react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
+            react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
+                react_1.default.createElement(react_native_1.Text, { style: textStyles }, "Show image"),
+                react_1.default.createElement(react_native_1.Switch, { value: showImage, onValueChange: setShowImage })),
+            react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
+                react_1.default.createElement(react_native_1.Text, { style: textStyles }, "Set square Avatar"),
+                react_1.default.createElement(react_native_1.Switch, { value: isSquare, onValueChange: function () { return setSquare(!isSquare); } })),
+            react_1.default.createElement(StyledPicker, { prompt: "Size", selected: imageSize, onChange: onSizeChange, collection: allSizes }),
+            react_1.default.createElement(StyledPicker, { prompt: "Coin color", selected: coinColor, onChange: onColorChange, collection: allColors }),
+            react_1.default.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
+        react_1.default.createElement(experimental_avatar_1.JSAvatar, { size: imageSize === styles_1.undefinedText ? undefined : imageSize, initials: "SN", shape: isSquare ? 'square' : 'circular', imageDescription: "Photo of Satya Nadella", presence: presence === styles_1.undefinedText ? undefined : presence, imageUrl: showImage ? styles_1.satyaPhotoUrl : undefined, coinColorFluent: coinColor === styles_1.undefinedText ? undefined : coinColor })));
+};
+//# sourceMappingURL=BasicAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":";;;AAAA,qDAAwE;AACxE,kFAA+G;AAC/G,6CAAsE;AACtE,kDAAuE;AACvE,2CAAoE;AACpE,kEAA8D;AAK9D,IAAM,QAAQ,GAAgC;IAC5C,sBAAa;IACb,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,SAAS;CACV,CAAC;AAEF,IAAM,SAAS,GAAiC;IAC9C,sBAAa;IACb,YAAY;IACZ,MAAM;IACN,WAAW;IACX,MAAM;IACN,QAAQ;IACR,WAAW;IACX,OAAO;IACP,SAAS;IACT,OAAO;IACP,QAAQ;IACR,SAAS;IACT,KAAK;IACL,UAAU;IACV,QAAQ;IACR,OAAO;IACP,SAAS;IACT,OAAO;IACP,UAAU;IACV,OAAO;IACP,OAAO;CACR,CAAC;AAEF,IAAM,YAAY,GAAoC,CAAC,sBAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AAErI,IAAM,YAAY,GAAG,UAAC,KAAK;IACjB,IAAA,qBAAM,EAAE,yBAAQ,EAAE,yBAAQ,EAAE,6BAAU,CAAW;IACzD,IAAM,KAAK,GAAG,sBAAQ,EAAE,CAAC;IACzB,IAAM,YAAY,sBAAK,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,IAAK,yBAAY,CAAC,MAAM,CAAE,CAAC;IAC7F,OAAO,CACL,8BAAC,qBAAM,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAC1F,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAChC,8BAAC,qBAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxD,EAFiC,CAEjC,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,aAAa,GAAsB;IAC9C,IAAM,MAAM,GAAmB,EAAE,CAAC;IAC5B,IAAA,4BAAuC,EAAtC,gBAAQ,EAAE,iBAA4B,CAAC;IACxC,IAAA,2BAA0C,EAAzC,iBAAS,EAAE,oBAA8B,CAAC;IAC3C,IAAA,+BAAyE,EAAxE,iBAAS,EAAE,oBAA6D,CAAC;IAC1E,IAAA,8BAAyE,EAAxE,iBAAS,EAAE,oBAA6D,CAAC;IAC1E,IAAA,+BAA2E,EAA1E,gBAAQ,EAAE,mBAAgE,CAAC;IAElF,IAAM,YAAY,GAAG,mBAAW,CAAC,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,EAAE,CAAC,CAAC;IACrE,IAAM,aAAa,GAAG,mBAAW,CAAC,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,EAAE,CAAC,CAAC;IACtE,IAAM,gBAAgB,GAAG,mBAAW,CAAC,UAAC,KAAK,IAAK,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EAAE,EAAE,CAAC,CAAC;IAExE,IAAM,KAAK,GAAG,sBAAQ,EAAE,CAAC;IACzB,IAAM,UAAU,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,EAAE,CAAC;IAEnE,MAAM,CAAC,eAAe,GAAG,SAAS,CAAC;IAEnC,OAAO,CACL,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,IAAI;QAC5B,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,QAAQ;YAChC,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,8BAAC,mBAAI,IAAC,KAAK,EAAE,UAAU,iBAAmB;gBAC1C,8BAAC,qBAAM,IAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,GAAI,CACpD;YACP,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,8BAAC,mBAAI,IAAC,KAAK,EAAE,UAAU,wBAA0B;gBACjD,8BAAC,qBAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,QAAQ,CAAC,EAApB,CAAoB,GAAI,CACjE;YAEP,8BAAC,YAAY,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,GAAI;YACjG,8BAAC,YAAY,IAAC,MAAM,EAAC,YAAY,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,GAAI;YACzG,8BAAC,YAAY,IAAC,MAAM,EAAC,iBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,GAAI,CAC9G;QAEP,8BAAC,8BAAQ,IACP,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,QAAQ,EAAC,IAAI,EACb,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,gBAAgB,EAAC,wBAAwB,EACzC,QAAQ,EAAE,QAAQ,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC3D,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,sBAAa,CAAC,CAAC,CAAC,SAAS,EAC/C,eAAe,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACpE,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAqJlC,CAAC"}

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

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var experimental_avatar_1 = require("@fluentui-react-native/experimental-avatar");
+var react_native_1 = require("react-native");
+var Slider_1 = require("../Common/Slider");
+var styles_1 = require("./../PersonaCoin/styles");
+var theme_types_1 = require("@fluentui-react-native/theme-types");
+var AlignmentPicker_1 = require("../Common/AlignmentPicker");
+var styles_2 = require("../Common/styles");
+exports.CustomizeUsage = function () {
+    var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
+    var _b = React.useState(), coinColor = _b[0], setCoinColor = _b[1];
+    var _c = React.useState(), textColor = _c[0], setTextColor = _c[1];
+    var _d = React.useState(80), physicalSize = _d[0], setPhysicalSize = _d[1];
+    var _e = React.useState(24), iconSize = _e[0], setIconSize = _e[1];
+    var _f = React.useState(2), iconStrokeWidth = _f[0], setIconStrokeWidth = _f[1];
+    var _g = React.useState(undefined), iconStrokeColor = _g[0], setIconStrokeColor = _g[1];
+    var _h = React.useState(14), initialsSize = _h[0], setInitialsSize = _h[1];
+    var _j = React.useState(), horizontalAlignment = _j[0], setHorizontalAlignment = _j[1];
+    var _k = React.useState(), verticalAlignment = _k[0], setVerticalAlignment = _k[1];
+    var _l = React.useState('red'), ringColor = _l[0], setRingColor = _l[1];
+    var _m = React.useState(undefined), ringBackgroundColor = _m[0], setRingBackgroundColor = _m[1];
+    var _o = React.useState(true), showRing = _o[0], setShowRing = _o[1];
+    var _p = React.useState(false), transparent = _p[0], setTransparent = _p[1];
+    var theme = theme_types_1.useTheme();
+    var textBoxBorderStyle = {
+        borderColor: theme.colors.inputBorder,
+    };
+    var tokens = {};
+    if (coinColor) {
+        tokens.backgroundColor = coinColor;
+    }
+    if (textColor) {
+        tokens.color = textColor;
+    }
+    if (horizontalAlignment) {
+        tokens.horizontalIconAlignment = horizontalAlignment;
+    }
+    if (verticalAlignment) {
+        tokens.verticalIconAlignment = verticalAlignment;
+    }
+    if (iconSize) {
+        tokens.iconSize = iconSize;
+    }
+    if (iconStrokeWidth) {
+        tokens.iconStrokeWidth = iconStrokeWidth;
+    }
+    if (iconStrokeColor) {
+        tokens.iconStrokeColor = iconStrokeColor;
+    }
+    if (initialsSize) {
+        tokens.initialsSize = initialsSize;
+    }
+    if (physicalSize) {
+        tokens.avatarSize = physicalSize;
+    }
+    var CustomizedAvatar = experimental_avatar_1.JSAvatar.customize(tokens);
+    return (React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
+        React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
+            React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
+                React.createElement(react_native_1.Text, null, "Show image"),
+                React.createElement(react_native_1.Switch, { value: showImage, onValueChange: setShowImage })),
+            React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
+                React.createElement(react_native_1.Text, null, "Show rings"),
+                React.createElement(react_native_1.Switch, { value: showRing, onValueChange: setShowRing })),
+            React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
+                React.createElement(react_native_1.Text, null, "Transparent Ring"),
+                React.createElement(react_native_1.Switch, { value: transparent, onValueChange: setTransparent })),
+            React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setCoinColor(e.nativeEvent.text);
+                } }),
+            React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setTextColor(e.nativeEvent.text);
+                } }),
+            React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Icon stroke color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setIconStrokeColor(e.nativeEvent.text);
+                } }),
+            React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Ring color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setRingColor(e.nativeEvent.text);
+                } }),
+            React.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Ring background color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setRingBackgroundColor(e.nativeEvent.text);
+                } }),
+            React.createElement(AlignmentPicker_1.AlignmentPicker, { style: styles_2.commonTestStyles.header, label: "Horizontal icon alignment", onSelectionChange: setHorizontalAlignment }),
+            React.createElement(AlignmentPicker_1.AlignmentPicker, { style: styles_2.commonTestStyles.header, label: "Vertical icon alignment", onSelectionChange: setVerticalAlignment }),
+            React.createElement(react_native_1.Text, null, "Coin size"),
+            React.createElement(Slider_1.Slider, { minimum: 8, maximum: 200, initialValue: 80, style: styles_2.commonTestStyles.vmargin, onChange: setPhysicalSize }),
+            React.createElement(react_native_1.Text, null, "Icon size"),
+            React.createElement(Slider_1.Slider, { minimum: 8, maximum: 100, initialValue: 24, style: styles_2.commonTestStyles.vmargin, onChange: setIconSize }),
+            React.createElement(react_native_1.Text, null, "Icon stroke width"),
+            React.createElement(Slider_1.Slider, { minimum: 0, maximum: 8, initialValue: 2, style: styles_2.commonTestStyles.vmargin, onChange: setIconStrokeWidth }),
+            React.createElement(react_native_1.Text, null, "Font size"),
+            React.createElement(Slider_1.Slider, { minimum: 5, maximum: 50, initialValue: 14, style: styles_2.commonTestStyles.vmargin, onChange: setInitialsSize })),
+        React.createElement(CustomizedAvatar, { initials: "SB", imageDescription: "Former CEO of Microsoft", presence: "blocked", imageUrl: showImage ? styles_1.steveBallmerPhotoUrl : undefined, ring: showRing
+                ? {
+                    ringColor: ringColor,
+                    ringBackgroundColor: ringBackgroundColor,
+                    ringThickness: 4,
+                    innerGap: 4,
+                    transparent: transparent,
+                }
+                : undefined })));
+};
+//# sourceMappingURL=CustomizedAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,kFAAqG;AACrG,6CAAwE;AACxE,2CAA0C;AAC1C,kDAA+D;AAC/D,kEAA8D;AAC9D,6DAA4D;AAC5D,2CAAoE;AAEvD,QAAA,cAAc,GAA4B;IAC/C,IAAA,yBAAgD,EAA/C,iBAAS,EAAE,oBAAoC,CAAC;IACjD,IAAA,qBAAoD,EAAnD,iBAAS,EAAE,oBAAwC,CAAC;IACrD,IAAA,qBAAoD,EAAnD,iBAAS,EAAE,oBAAwC,CAAC;IACrD,IAAA,uBAA4D,EAA3D,oBAAY,EAAE,uBAA6C,CAAC;IAC7D,IAAA,uBAAoD,EAAnD,gBAAQ,EAAE,mBAAyC,CAAC;IACrD,IAAA,sBAAiE,EAAhE,uBAAe,EAAE,0BAA+C,CAAC;IAClE,IAAA,8BAAyE,EAAxE,uBAAe,EAAE,0BAAuD,CAAC;IAC1E,IAAA,uBAA4D,EAA3D,oBAAY,EAAE,uBAA6C,CAAC;IAC7D,IAAA,qBAA+E,EAA9E,2BAAmB,EAAE,8BAAyD,CAAC;IAChF,IAAA,qBAA2E,EAA1E,yBAAiB,EAAE,4BAAuD,CAAC;IAE5E,IAAA,0BAAyD,EAAxD,iBAAS,EAAE,oBAA6C,CAAC;IAC1D,IAAA,8BAAiF,EAAhF,2BAAmB,EAAE,8BAA2D,CAAC;IAClF,IAAA,yBAAuD,EAAtD,gBAAQ,EAAE,mBAA4C,CAAC;IACxD,IAAA,0BAA8D,EAA7D,mBAAW,EAAE,sBAAgD,CAAC;IAErE,IAAM,KAAK,GAAG,sBAAQ,EAAE,CAAC;IACzB,IAAM,kBAAkB,GAAc;QACpC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;KACtC,CAAC;IAEF,IAAM,MAAM,GAAmB,EAAE,CAAC;IAClC,IAAI,SAAS,EAAE;QACb,MAAM,CAAC,eAAe,GAAG,SAAS,CAAC;KACpC;IACD,IAAI,SAAS,EAAE;QACb,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC;KAC1B;IACD,IAAI,mBAAmB,EAAE;QACvB,MAAM,CAAC,uBAAuB,GAAG,mBAAmB,CAAC;KACtD;IACD,IAAI,iBAAiB,EAAE;QACrB,MAAM,CAAC,qBAAqB,GAAG,iBAAiB,CAAC;KAClD;IACD,IAAI,QAAQ,EAAE;QACZ,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;KAC5B;IACD,IAAI,eAAe,EAAE;QACnB,MAAM,CAAC,eAAe,GAAG,eAAe,CAAC;KAC1C;IACD,IAAI,eAAe,EAAE;QACnB,MAAM,CAAC,eAAe,GAAG,eAAe,CAAC;KAC1C;IACD,IAAI,YAAY,EAAE;QAChB,MAAM,CAAC,YAAY,GAAG,YAAY,CAAC;KACpC;IACD,IAAI,YAAY,EAAE;QAChB,MAAM,CAAC,UAAU,GAAG,YAAY,CAAC;KAClC;IAED,IAAM,gBAAgB,GAAG,8BAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAEpD,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,IAAI;QAC5B,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,QAAQ;YAChC,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,oBAAC,mBAAI,qBAAkB;gBACvB,oBAAC,qBAAM,IAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,GAAI,CACpD;YAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,oBAAC,mBAAI,qBAAkB;gBACvB,oBAAC,qBAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,GAAI,CAClD;YAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM;gBAC9B,oBAAC,mBAAI,2BAAwB;gBAC7B,oBAAC,qBAAM,IAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,GAAI,CACxD;YAEP,oBAAC,wBAAS,IACR,KAAK,EAAE,CAAC,yBAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACjD,WAAW,EAAC,kBAAkB,EAC9B,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,UAAC,CAAC;oBACjB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACnC,CAAC,GACD;YACF,oBAAC,wBAAS,IACR,KAAK,EAAE,CAAC,yBAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACjD,WAAW,EAAC,qBAAqB,EACjC,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,UAAC,CAAC;oBACjB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACnC,CAAC,GACD;YACF,oBAAC,wBAAS,IACR,KAAK,EAAE,CAAC,yBAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACjD,WAAW,EAAC,mBAAmB,EAC/B,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,UAAC,CAAC;oBACjB,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACzC,CAAC,GACD;YAEF,oBAAC,wBAAS,IACR,KAAK,EAAE,CAAC,yBAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACjD,WAAW,EAAC,YAAY,EACxB,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,UAAC,CAAC;oBACjB,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACnC,CAAC,GACD;YAEF,oBAAC,wBAAS,IACR,KAAK,EAAE,CAAC,yBAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,EACjD,WAAW,EAAC,uBAAuB,EACnC,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,UAAC,CAAC;oBACjB,sBAAsB,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC7C,CAAC,GACD;YAEF,oBAAC,iCAAe,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM,EAAE,KAAK,EAAC,2BAA2B,EAAC,iBAAiB,EAAE,sBAAsB,GAAI;YAC5H,oBAAC,iCAAe,IAAC,KAAK,EAAE,yBAAY,CAAC,MAAM,EAAE,KAAK,EAAC,yBAAyB,EAAC,iBAAiB,EAAE,oBAAoB,GAAI;YAExH,oBAAC,mBAAI,oBAAiB;YACtB,oBAAC,eAAM,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,GAAI;YAE9G,oBAAC,mBAAI,oBAAiB;YACtB,oBAAC,eAAM,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,GAAI;YAE1G,oBAAC,mBAAI,4BAAyB;YAC9B,oBAAC,eAAM,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,KAAK,EAAE,yBAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,GAAI;YAE9G,oBAAC,mBAAI,oBAAiB;YACtB,oBAAC,eAAM,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,GAAI,CACxG;QAEP,oBAAC,gBAAgB,IACf,QAAQ,EAAC,IAAI,EACb,gBAAgB,EAAC,yBAAyB,EAC1C,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,6BAAoB,CAAC,CAAC,CAAC,SAAS,EACtD,IAAI,EACF,QAAQ;gBACN,CAAC,CAAC;oBACE,SAAS,WAAA;oBACT,mBAAmB,qBAAA;oBACnB,aAAa,EAAE,CAAC;oBAChB,QAAQ,EAAE,CAAC;oBACX,WAAW,aAAA;iBACZ;gBACH,CAAC,CAAC,SAAS,GAEf,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"JSAvatarTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/JSAvatarTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAahC,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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