@fluentui-react-native/tester 0.135.1 → 0.135.3

package/lib/fluent-tester/src/TestComponents/Test.js

@@ -0,0 +1,162 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Platform, StyleSheet, Switch, View } from 'react-native';
+import { Text, ToggleButton, Separator, Link } from '@fluentui/react-native';
+import { Button } from '@fluentui-react-native/experimental-button';
+import { Stack } from '@fluentui-react-native/stack';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import Svg, { G, Path } from 'react-native-svg';
+import { stackStyle } from './Common/styles';
+import { testProps } from './Common/TestProps';
+import { E2E_MODE_SWITCH, E2E_TEST_SECTION } from '../../../E2E/src/index.consts';
+var definitions = {
+    Production: 'Control is ready for broad partner use and to be used in production-ready scenarios.',
+    Beta: 'Control is ready for partner consumption, but not ready for production release (e.g. fixing bugs).',
+    Experimental: 'Control code checked into repo, but not ready for partner use.',
+    Backlog: 'Control is in plan and on our backlog to deliver.',
+    'N/A': 'Control is not in current plan.',
+    Deprecated: 'Control is being deprecated.',
+};
+var styles = StyleSheet.create({
+    name: {
+        marginTop: 4,
+        flex: Platform.select({ ios: 0, android: 0, default: 1 }),
+    },
+    definitionHeader: {
+        marginTop: 12,
+        marginBottom: 6,
+    },
+    description: {
+        alignItems: 'flex-start',
+        flexWrap: 'wrap',
+    },
+    header: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        flexWrap: 'wrap',
+    },
+    section: {
+        marginTop: 12,
+    },
+    statusView: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    statusLabel: {
+        marginTop: 2,
+        marginStart: 4,
+    },
+    status: {
+        fontWeight: 'normal',
+    },
+    // This button is only for our E2E testing framework. We want to be able to put keyboard focus in any test page if we need it.
+    // This button will be at the top of every test page and allows us to do that. But we don't want partners to see it.
+    e2eFocusButton: {
+        opacity: 0,
+    },
+    e2eSection: {
+        marginBottom: 4,
+    },
+    e2eSwitch: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    e2eSwitchLabel: {
+        marginRight: 4,
+        textAlignVertical: 'center',
+    },
+});
+export var Test = function (props) {
+    var _a = React.useState(false), showStatus = _a[0], setShowStatus = _a[1];
+    var _b = React.useState(false), showE2E = _b[0], setShowE2E = _b[1];
+    var toggleSvg = function () {
+        var plusPath = 'M6.5 1.75C6.5 1.33579 6.16421 1 5.75 1C5.33579 1 5 1.33579 5 1.75V5H1.75C1.33579 5 1 5.33579 1 5.75C1 6.16421 1.33579 6.5 1.75 6.5H5V9.75C5 10.1642 5.33579 10.5 5.75 10.5C6.16421 10.5 6.5 10.1642 6.5 9.75V6.5H9.75C10.1642 6.5 10.5 6.16421 10.5 5.75C10.5 5.33579 10.1642 5 9.75 5H6.5V1.75Z';
+        var minusPath = 'M2.75 5.25h6.5s0.75 0 0.75 0.75v0s0 0.75 -0.75 0.75h-6.5s-0.75 0 -0.75 -0.75v0s0 -0.75 0.75 -0.75';
+        var path = showStatus ? minusPath : plusPath;
+        return (React.createElement(Svg, null,
+            React.createElement(G, null,
+                React.createElement(Path, { d: path, fill: "black" }))));
+    };
+    var svgProps = {
+        src: toggleSvg,
+    };
+    var theme = useTheme();
+    var fontFamily = theme.typography.families.primary;
+    var plusCodepoint = 0x2795;
+    var minusCodepoint = 0x2796;
+    var fontIconProps = {
+        fontFamily: fontFamily,
+        codepoint: showStatus ? minusCodepoint : plusCodepoint,
+        fontSize: 10,
+    };
+    var toggleIconProps = Platform.OS === 'windows' ? { fontSource: fontIconProps } : { svgSource: svgProps, width: 12, height: 12 };
+    var e2eSections = props.e2eSections;
+    var isMobile = Platform.OS === 'ios' || Platform.OS === 'android';
+    return (React.createElement(View, null,
+        React.createElement(View, { style: styles.header },
+            React.createElement(Text, { style: styles.name, variant: "heroSemibold" }, props.name),
+            !isMobile && (React.createElement(Button
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            , __assign({}, testProps('Focus_Button'), { style: styles.e2eFocusButton }), "E2E Button")),
+            props.e2eSections && (React.createElement(View, { style: styles.e2eSwitch },
+                React.createElement(Text, __assign({ style: styles.e2eSwitchLabel }, (isMobile ? {} : { variant: 'body1Strong' })), "E2E Mode"),
+                React.createElement(Switch, __assign({ onValueChange: setShowE2E, value: showE2E }, testProps(E2E_MODE_SWITCH))))),
+            props.spec && React.createElement(Link, { url: props.spec, content: "SPEC" })),
+        React.createElement(Separator, null),
+        e2eSections && showE2E && (
+        // We can check if the E2E section renders by checking if the "E2E Tests" header has rendered for each spec
+        React.createElement(React.Fragment, null,
+            React.createElement(Text, __assign({ variant: "headerSemibold" }, testProps(E2E_TEST_SECTION)), "E2E Tests"),
+            e2eSections.map(function (section, i) {
+                if (section === null) {
+                    return null;
+                }
+                var E2EComponent = section.component;
+                return React.createElement(E2EComponent, { key: i });
+            }))),
+        React.createElement(Stack, { style: stackStyle },
+            React.createElement(Text, { style: styles.description }, props.description)),
+        React.createElement(Stack, { style: stackStyle },
+            React.createElement(View, { style: styles.statusView },
+                React.createElement(Text, { variant: "headerStandard" }, "Platform Status"),
+                React.createElement(ToggleButton, { iconOnly: true, icon: toggleIconProps, onClick: function () { return setShowStatus(!showStatus); } })),
+            showStatus && (React.createElement(React.Fragment, null,
+                React.createElement(Text, { style: styles.statusLabel, variant: "bodySemibold" },
+                    "Win32: ",
+                    React.createElement(Text, { style: styles.status }, props.status.win32Status)),
+                React.createElement(Text, { style: styles.statusLabel, variant: "bodySemibold" },
+                    "UWP: ",
+                    React.createElement(Text, { style: styles.status }, props.status.uwpStatus)),
+                React.createElement(Text, { style: styles.statusLabel, variant: "bodySemibold" },
+                    "iOS: ",
+                    React.createElement(Text, { style: styles.status }, props.status.iosStatus)),
+                React.createElement(Text, { style: styles.statusLabel, variant: "bodySemibold" },
+                    "macOS: ",
+                    React.createElement(Text, { style: styles.status }, props.status.macosStatus)),
+                React.createElement(Text, { style: styles.statusLabel, variant: "bodySemibold" },
+                    "Android: ",
+                    React.createElement(Text, { style: styles.status }, props.status.androidStatus)),
+                React.createElement(Text, { style: styles.definitionHeader, variant: "headerStandard" }, "Status Definitions"),
+                Object.entries(definitions).map(function (_a) {
+                    var key = _a[0], value = _a[1];
+                    return (React.createElement(Text, { style: styles.statusLabel, variant: "bodySemibold", key: key },
+                        key,
+                        ": ",
+                        React.createElement(Text, { style: styles.status }, value)));
+                })))),
+        props.sections.map(function (section, index) {
+            if (section == null) {
+                return React.createElement(React.Fragment, null);
+            }
+            var TestComponent = section.component;
+            return (React.createElement(View, { key: index },
+                React.createElement(Text, __assign({ style: styles.section, variant: "headerSemibold" }, testProps(section.testID)), section.name),
+                React.createElement(Separator, null),
+                React.createElement(TestComponent, null)));
+        })));
+};
+//# sourceMappingURL=Test.js.map

package/lib/fluent-tester/src/TestComponents/Test.js.map

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

package/lib/fluent-tester/src/TestComponents/TextLegacy/CustomizeUsage.d.ts

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

package/lib/fluent-tester/src/TestComponents/TextLegacy/CustomizeUsage.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/TextLegacy/CustomizeUsage.js

@@ -0,0 +1,96 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+var RedCaptionBold = Text.customize({ tokens: { variant: 'captionStandard', fontWeight: '700', color: '#ff0000' } });
+var OrangeSecondaryBold = Text.customize({ tokens: { variant: 'secondaryStandard', fontWeight: '700', color: '#ff9900' } });
+var YellowBodyBold = Text.customize({ tokens: { variant: 'bodyStandard', fontWeight: '700', color: '#f3ce00' } });
+var GreenSubheaderBold = Text.customize({ tokens: { variant: 'subheaderStandard', fontWeight: '700', color: '#02c440' } });
+var BlueHeaderBold = Text.customize({ tokens: { variant: 'headerStandard', fontWeight: '700', color: '#0229c4' } });
+var IndigoHeroBold = Text.customize({ tokens: { variant: 'heroStandard', fontWeight: '700', color: '#4b0082' } });
+var PurpleHeroLargeBold = Text.customize({ tokens: { variant: 'heroLargeStandard', fontWeight: '700', color: '#8402c4' } });
+// Android has a limited fontFamily support and unknown fonts fallback to sans-serif (Roboto).
+// Custom fonts (ttf, otf) are supported but need to be linked using 'react-native link'
+// The supported font families can be found as <aliases> at https://android.googlesource.com/platform/frameworks/base/+/master/data/fonts/fonts.xml
+var CustomFontNames = __assign({}, Platform.select({
+    android: {
+        CourierNew: 'courier new',
+        Georgia: 'georgia',
+        TimesNewRoman: 'times new roman',
+    },
+    default: {
+        CourierNew: 'Courier New',
+        Georgia: 'Georgia',
+        TimesNewRoman: 'Times New Roman',
+    },
+}));
+var ArialBlack = Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Arial Black' } });
+var BrushScriptMT = Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'Brush Script MT' } });
+var CourierNew = Text.customize({ tokens: { variant: 'headerStandard', fontFamily: CustomFontNames.CourierNew } });
+var Georgia = Text.customize({ tokens: { variant: 'subheaderStandard', fontFamily: CustomFontNames.Georgia } });
+var TimesNewRoman = Text.customize({ tokens: { variant: 'secondaryStandard', fontFamily: CustomFontNames.TimesNewRoman } });
+var Wingdings = Text.customize({ tokens: { variant: 'captionStandard', fontFamily: 'Wingdings' } });
+// Examples of supported Android fonts.
+var Casual = Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'casual' } });
+var Cursive = Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'cursive' } });
+// Examples of iOS fonts.
+var Papyrus = Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Papyrus' } });
+var Helvetica = Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Helvetica' } });
+// Fonts supported on Android and iOS
+var Arial = Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'arial' } });
+export var CustomizeUsage = function () {
+    var CustomUsageStack = function () {
+        return (React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(RedCaptionBold, null, "RedCaptionBold"),
+            React.createElement(OrangeSecondaryBold, null, "OrangeSecondaryBold"),
+            React.createElement(YellowBodyBold, null, "YellowBodyBold"),
+            React.createElement(GreenSubheaderBold, null, "GreenSubheaderBold"),
+            React.createElement(BlueHeaderBold, null, "BlueHeaderBold"),
+            React.createElement(IndigoHeroBold, null, "IndigoHeroBold"),
+            React.createElement(PurpleHeroLargeBold, null, "PurpleHeroLargeBold")));
+    };
+    var CustomFontStack = function () {
+        return (React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(ArialBlack, null, "Arial Black"),
+            React.createElement(BrushScriptMT, null, "Brush Script MT"),
+            React.createElement(CourierNew, null, "Courier New"),
+            React.createElement(Georgia, null, "Georgia"),
+            React.createElement(TimesNewRoman, null, "TimesNewRoman"),
+            React.createElement(Wingdings, null, "Wingdings")));
+    };
+    var CustomFontStackAndroid = function () {
+        return (React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(Arial, null, "Arial"),
+            React.createElement(Casual, null, "Casual"),
+            React.createElement(Cursive, null, "Cursive"),
+            React.createElement(CourierNew, null, "Courier New"),
+            React.createElement(Georgia, null, "Georgia"),
+            React.createElement(TimesNewRoman, null, "TimesNewRoman")));
+    };
+    var CustomFontStackiOS = function () {
+        return (React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(Arial, null, "Arial"),
+            React.createElement(Papyrus, null, "Papyrus"),
+            React.createElement(Helvetica, null, "Helvetica"),
+            React.createElement(CourierNew, null, "Courier New"),
+            React.createElement(Georgia, null, "Georgia"),
+            React.createElement(TimesNewRoman, null, "TimesNewRoman")));
+    };
+    switch (Platform.OS) {
+        case 'android':
+            return (React.createElement(View, null,
+                React.createElement(CustomUsageStack, null),
+                React.createElement(CustomFontStackAndroid, null)));
+        case 'ios':
+            return (React.createElement(View, null,
+                React.createElement(CustomUsageStack, null),
+                React.createElement(CustomFontStackiOS, null)));
+        default:
+            return (React.createElement(View, null,
+                React.createElement(CustomUsageStack, null),
+                React.createElement(CustomFontStack, null)));
+    }
+};
+//# sourceMappingURL=CustomizeUsage.js.map

package/lib/fluent-tester/src/TestComponents/TextLegacy/CustomizeUsage.js.map

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

package/lib/fluent-tester/src/TestComponents/TextLegacy/PressableUsage.d.ts

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

package/lib/fluent-tester/src/TestComponents/TextLegacy/PressableUsage.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/TextLegacy/PressableUsage.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { Alert, Linking, View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+export var PressableUsage = function () {
+    var _onPress = function () {
+        Linking.openURL('https://www.microsoft.com');
+    };
+    var _onKeyDown = function (ev) {
+        if (ev.nativeEvent.key === 'Enter' || ev.nativeEvent.key == 'Space')
+            Linking.openURL('https://www.microsoft.com');
+    };
+    var _onPress2 = function () {
+        Alert.alert('Alert', 'Success!');
+    };
+    var _onKeyDown2 = function (ev) {
+        if (ev.nativeEvent.key === 'Enter' || ev.nativeEvent.key == ' ')
+            Alert.alert('Alert', 'Success!');
+    };
+    var handledNativeKeyboardEvents = [{ key: 'Enter' }, { key: 'Space' }];
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(Text, { variant: 'bodyStandard' },
+                "To learn more about microsoft, visit this",
+                ' ',
+                React.createElement(Text, { variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress, onKeyDown: _onKeyDown }, "webpage"),
+                ' ',
+                "for more details."),
+            React.createElement(Text, { variant: 'bodyStandard' },
+                "Press",
+                ' ',
+                React.createElement(Text, { variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress2, onKeyDown: _onKeyDown2 }, "here"),
+                ' ',
+                "to view an alert."))));
+};
+//# sourceMappingURL=PressableUsage.js.map

package/lib/fluent-tester/src/TestComponents/TextLegacy/PressableUsage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PressableUsage.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TextLegacy/PressableUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAG;QACf,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,EAAkB;QACpC,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,IAAI,OAAO;YAAE,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IACpH,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;QAChB,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAAkB;QACrC,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG;YAAE,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACpG,CAAC,CAAC;IAEF,IAAM,2BAA2B,GAA4B,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;IAElG,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,IAAI,IAAC,OAAO,EAAE,cAAc;;gBACe,GAAG;gBAC7C,oBAAC,IAAI,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,EAAE,2BAA2B,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,cAEzH;gBAAC,GAAG;oCAEN;YACP,oBAAC,IAAI,IAAC,OAAO,EAAE,cAAc;;gBACrB,GAAG;gBACT,oBAAC,IAAI,IACH,OAAO,EAAE,cAAc,EACvB,KAAK,EAAC,MAAM,EACZ,aAAa,EAAE,2BAA2B,EAC1C,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,WAAW,WAGjB;gBAAC,GAAG;oCAEN,CACD,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/TextLegacy/StandardUsage.d.ts

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

package/lib/fluent-tester/src/TestComponents/TextLegacy/StandardUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardUsage.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TextLegacy/StandardUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAoBjC,CAAC"}

package/lib/fluent-tester/src/TestComponents/TextLegacy/StandardUsage.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+export var StandardUsage = function () {
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(Text, { variant: "captionStandard" }, "CaptionStandard"),
+            React.createElement(Text, { variant: "secondaryStandard" }, "SecondaryStandard"),
+            React.createElement(Text, { variant: "secondarySemibold" }, "SecondarySemibold"),
+            React.createElement(Text, { variant: "bodyStandard" }, "BodyStandard"),
+            React.createElement(Text, { variant: "bodySemibold" }, "BodySemibold"),
+            React.createElement(Text, { variant: "subheaderStandard" }, "SubheaderStandard"),
+            React.createElement(Text, { variant: "subheaderSemibold" }, "SubheaderSemibold"),
+            React.createElement(Text, { variant: "headerStandard" }, "HeaderStandard"),
+            React.createElement(Text, { variant: "headerSemibold" }, "HeaderSemibold"),
+            React.createElement(Text, { variant: "heroStandard" }, "HeroStandard"),
+            React.createElement(Text, { variant: "heroSemibold" }, "HeroSemibold"),
+            React.createElement(Text, { variant: "heroLargeStandard" }, "HeroLargeStandard"),
+            React.createElement(Text, { variant: "heroLargeSemibold" }, "HeroLargeSemibold"))));
+};
+//# sourceMappingURL=StandardUsage.js.map

package/lib/fluent-tester/src/TestComponents/TextLegacy/StandardUsage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardUsage.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TextLegacy/StandardUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,sBAAuB;YACtD,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,qBAAsB;YACpD,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,qBAAsB;YACpD,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB;YAChD,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB,CACpD,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/TextLegacy/TextLegacyE2ETest.d.ts

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

package/lib/fluent-tester/src/TestComponents/TextLegacy/TextLegacyE2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLegacyE2ETest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TextLegacy/TextLegacyE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAsBrC,CAAC"}

package/lib/fluent-tester/src/TestComponents/TextLegacy/TextLegacyE2ETest.js

@@ -0,0 +1,15 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { DEPRECATED_TEXT_FIRST_ACCESSIBILITY_LABEL, DEPRECATED_TEXT_FIRST_COMPONENT, DEPRECATED_TEXT_SECOND_COMPONENT, DEPRECATED_TEXT_SECOND_COMPONENT_CONTENT, } from '../../../../E2E/src/TextLegacy/consts';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export var TextLegacyE2ETest = function () {
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(Text, __assign({ variant: "captionStandard", accessibilityLabel: DEPRECATED_TEXT_FIRST_ACCESSIBILITY_LABEL }, testProps(DEPRECATED_TEXT_FIRST_COMPONENT)), "Testing Deprecated Text Component - Accessibility Label Set"),
+            React.createElement(Text, __assign({ variant: "captionStandard" }, testProps(DEPRECATED_TEXT_SECOND_COMPONENT)), DEPRECATED_TEXT_SECOND_COMPONENT_CONTENT))));
+};
+//# sourceMappingURL=TextLegacyE2ETest.js.map

package/lib/fluent-tester/src/TestComponents/TextLegacy/TextLegacyE2ETest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLegacyE2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TextLegacy/TextLegacyE2ETest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EACL,yCAAyC,EACzC,+BAA+B,EAC/B,gCAAgC,EAChC,wCAAwC,GACzC,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,IAAI,aACH,OAAO,EAAC,iBAAiB,EACzB,kBAAkB,EAAE,yCAAyC,IAEzD,SAAS,CAAC,+BAA+B,CAAC,iEAGzC;YACP,oBAAC,IAAI,aACH,OAAO,EAAC,iBAAiB,IAErB,SAAS,CAAC,gCAAgC,CAAC,GAE9C,wCAAwC,CACpC,CACD,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/TextLegacy/TextLegacyTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/TextLegacy/TextLegacyTest.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/TextLegacy/TextLegacyTest.js

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { CustomizeUsage } from './CustomizeUsage';
+import { PressableUsage } from './PressableUsage';
+import { StandardUsage } from './StandardUsage';
+import { TextLegacyE2ETest } from './TextLegacyE2ETest';
+import { TEXT_TESTPAGE } from '../../../../E2E/src/index.consts';
+import { Test } from '../Test';
+var textSections = [
+    {
+        name: 'Standard Usage',
+        testID: TEXT_TESTPAGE,
+        component: StandardUsage,
+    },
+    {
+        name: 'Customize Usage',
+        component: CustomizeUsage,
+    },
+    {
+        name: 'Pressable Usage',
+        component: PressableUsage,
+    },
+];
+var e2eSections = [
+    {
+        name: 'E2E Text Tests',
+        component: TextLegacyE2ETest,
+    },
+];
+export var TextLegacyTest = function () {
+    var status = {
+        win32Status: 'Deprecated',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Experimental',
+        androidStatus: 'Beta',
+    };
+    var description = 'Text is a component for displaying text. You can use Text to standardize text across your app.';
+    var spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/text/SPEC.md';
+    return React.createElement(Test, { name: "Text Test", description: description, spec: spec, sections: textSections, status: status, e2eSections: e2eSections });
+};
+//# sourceMappingURL=TextLegacyTest.js.map

package/lib/fluent-tester/src/TestComponents/TextLegacy/TextLegacyTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLegacyTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TextLegacy/TextLegacyTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;KAC1B;CACF,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,MAAM;KACtB,CAAC;IAEF,IAAM,WAAW,GAAG,gGAAgG,CAAC;IAErH,IAAM,IAAI,GAAG,+FAA+F,CAAC;IAE7G,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AAC3I,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/TextLegacy/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextLegacyTest';
+//# sourceMappingURL=index.d.ts.map

package/lib/fluent-tester/src/TestComponents/TextLegacy/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TextLegacy/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/lib/fluent-tester/src/TestComponents/TextLegacy/index.js

@@ -0,0 +1,2 @@
+export * from './TextLegacyTest';
+//# sourceMappingURL=index.js.map

package/lib/fluent-tester/src/TestComponents/TextLegacy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TextLegacy/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/lib/fluent-tester/src/TestComponents/TextV1/CustomizeUsage.d.ts

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

package/lib/fluent-tester/src/TestComponents/TextV1/CustomizeUsage.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/TextV1/CustomizeUsage.js

@@ -0,0 +1,115 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { Text } from '@fluentui-react-native/experimental-text';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+var RedCaptionBold = Text.customize({ variant: 'captionStandard', fontWeight: '700', color: '#ff0000' });
+var OrangeSecondaryBold = Text.customize({ variant: 'secondaryStandard', fontWeight: '700', color: '#ff9900' });
+var YellowBodyBold = Text.customize({ variant: 'bodyStandard', fontWeight: '700', color: '#f3ce00' });
+var GreenSubheaderBold = Text.customize({ variant: 'subheaderStandard', fontWeight: '700', color: '#02c440' });
+var BlueHeaderBold = Text.customize({ variant: 'headerStandard', fontWeight: '700', color: '#0229c4' });
+var IndigoHeroBold = Text.customize({ variant: 'heroStandard', fontWeight: '700', color: '#4b0082' });
+var PurpleHeroLargeBold = Text.customize({ variant: 'heroLargeStandard', fontWeight: '700', color: '#8402c4' });
+// Android has a limited fontFamily support and unknown fonts fallback to sans-serif (Roboto).
+// Custom fonts (ttf, otf) are supported but need to be linked using 'react-native link'
+// The supported font families can be found as <aliases> at https://android.googlesource.com/platform/frameworks/base/+/master/data/fonts/fonts.xml
+var CustomFontNames = __assign({}, Platform.select({
+    android: {
+        CourierNew: 'courier new',
+        Georgia: 'georgia',
+        TimesNewRoman: 'times new roman',
+    },
+    default: {
+        CourierNew: 'Courier New',
+        Georgia: 'Georgia',
+        TimesNewRoman: 'Times New Roman',
+    },
+}));
+var ArialBlack = Text.customize({ variant: 'heroLargeStandard', fontFamily: 'Arial Black' });
+var BrushScriptMT = Text.customize({ variant: 'heroStandard', fontFamily: 'Brush Script MT' });
+var CourierNew = Text.customize({ variant: 'headerStandard', fontFamily: CustomFontNames.CourierNew });
+var Georgia = Text.customize({ variant: 'subheaderStandard', fontFamily: CustomFontNames.Georgia });
+var TimesNewRoman = Text.customize({ variant: 'secondaryStandard', fontFamily: CustomFontNames.TimesNewRoman });
+var Wingdings = Text.customize({ variant: 'captionStandard', fontFamily: 'Wingdings' });
+// Examples of supported Android fonts.
+var Casual = Text.customize({ variant: 'heroStandard', fontFamily: 'casual' });
+var Cursive = Text.customize({ variant: 'heroStandard', fontFamily: 'cursive' });
+// Examples of iOS fonts.
+var Papyrus = Text.customize({ variant: 'heroLargeStandard', fontFamily: 'Papyrus' });
+var Helvetica = Text.customize({ variant: 'heroLargeStandard', fontFamily: 'Helvetica' });
+// Fonts supported on Android and iOS
+var Arial = Text.customize({ variant: 'heroLargeStandard', fontFamily: 'arial' });
+export var CustomizeUsage = function () {
+    var BlockText = function () {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Text, { style: { textTransform: 'uppercase' }, font: "base", weight: "medium", truncate: true }, "I am going to be truncated since I am a very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long block text."),
+            React.createElement(Text, { font: "monospace", weight: "semibold", wrap: false }, "I am not going to be wrapped since I am a very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long block text."),
+            React.createElement(Text, { underline: true }, "Since text components are inside a View"),
+            React.createElement(Text, null, "every block of text"),
+            React.createElement(Text, { underline: true, strikethrough: true, align: "end" }, "gets its own line. This line has been underlined, striked through, and right aligned.")));
+    };
+    var NonBlockText = function () {
+        return (React.createElement(Text, null,
+            React.createElement(Text, { italic: true }, "I am italisized inline text."),
+            React.createElement(Text, { weight: "medium" }, "Since text components are inside a Text, (medium) "),
+            React.createElement(Text, { weight: "bold" }, "every block of text (bolded) "),
+            React.createElement(Text, { size: 600 }, "gets placed inline.")));
+    };
+    var CustomUsageStack = function () {
+        return (React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(RedCaptionBold, null, "RedCaptionBold"),
+            React.createElement(OrangeSecondaryBold, null, "OrangeSecondaryBold"),
+            React.createElement(YellowBodyBold, null, "YellowBodyBold"),
+            React.createElement(GreenSubheaderBold, null, "GreenSubheaderBold"),
+            React.createElement(BlueHeaderBold, null, "BlueHeaderBold"),
+            React.createElement(IndigoHeroBold, null, "IndigoHeroBold"),
+            React.createElement(PurpleHeroLargeBold, null, "PurpleHeroLargeBold")));
+    };
+    var CustomFontStack = function () {
+        return (React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(ArialBlack, null, "Arial Black"),
+            React.createElement(BrushScriptMT, null, "Brush Script MT"),
+            React.createElement(CourierNew, null, "Courier New"),
+            React.createElement(Georgia, null, "Georgia"),
+            React.createElement(TimesNewRoman, null, "TimesNewRoman"),
+            React.createElement(Wingdings, null, "Wingdings")));
+    };
+    var CustomFontStackAndroid = function () {
+        return (React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(Arial, null, "Arial"),
+            React.createElement(Casual, null, "Casual"),
+            React.createElement(Cursive, null, "Cursive"),
+            React.createElement(CourierNew, null, "Courier New"),
+            React.createElement(Georgia, null, "Georgia"),
+            React.createElement(TimesNewRoman, null, "TimesNewRoman")));
+    };
+    var CustomFontStackiOS = function () {
+        return (React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(Arial, null, "Arial"),
+            React.createElement(Papyrus, null, "Papyrus"),
+            React.createElement(Helvetica, null, "Helvetica"),
+            React.createElement(CourierNew, null, "Courier New"),
+            React.createElement(Georgia, null, "Georgia"),
+            React.createElement(TimesNewRoman, null, "TimesNewRoman")));
+    };
+    switch (Platform.OS) {
+        case 'android':
+            return (React.createElement(View, null,
+                React.createElement(CustomUsageStack, null),
+                React.createElement(CustomFontStackAndroid, null)));
+        case 'ios':
+            return (React.createElement(View, null,
+                React.createElement(CustomUsageStack, null),
+                React.createElement(CustomFontStackiOS, null)));
+        default:
+            return (React.createElement(View, null,
+                React.createElement(BlockText, null),
+                React.createElement(Text, null, '\n'),
+                React.createElement(NonBlockText, null),
+                React.createElement(Text, null, '\n'),
+                React.createElement(CustomUsageStack, null),
+                React.createElement(CustomFontStack, null)));
+    }
+};
+//# sourceMappingURL=CustomizeUsage.js.map