@fluentui-react-native/tester 0.170.27 → 0.170.29

package/lib/TestComponents/Switch/SwitchTest.js

@@ -0,0 +1,116 @@
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Platform } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { SWITCH_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { Switch } from '@fluentui-react-native/switch';
+import { CustomizedSwitch } from './CustomizedSwitch';
+import { E2ESwitchTest } from './E2ESwitchTest';
+import { commonTestStyles } from '../Common/styles';
+import { Test } from '../Test';
+const styles = StyleSheet.create({
+    square: {
+        backgroundColor: 'red',
+        width: 100,
+        height: 100,
+    },
+});
+const StandardUsage = () => {
+    const memoizedStyles = React.useMemo(() => (Platform.OS === 'android' ? { ...commonTestStyles.androidContainer, height: 180 } : commonTestStyles.settingsPicker), []);
+    return (React.createElement(View, { style: memoizedStyles },
+        React.createElement(Switch, { defaultChecked: true, label: 'Default Checked True' }),
+        React.createElement(Switch, { defaultChecked: false, label: 'Default Checked False' }),
+        React.createElement(Switch, { defaultChecked: true, label: 'Disabled Default Checked True', disabled: true }),
+        React.createElement(Switch, { defaultChecked: false, label: 'Disabled Default Checked False', disabled: true })));
+};
+const OnChangeUsage = () => {
+    const [displaySquare, setDisplaySquare] = React.useState(true);
+    const defaultToggleSquare = (_e, checked) => {
+        setDisplaySquare(checked);
+    };
+    const memoizedStyles = React.useMemo(() => (Platform.OS === 'android' ? { ...commonTestStyles.androidContainer, height: 150 } : commonTestStyles.settingsPicker), []);
+    return (React.createElement(View, { style: memoizedStyles },
+        React.createElement(Switch, { label: 'Toggle Square', defaultChecked: true, onChange: defaultToggleSquare }),
+        displaySquare && React.createElement(View, { style: styles.square })));
+};
+const ControlSwitchValues = () => {
+    const [toggleSwitch, setToggleSwitch] = React.useState(true);
+    const toggleSwitchTrue = () => {
+        setToggleSwitch(true);
+    };
+    const toggleSwitchFalse = () => {
+        setToggleSwitch(false);
+    };
+    const memoizedStyles = React.useMemo(() => (Platform.OS === 'android' ? { ...commonTestStyles.androidContainer, height: 150 } : commonTestStyles.settingsPicker), []);
+    return (React.createElement(View, { style: memoizedStyles },
+        React.createElement(Button, { onClick: toggleSwitchTrue }, "Toggle Switch True"),
+        React.createElement(Button, { onClick: toggleSwitchFalse }, "Toggle Switch False"),
+        React.createElement(Switch, { label: 'Switch Value Being Controlled', checked: toggleSwitch })));
+};
+const LabelPosition = () => {
+    return (React.createElement(View, { style: commonTestStyles.settingsPicker },
+        React.createElement(Switch, { defaultChecked: true, labelPosition: 'before', label: 'before' }),
+        React.createElement(Switch, { defaultChecked: true, labelPosition: 'after', label: 'after' }),
+        Platform.OS !== 'android' && React.createElement(Switch, { defaultChecked: true, labelPosition: 'above', label: 'above' })));
+};
+const OnOffText = () => {
+    return (React.createElement(View, { style: commonTestStyles.settingsPicker },
+        React.createElement(Switch, { defaultChecked: true, labelPosition: 'before', label: 'Autosave', onText: 'On', offText: 'Off' }),
+        React.createElement(Switch, { defaultChecked: true, labelPosition: 'above', label: 'Autosave', onText: 'On', offText: 'Off' }),
+        React.createElement(Switch, { defaultChecked: true, labelPosition: 'after', label: 'Autosave', onText: 'On', offText: 'Off' })));
+};
+const toggleSections = [
+    {
+        name: 'Standard Usage',
+        testID: SWITCH_TESTPAGE,
+        component: () => React.createElement(StandardUsage, null),
+    },
+    {
+        name: 'onChange Usage',
+        component: () => React.createElement(OnChangeUsage, null),
+    },
+    {
+        name: 'Control Switch Values',
+        component: () => React.createElement(ControlSwitchValues, null),
+    },
+    Platform.select({
+        android: null,
+        default: {
+            name: 'Label Position',
+            component: () => React.createElement(LabelPosition, null),
+        },
+    }),
+    Platform.select({
+        android: null,
+        default: {
+            name: 'On/Off Text',
+            component: () => React.createElement(OnOffText, null),
+        },
+    }),
+    Platform.select({
+        android: null,
+        default: {
+            name: 'Customized Tokens',
+            component: () => React.createElement(CustomizedSwitch, null),
+        },
+    }),
+];
+const e2eSections = [
+    {
+        name: 'Switch E2E Testing',
+        component: E2ESwitchTest,
+    },
+];
+export const SwitchTest = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Production',
+        macosStatus: 'Production',
+        androidStatus: 'Production',
+    };
+    const description = 'Switch is a control that has two mutually exclusive states.';
+    const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Switch/SPEC.md';
+    return (React.createElement(Test, { name: "Switch Test", description: description, spec: spec, sections: toggleSections, status: status, e2eSections: e2eSections }));
+};
+//# sourceMappingURL=SwitchTest.js.map

package/lib/TestComponents/Switch/SwitchTest.js.map

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

package/lib/TestComponents/Switch/index.d.ts.map

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

package/lib/TestComponents/Switch/index.js.map

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

package/lib/TestComponents/TabList/TabListE2ETest.d.ts.map

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

package/lib/TestComponents/TabList/TabListE2ETest.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { TABLIST_TEST_COMPONENT, TABLIST_ACCESSIBILITY_LABEL, FIRST_TAB, FIRST_TAB_ACCESSIBILITY_LABEL, SECOND_TAB, THIRD_TAB, FOURTH_TAB, FIFTH_TAB, FIRST_TAB_KEY, TABLIST_CALLBACK_TEXT, FOURTH_TAB_KEY, SECOND_TAB_KEY, THIRD_TAB_KEY, SECOND_TAB_LABEL, } from '@fluentui-react-native/e2e-testing';
+import { Stack } from '@fluentui-react-native/stack';
+import { TabList, Tab } from '@fluentui-react-native/tablist';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export const TabListE2ETest = () => {
+    const [key, setKey] = React.useState(FIRST_TAB_KEY);
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle },
+            React.createElement(TabList, { accessibilityLabel: TABLIST_ACCESSIBILITY_LABEL, onTabSelect: setKey, selectedKey: key, ...testProps(TABLIST_TEST_COMPONENT) },
+                React.createElement(Tab, { tabKey: FIRST_TAB_KEY, accessibilityLabel: FIRST_TAB_ACCESSIBILITY_LABEL, ...testProps(FIRST_TAB) }, "Option A"),
+                React.createElement(Tab, { tabKey: SECOND_TAB_KEY, ...testProps(SECOND_TAB) }, SECOND_TAB_LABEL),
+                React.createElement(Tab, { disabled: true, tabKey: THIRD_TAB_KEY, ...testProps(THIRD_TAB) }, "Option C"),
+                React.createElement(Tab, { tabKey: FOURTH_TAB_KEY, ...testProps(FOURTH_TAB) }, "Option D")),
+            React.createElement(TabList, null,
+                React.createElement(Tab, { tabKey: "1", ...testProps(FIFTH_TAB) }, "Option 1"),
+                React.createElement(Tab, { tabKey: "2" }, "Option 2"),
+                React.createElement(Tab, { disabled: true, tabKey: "3" }, "Option 3"),
+                React.createElement(Tab, { tabKey: "4" }, "Option 4")),
+            React.createElement(Text, { ...testProps(TABLIST_CALLBACK_TEXT) }, key))));
+};
+//# sourceMappingURL=TabListE2ETest.js.map

package/lib/TestComponents/TabList/TabListE2ETest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListE2ETest.js","sourceRoot":"","sources":["../../../src/TestComponents/TabList/TabListE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EACL,sBAAsB,EACtB,2BAA2B,EAC3B,SAAS,EACT,6BAA6B,EAC7B,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,cAAc,GAA4B,GAAG,EAAE;IAC1D,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,oBAAC,OAAO,IACN,kBAAkB,EAAE,2BAA2B,EAC/C,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,GAAG,KACZ,SAAS,CAAC,sBAAsB,CAAC;gBAErC,oBAAC,GAAG,IAAC,MAAM,EAAE,aAAa,EAAE,kBAAkB,EAAE,6BAA6B,KAAM,SAAS,CAAC,SAAS,CAAC,eAEjG;gBACN,oBAAC,GAAG,IAAC,MAAM,EAAE,cAAc,KAAM,SAAS,CAAC,UAAU,CAAC,IACnD,gBAAgB,CACb;gBACN,oBAAC,GAAG,IAAC,QAAQ,QAAC,MAAM,EAAE,aAAa,KAAM,SAAS,CAAC,SAAS,CAAC,eAEvD;gBACN,oBAAC,GAAG,IAAC,MAAM,EAAE,cAAc,KAAM,SAAS,CAAC,UAAU,CAAC,eAEhD,CACE;YACV,oBAAC,OAAO;gBACN,oBAAC,GAAG,IAAC,MAAM,EAAC,GAAG,KAAK,SAAS,CAAC,SAAS,CAAC,eAElC;gBACN,oBAAC,GAAG,IAAC,MAAM,EAAC,GAAG,eAAe;gBAC9B,oBAAC,GAAG,IAAC,QAAQ,QAAC,MAAM,EAAC,GAAG,eAElB;gBACN,oBAAC,GAAG,IAAC,MAAM,EAAC,GAAG,eAAe,CACtB;YACV,oBAAC,IAAI,OAAK,SAAS,CAAC,qBAAqB,CAAC,IAAG,GAAG,CAAQ,CAClD,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/TestComponents/TabList/TabListTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/TabList/TabListTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0N1B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAY/B,CAAC"}

package/lib/TestComponents/TabList/TabListTest.js

@@ -0,0 +1,166 @@
+import React from 'react';
+import { View } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Divider } from '@fluentui-react-native/divider';
+import { TABLIST_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@fluentui-react-native/menu';
+import { TabList, Tab } from '@fluentui-react-native/tablist';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { TabListE2ETest } from './TabListE2ETest';
+import { svgProps, fontProps } from '../Common/iconExamples';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+const SubHeader = Text.customize({ variant: 'subheaderStandard' });
+const Header = Text.customize({ variant: 'headerStandard' });
+const Line = Divider.customize({ paddingVertical: 4 });
+const PaddedTabList = TabList.customize({
+    paddingVertical: 4,
+});
+const TabListDefaultTest = () => {
+    const [key, setKey] = React.useState('tab1');
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Header, null, "Uncontrolled Component"),
+        React.createElement(Line, null),
+        React.createElement(PaddedTabList, { defaultSelectedKey: 'tab1' },
+            React.createElement(Tab, { tabKey: "tab1" }, "Tab 1"),
+            React.createElement(Tab, { tabKey: "tab2" }, "Tab 2"),
+            React.createElement(Tab, { tabKey: "tab3" }, "Tab 3")),
+        React.createElement(Header, null, "Controlled Component"),
+        React.createElement(Line, null),
+        React.createElement(Text, null,
+            "Selected Key: ",
+            key),
+        React.createElement(PaddedTabList, { selectedKey: key, onTabSelect: (val) => {
+                console.log('New key:', val);
+                setKey(val);
+            } },
+            React.createElement(Tab, { tabKey: "tab1" }, "Tab 1"),
+            React.createElement(Tab, { tabKey: "tab2" }, "Tab 2"),
+            React.createElement(Tab, { tabKey: "tab3" }, "Tab 3"))));
+};
+const TabListDisabledTest = () => {
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(PaddedTabList, { defaultSelectedKey: "tab2" },
+            React.createElement(Tab, { disabled: true, tabKey: "tab1" }, "Tab 1"),
+            React.createElement(Tab, { tabKey: "tab2" }, "Tab 2"),
+            React.createElement(Tab, { disabled: true, tabKey: "tab3" }, "Tab 3"),
+            React.createElement(Tab, { tabKey: "tab4" }, "Tab 4")),
+        React.createElement(PaddedTabList, { disabled: true },
+            React.createElement(Tab, { tabKey: "tab1" }, "Tab 1"),
+            React.createElement(Tab, { tabKey: "tab2" }, "Tab 2"),
+            React.createElement(Tab, { tabKey: "tab3" }, "Tab 3"))));
+};
+const TabListVariantsTest = () => {
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Header, null, "Size Variants"),
+        React.createElement(Line, null),
+        React.createElement(SubHeader, null, "Small"),
+        React.createElement(PaddedTabList, { defaultSelectedKey: "sm1", size: "small" },
+            React.createElement(Tab, { tabKey: "sm1" }, "Small Tab 1"),
+            React.createElement(Tab, { tabKey: "sm2" }, "Small Tab 2"),
+            React.createElement(Tab, { tabKey: "sm3" }, "Small Tab 3")),
+        React.createElement(SubHeader, null, "Medium (default)"),
+        React.createElement(PaddedTabList, { defaultSelectedKey: "m1", size: "medium" },
+            React.createElement(Tab, { tabKey: "m1" }, "Medium Tab 1"),
+            React.createElement(Tab, { tabKey: "m2" }, "Medium Tab 2"),
+            React.createElement(Tab, { tabKey: "m3" }, "Medium Tab 3")),
+        React.createElement(SubHeader, null, "Large"),
+        React.createElement(PaddedTabList, { defaultSelectedKey: "lg1", size: "large" },
+            React.createElement(Tab, { tabKey: "lg1" }, "Large Tab 1"),
+            React.createElement(Tab, { tabKey: "lg2" }, "Large Tab 2"),
+            React.createElement(Tab, { tabKey: "lg3" }, "Large Tab 3")),
+        React.createElement(Header, null, "Appearance"),
+        React.createElement(Line, null),
+        React.createElement(SubHeader, null, "Transparent Appearance"),
+        React.createElement(PaddedTabList, { defaultSelectedKey: "tab1", appearance: "transparent" },
+            React.createElement(Tab, { tabKey: "tab1" }, "Tab 1"),
+            React.createElement(Tab, { tabKey: "tab2" }, "Tab 2"),
+            React.createElement(Tab, { tabKey: "tab3" }, "Tab 3")),
+        React.createElement(SubHeader, null, "Subtle Appearance"),
+        React.createElement(PaddedTabList, { defaultSelectedKey: "tab1", appearance: "subtle" },
+            React.createElement(Tab, { tabKey: "tab1" }, "Tab 1"),
+            React.createElement(Tab, { tabKey: "tab2" }, "Tab 2"),
+            React.createElement(Tab, { tabKey: "tab3" }, "Tab 3")),
+        React.createElement(Header, null, "Vertical Orientation"),
+        React.createElement(Line, null),
+        React.createElement(PaddedTabList, { defaultSelectedKey: "tab1", vertical: true },
+            React.createElement(Tab, { tabKey: "tab1" }, "Tab 1"),
+            React.createElement(Tab, { tabKey: "tab2" }, "Tab 2"),
+            React.createElement(Tab, { tabKey: "tab3" }, "Tab 3"))));
+};
+const TabListIconTest = () => {
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(TabList, { defaultSelectedKey: "fontIcon" },
+            React.createElement(Tab, { icon: { fontSource: fontProps }, tabKey: "fontIcon" }, "Font Icon"),
+            React.createElement(Tab, { icon: { fontSource: fontProps }, tabKey: "fontIconOnly" }),
+            React.createElement(Tab, { icon: { svgSource: svgProps }, tabKey: "svgIcon" }, "SVG Icon"),
+            React.createElement(Tab, { icon: { svgSource: svgProps }, tabKey: "svgIconOnly" }))));
+};
+const TabListViewTest = () => {
+    const [key, setKey] = React.useState('a');
+    const views = React.useMemo(() => ({
+        a: (React.createElement(View, null,
+            React.createElement(SubHeader, null, "This is View 1"),
+            React.createElement(Text, { variant: "body1" }, "Here is some text."))),
+        b: (React.createElement(View, null,
+            React.createElement(SubHeader, null, "This is View 2"),
+            React.createElement(Button, null, "Button 1"))),
+        c: (React.createElement(View, null,
+            React.createElement(SubHeader, null, "This is View 3"),
+            React.createElement(Menu, null,
+                React.createElement(MenuTrigger, null,
+                    React.createElement(Button, null, "Menu")),
+                React.createElement(MenuPopover, null,
+                    React.createElement(MenuList, null,
+                        React.createElement(MenuItem, null, "Item 1"),
+                        React.createElement(MenuItem, null, "Item 2"),
+                        React.createElement(MenuItem, null, "Item 3")))))),
+    }), []);
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(TabList, { selectedKey: key, onTabSelect: setKey },
+            React.createElement(Tab, { tabKey: "a" }, "View 1"),
+            React.createElement(Tab, { tabKey: "b" }, "View 2"),
+            React.createElement(Tab, { tabKey: "c" }, "View 3")),
+        views[key]));
+};
+const sections = [
+    {
+        name: 'TabList Controlled vs Uncontrolled',
+        component: TabListDefaultTest,
+        testID: TABLIST_TESTPAGE,
+    },
+    {
+        name: 'Disabled',
+        component: TabListDisabledTest,
+    },
+    {
+        name: 'Variants',
+        component: TabListVariantsTest,
+    },
+    {
+        name: 'Icon',
+        component: TabListIconTest,
+    },
+    {
+        name: 'Rendering Content Separately',
+        component: TabListViewTest,
+    },
+];
+const e2eSections = [
+    {
+        name: 'E2E Tests',
+        component: TabListE2ETest,
+    },
+];
+export const TabListTest = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Production',
+        macosStatus: 'Production',
+        androidStatus: 'Production',
+    };
+    const description = 'With Tabs, users can navigate to another view.';
+    return React.createElement(Test, { name: "TabList Test", description: description, sections: sections, status: status, e2eSections: e2eSections });
+};
+//# sourceMappingURL=TabListTest.js.map

package/lib/TestComponents/TabList/TabListTest.js.map

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

package/lib/TestComponents/Test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Test.d.ts","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACpC,GAAG,IAAI,CAAC;AAET,MAAM,MAAM,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,KAAK,GAAG,YAAY,CAAC;AAC/F,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;CAC7B;AAiED,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,MAAM,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CA6I/E,CAAC"}

package/lib/TestComponents/Test.js

@@ -0,0 +1,160 @@
+import * as React from 'react';
+import { Platform, StyleSheet, Switch, View } from 'react-native';
+import { Link, Separator, Text, ToggleButton } from '@fluentui/react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { E2E_MODE_SWITCH, E2E_TEST_SECTION } from '@fluentui-react-native/e2e-testing';
+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';
+const 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.',
+};
+const 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 const Test = (props) => {
+    const [showStatus, setShowStatus] = React.useState(false);
+    const [showE2E, setShowE2E] = React.useState(false);
+    const toggleSvg = () => {
+        const 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';
+        const 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';
+        const path = showStatus ? minusPath : plusPath;
+        return (React.createElement(Svg, null,
+            React.createElement(G, null,
+                React.createElement(Path, { d: path, fill: "black" }))));
+    };
+    const svgProps = {
+        src: toggleSvg,
+    };
+    const theme = useTheme();
+    const fontFamily = theme.typography.families.primary;
+    const plusCodepoint = 0x2795;
+    const minusCodepoint = 0x2796;
+    const fontIconProps = {
+        fontFamily: fontFamily,
+        codepoint: showStatus ? minusCodepoint : plusCodepoint,
+        fontSize: 10,
+    };
+    const toggleIconProps = Platform.OS === 'windows' ? { fontSource: fontIconProps } : { svgSource: svgProps, width: 12, height: 12 };
+    const { e2eSections } = props;
+    const 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. */
+            , { ...testProps('Focus_Button'), style: styles.e2eFocusButton }, "E2E Button")),
+            props.e2eSections && (React.createElement(View, { style: styles.e2eSwitch },
+                React.createElement(Text, { style: styles.e2eSwitchLabel, ...(isMobile ? {} : { variant: 'body1Strong' }) }, "E2E Mode"),
+                React.createElement(Switch, { 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, { variant: "headerSemibold", ...testProps(E2E_TEST_SECTION) }, "E2E Tests"),
+            e2eSections.map((section, i) => {
+                if (section === null) {
+                    return null;
+                }
+                const { component: E2EComponent } = section;
+                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: () => 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(([key, value]) => {
+                    return (React.createElement(Text, { style: styles.statusLabel, variant: "bodySemibold", key: key },
+                        key,
+                        ": ",
+                        React.createElement(Text, { style: styles.status }, value)));
+                })))),
+        props.sections.map((section, index) => {
+            if (section == null) {
+                return React.createElement(React.Fragment, null);
+            }
+            const TestComponent = section.component;
+            return (React.createElement(View, { key: index },
+                React.createElement(Text, { style: styles.section, variant: "headerSemibold", ...testProps(section.testID) }, section.name),
+                React.createElement(Separator, null),
+                React.createElement(TestComponent, null)));
+        })));
+};
+//# sourceMappingURL=Test.js.map

package/lib/TestComponents/Test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Test.js","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEvF,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D,OAAO,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AA0B/C,MAAM,WAAW,GAAG;IAClB,UAAU,EAAE,sFAAsF;IAClG,IAAI,EAAE,oGAAoG;IAC1G,YAAY,EAAE,gEAAgE;IAC9E,OAAO,EAAE,mDAAmD;IAC5D,KAAK,EAAE,iCAAiC;IACxC,UAAU,EAAE,8BAA8B;CAC3C,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,SAAS,EAAE,CAAC;QACZ,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;KAC1D;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,CAAC;KAChB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,YAAY;QACxB,QAAQ,EAAE,MAAM;KACjB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,QAAQ,EAAE,MAAM;KACjB;IACD,OAAO,EAAE;QACP,SAAS,EAAE,EAAE;KACd;IACD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;KAChC;IACD,WAAW,EAAE;QACX,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,CAAC;KACf;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,8HAA8H;IAC9H,oHAAoH;IACpH,cAAc,EAAE;QACd,OAAO,EAAE,CAAC;KACX;IACD,UAAU,EAAE;QACV,YAAY,EAAE,CAAC;KAChB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,cAAc,EAAE;QACd,WAAW,EAAE,CAAC;QACd,iBAAiB,EAAE,QAAQ;KAC5B;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAA6C,EAAE;IAClF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAsC,GAAG,EAAE;QACxD,MAAM,QAAQ,GACZ,kSAAkS,CAAC;QACrS,MAAM,SAAS,GAAG,mGAAmG,CAAC;QAEtH,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/C,OAAO,CACL,oBAAC,GAAG;YACF,oBAAC,CAAC;gBACA,oBAAC,IAAI,IAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CAC5B,CACA,CACP,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,SAAS;KACf,CAAC;IAEF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC;IAErD,MAAM,aAAa,GAAG,MAAM,CAAC;IAC7B,MAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,MAAM,aAAa,GAAG;QACpB,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;QACtD,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,MAAM,eAAe,GAAG,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IACnI,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9B,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC;IAEpE,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM;YACxB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAAC,cAAc,IAC7C,KAAK,CAAC,IAAI,CACN;YACN,CAAC,QAAQ,IAAI,CACZ,oBAAC,MAAM;YACL,6FAA6F;mBACzF,SAAS,CAAC,cAAc,CAAC,EAC7B,KAAK,EAAE,MAAM,CAAC,cAAc,iBAGrB,CACV;YACA,KAAK,CAAC,WAAW,IAAI,CACpB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;gBAC3B,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,KAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,eAE7E;gBACP,oBAAC,MAAM,IAAC,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,KAAM,SAAS,CAAC,eAAe,CAAC,GAAI,CAChF,CACR;YACA,KAAK,CAAC,IAAI,IAAI,oBAAC,IAAI,IAAC,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAC,MAAM,GAAG,CAClD;QACP,oBAAC,SAAS,OAAG;QACZ,WAAW,IAAI,OAAO,IAAI;QACzB,2GAA2G;QAC3G;YACE,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,KAAK,SAAS,CAAC,gBAAgB,CAAC,gBAEvD;YACN,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;gBAC9B,IAAI,OAAO,KAAK,IAAI,EAAE;oBACpB,OAAO,IAAI,CAAC;iBACb;gBACD,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;gBAC5C,OAAO,oBAAC,YAAY,IAAC,GAAG,EAAE,CAAC,GAAI,CAAC;YAClC,CAAC,CAAC,CACD,CACJ;QACD,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAG,KAAK,CAAC,WAAW,CAAQ,CACrD;QACR,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU;gBAC5B,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,sBAAuB;gBACrD,oBAAC,YAAY,IAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,GAAI,CAC7F;YACN,UAAU,IAAI,CACb;gBACE,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAC,cAAc;;oBAC9C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAQ,CAC/D;gBACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAC,cAAc;;oBAChD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAQ,CAC3D;gBACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAC,cAAc;;oBAChD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAQ,CAC3D;gBACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAC,cAAc;;oBAC9C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAQ,CAC/D;gBACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAC,cAAc;;oBAC5C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAC,aAAa,CAAQ,CACnE;gBAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,EAAE,OAAO,EAAC,gBAAgB,yBAEvD;gBACN,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;oBAChD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG;wBAC7D,GAAG;;wBAAG,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,KAAK,CAAQ,CAC5C,CACR,CAAC;gBACJ,CAAC,CAAC,CACD,CACJ,CACK;QACP,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;YACrC,IAAI,OAAO,IAAI,IAAI,EAAE;gBACnB,OAAO,yCAAK,CAAC;aACd;YAED,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,CAAC;YACxC,OAAO,CACL,oBAAC,IAAI,IAAC,GAAG,EAAE,KAAK;gBACd,oBAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,OAAO,EAAC,gBAAgB,KAEpB,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,IAE5B,OAAO,CAAC,IAAI,CACR;gBACP,oBAAC,SAAS,OAAG;gBACb,oBAAC,aAAa,OAAG,CACZ,CACR,CAAC;QACJ,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/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/TestComponents/TextLegacy/CustomizeUsage.js

@@ -0,0 +1,97 @@
+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';
+const RedCaptionBold = Text.customize({ tokens: { variant: 'captionStandard', fontWeight: '700', color: '#ff0000' } });
+const OrangeSecondaryBold = Text.customize({ tokens: { variant: 'secondaryStandard', fontWeight: '700', color: '#ff9900' } });
+const YellowBodyBold = Text.customize({ tokens: { variant: 'bodyStandard', fontWeight: '700', color: '#f3ce00' } });
+const GreenSubheaderBold = Text.customize({ tokens: { variant: 'subheaderStandard', fontWeight: '700', color: '#02c440' } });
+const BlueHeaderBold = Text.customize({ tokens: { variant: 'headerStandard', fontWeight: '700', color: '#0229c4' } });
+const IndigoHeroBold = Text.customize({ tokens: { variant: 'heroStandard', fontWeight: '700', color: '#4b0082' } });
+const 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
+const CustomFontNames = {
+    ...Platform.select({
+        android: {
+            CourierNew: 'courier new',
+            Georgia: 'georgia',
+            TimesNewRoman: 'times new roman',
+        },
+        default: {
+            CourierNew: 'Courier New',
+            Georgia: 'Georgia',
+            TimesNewRoman: 'Times New Roman',
+        },
+    }),
+};
+const ArialBlack = Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Arial Black' } });
+const BrushScriptMT = Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'Brush Script MT' } });
+const CourierNew = Text.customize({ tokens: { variant: 'headerStandard', fontFamily: CustomFontNames.CourierNew } });
+const Georgia = Text.customize({ tokens: { variant: 'subheaderStandard', fontFamily: CustomFontNames.Georgia } });
+const TimesNewRoman = Text.customize({ tokens: { variant: 'secondaryStandard', fontFamily: CustomFontNames.TimesNewRoman } });
+const Wingdings = Text.customize({ tokens: { variant: 'captionStandard', fontFamily: 'Wingdings' } });
+// Examples of supported Android fonts.
+const Casual = Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'casual' } });
+const Cursive = Text.customize({ tokens: { variant: 'heroStandard', fontFamily: 'cursive' } });
+// Examples of iOS fonts.
+const Papyrus = Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Papyrus' } });
+const Helvetica = Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'Helvetica' } });
+// Fonts supported on Android and iOS
+const Arial = Text.customize({ tokens: { variant: 'heroLargeStandard', fontFamily: 'arial' } });
+export const CustomizeUsage = () => {
+    const CustomUsageStack = () => {
+        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")));
+    };
+    const CustomFontStack = () => {
+        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")));
+    };
+    const CustomFontStackAndroid = () => {
+        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")));
+    };
+    const CustomFontStackiOS = () => {
+        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