@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/TabList/TabListTest.js

@@ -0,0 +1,249 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+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 _jsxs(View, {
+    style: stackStyle,
+    children: [
+      _jsx(Header, { children: 'Uncontrolled Component' }),
+      _jsx(Line, {}),
+      _jsxs(PaddedTabList, {
+        defaultSelectedKey: 'tab1',
+        children: [
+          _jsx(Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          _jsx(Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          _jsx(Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+      _jsx(Header, { children: 'Controlled Component' }),
+      _jsx(Line, {}),
+      _jsxs(Text, { children: ['Selected Key: ', key] }),
+      _jsxs(PaddedTabList, {
+        selectedKey: key,
+        onTabSelect: (val) => {
+          console.log('New key:', val);
+          setKey(val);
+        },
+        children: [
+          _jsx(Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          _jsx(Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          _jsx(Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+    ],
+  });
+};
+const TabListDisabledTest = () => {
+  return _jsxs(View, {
+    style: stackStyle,
+    children: [
+      _jsxs(PaddedTabList, {
+        defaultSelectedKey: 'tab2',
+        children: [
+          _jsx(Tab, { disabled: true, tabKey: 'tab1', children: 'Tab 1' }),
+          _jsx(Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          _jsx(Tab, { disabled: true, tabKey: 'tab3', children: 'Tab 3' }),
+          _jsx(Tab, { tabKey: 'tab4', children: 'Tab 4' }),
+        ],
+      }),
+      _jsxs(PaddedTabList, {
+        disabled: true,
+        children: [
+          _jsx(Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          _jsx(Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          _jsx(Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+    ],
+  });
+};
+const TabListVariantsTest = () => {
+  return _jsxs(View, {
+    style: stackStyle,
+    children: [
+      _jsx(Header, { children: 'Size Variants' }),
+      _jsx(Line, {}),
+      _jsx(SubHeader, { children: 'Small' }),
+      _jsxs(PaddedTabList, {
+        defaultSelectedKey: 'sm1',
+        size: 'small',
+        children: [
+          _jsx(Tab, { tabKey: 'sm1', children: 'Small Tab 1' }),
+          _jsx(Tab, { tabKey: 'sm2', children: 'Small Tab 2' }),
+          _jsx(Tab, { tabKey: 'sm3', children: 'Small Tab 3' }),
+        ],
+      }),
+      _jsx(SubHeader, { children: 'Medium (default)' }),
+      _jsxs(PaddedTabList, {
+        defaultSelectedKey: 'm1',
+        size: 'medium',
+        children: [
+          _jsx(Tab, { tabKey: 'm1', children: 'Medium Tab 1' }),
+          _jsx(Tab, { tabKey: 'm2', children: 'Medium Tab 2' }),
+          _jsx(Tab, { tabKey: 'm3', children: 'Medium Tab 3' }),
+        ],
+      }),
+      _jsx(SubHeader, { children: 'Large' }),
+      _jsxs(PaddedTabList, {
+        defaultSelectedKey: 'lg1',
+        size: 'large',
+        children: [
+          _jsx(Tab, { tabKey: 'lg1', children: 'Large Tab 1' }),
+          _jsx(Tab, { tabKey: 'lg2', children: 'Large Tab 2' }),
+          _jsx(Tab, { tabKey: 'lg3', children: 'Large Tab 3' }),
+        ],
+      }),
+      _jsx(Header, { children: 'Appearance' }),
+      _jsx(Line, {}),
+      _jsx(SubHeader, { children: 'Transparent Appearance' }),
+      _jsxs(PaddedTabList, {
+        defaultSelectedKey: 'tab1',
+        appearance: 'transparent',
+        children: [
+          _jsx(Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          _jsx(Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          _jsx(Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+      _jsx(SubHeader, { children: 'Subtle Appearance' }),
+      _jsxs(PaddedTabList, {
+        defaultSelectedKey: 'tab1',
+        appearance: 'subtle',
+        children: [
+          _jsx(Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          _jsx(Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          _jsx(Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+      _jsx(Header, { children: 'Vertical Orientation' }),
+      _jsx(Line, {}),
+      _jsxs(PaddedTabList, {
+        defaultSelectedKey: 'tab1',
+        vertical: true,
+        children: [
+          _jsx(Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          _jsx(Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          _jsx(Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+    ],
+  });
+};
+const TabListIconTest = () => {
+  return _jsx(View, {
+    style: stackStyle,
+    children: _jsxs(TabList, {
+      defaultSelectedKey: 'fontIcon',
+      children: [
+        _jsx(Tab, { icon: { fontSource: fontProps }, tabKey: 'fontIcon', children: 'Font Icon' }),
+        _jsx(Tab, { icon: { fontSource: fontProps }, tabKey: 'fontIconOnly' }),
+        _jsx(Tab, { icon: { svgSource: svgProps }, tabKey: 'svgIcon', children: 'SVG Icon' }),
+        _jsx(Tab, { icon: { svgSource: svgProps }, tabKey: 'svgIconOnly' }),
+      ],
+    }),
+  });
+};
+const TabListViewTest = () => {
+  const [key, setKey] = React.useState('a');
+  const views = React.useMemo(
+    () => ({
+      a: _jsxs(View, {
+        children: [_jsx(SubHeader, { children: 'This is View 1' }), _jsx(Text, { variant: 'body1', children: 'Here is some text.' })],
+      }),
+      b: _jsxs(View, { children: [_jsx(SubHeader, { children: 'This is View 2' }), _jsx(Button, { children: 'Button 1' })] }),
+      c: _jsxs(View, {
+        children: [
+          _jsx(SubHeader, { children: 'This is View 3' }),
+          _jsxs(Menu, {
+            children: [
+              _jsx(MenuTrigger, { children: _jsx(Button, { children: 'Menu' }) }),
+              _jsx(MenuPopover, {
+                children: _jsxs(MenuList, {
+                  children: [
+                    _jsx(MenuItem, { children: 'Item 1' }),
+                    _jsx(MenuItem, { children: 'Item 2' }),
+                    _jsx(MenuItem, { children: 'Item 3' }),
+                  ],
+                }),
+              }),
+            ],
+          }),
+        ],
+      }),
+    }),
+    [],
+  );
+  return _jsxs(View, {
+    style: stackStyle,
+    children: [
+      _jsxs(TabList, {
+        selectedKey: key,
+        onTabSelect: setKey,
+        children: [
+          _jsx(Tab, { tabKey: 'a', children: 'View 1' }),
+          _jsx(Tab, { tabKey: 'b', children: 'View 2' }),
+          _jsx(Tab, { tabKey: 'c', children: '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 _jsx(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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export type TestSection = {
+  name: string;
+  testID?: string;
+  component: React.FunctionComponent;
+} | null;
+export type Status = 'Production' | 'Beta' | 'Experimental' | 'Backlog' | 'N/A' | 'Deprecated';
+export type PlatformStatus = {
+  win32Status: Status;
+  uwpStatus: Status;
+  iosStatus: Status;
+  macosStatus: Status;
+  androidStatus: Status;
+};
+export interface TestProps {
+  name: string;
+  description: string;
+  spec?: string;
+  status: PlatformStatus;
+  sections: TestSection[];
+  e2eSections?: TestSection[];
+}
+export declare const Test: (props: TestProps) => React.ReactElement<Record<string, never>, string | React.JSXElementConstructor<any>>;
+//# sourceMappingURL=Test.d.ts.map

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,4GA6IhB,CAAC"}

package/lib/TestComponents/Test.js

@@ -0,0 +1,212 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+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 _jsx(Svg, { children: _jsx(G, { children: _jsx(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 _jsxs(View, {
+    children: [
+      _jsxs(View, {
+        style: styles.header,
+        children: [
+          _jsx(Text, { style: styles.name, variant: 'heroSemibold', children: props.name }),
+          !isMobile &&
+            _jsx(
+              Button,
+              /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+              { ...testProps('Focus_Button'), style: styles.e2eFocusButton, children: 'E2E Button' },
+            ),
+          props.e2eSections &&
+            _jsxs(View, {
+              style: styles.e2eSwitch,
+              children: [
+                _jsx(Text, { style: styles.e2eSwitchLabel, ...(isMobile ? {} : { variant: 'body1Strong' }), children: 'E2E Mode' }),
+                _jsx(Switch, { onValueChange: setShowE2E, value: showE2E, ...testProps(E2E_MODE_SWITCH) }),
+              ],
+            }),
+          props.spec && _jsx(Link, { url: props.spec, content: 'SPEC' }),
+        ],
+      }),
+      _jsx(Separator, {}),
+      e2eSections &&
+        showE2E &&
+        // We can check if the E2E section renders by checking if the "E2E Tests" header has rendered for each spec
+        _jsxs(_Fragment, {
+          children: [
+            _jsx(Text, { variant: 'headerSemibold', ...testProps(E2E_TEST_SECTION), children: 'E2E Tests' }),
+            e2eSections.map((section, i) => {
+              if (section === null) {
+                return null;
+              }
+              const { component: E2EComponent } = section;
+              return _jsx(E2EComponent, {}, i);
+            }),
+          ],
+        }),
+      _jsx(Stack, { style: stackStyle, children: _jsx(Text, { style: styles.description, children: props.description }) }),
+      _jsxs(Stack, {
+        style: stackStyle,
+        children: [
+          _jsxs(View, {
+            style: styles.statusView,
+            children: [
+              _jsx(Text, { variant: 'headerStandard', children: 'Platform Status' }),
+              _jsx(ToggleButton, { iconOnly: true, icon: toggleIconProps, onClick: () => setShowStatus(!showStatus) }),
+            ],
+          }),
+          showStatus &&
+            _jsxs(_Fragment, {
+              children: [
+                _jsxs(Text, {
+                  style: styles.statusLabel,
+                  variant: 'bodySemibold',
+                  children: ['Win32: ', _jsx(Text, { style: styles.status, children: props.status.win32Status })],
+                }),
+                _jsxs(Text, {
+                  style: styles.statusLabel,
+                  variant: 'bodySemibold',
+                  children: ['UWP: ', _jsx(Text, { style: styles.status, children: props.status.uwpStatus })],
+                }),
+                _jsxs(Text, {
+                  style: styles.statusLabel,
+                  variant: 'bodySemibold',
+                  children: ['iOS: ', _jsx(Text, { style: styles.status, children: props.status.iosStatus })],
+                }),
+                _jsxs(Text, {
+                  style: styles.statusLabel,
+                  variant: 'bodySemibold',
+                  children: ['macOS: ', _jsx(Text, { style: styles.status, children: props.status.macosStatus })],
+                }),
+                _jsxs(Text, {
+                  style: styles.statusLabel,
+                  variant: 'bodySemibold',
+                  children: ['Android: ', _jsx(Text, { style: styles.status, children: props.status.androidStatus })],
+                }),
+                _jsx(Text, { style: styles.definitionHeader, variant: 'headerStandard', children: 'Status Definitions' }),
+                Object.entries(definitions).map(([key, value]) => {
+                  return _jsxs(
+                    Text,
+                    {
+                      style: styles.statusLabel,
+                      variant: 'bodySemibold',
+                      children: [key, ': ', _jsx(Text, { style: styles.status, children: value })],
+                    },
+                    key,
+                  );
+                }),
+              ],
+            }),
+        ],
+      }),
+      props.sections.map((section, index) => {
+        if (section == null) {
+          return _jsx(_Fragment, {});
+        }
+        const TestComponent = section.component;
+        return _jsxs(
+          View,
+          {
+            children: [
+              _jsx(Text, { style: styles.section, variant: 'headerSemibold', ...testProps(section.testID), children: section.name }),
+              _jsx(Separator, {}),
+              _jsx(TestComponent, {}),
+            ],
+          },
+          index,
+        );
+      }),
+    ],
+  });
+};
+//# 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":"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"}

package/lib/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/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,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+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 _jsxs(Stack, {
+      style: stackStyle,
+      gap: 5,
+      children: [
+        _jsx(RedCaptionBold, { children: 'RedCaptionBold' }),
+        _jsx(OrangeSecondaryBold, { children: 'OrangeSecondaryBold' }),
+        _jsx(YellowBodyBold, { children: 'YellowBodyBold' }),
+        _jsx(GreenSubheaderBold, { children: 'GreenSubheaderBold' }),
+        _jsx(BlueHeaderBold, { children: 'BlueHeaderBold' }),
+        _jsx(IndigoHeroBold, { children: 'IndigoHeroBold' }),
+        _jsx(PurpleHeroLargeBold, { children: 'PurpleHeroLargeBold' }),
+      ],
+    });
+  };
+  const CustomFontStack = () => {
+    return _jsxs(Stack, {
+      style: stackStyle,
+      gap: 5,
+      children: [
+        _jsx(ArialBlack, { children: 'Arial Black' }),
+        _jsx(BrushScriptMT, { children: 'Brush Script MT' }),
+        _jsx(CourierNew, { children: 'Courier New' }),
+        _jsx(Georgia, { children: 'Georgia' }),
+        _jsx(TimesNewRoman, { children: 'TimesNewRoman' }),
+        _jsx(Wingdings, { children: 'Wingdings' }),
+      ],
+    });
+  };
+  const CustomFontStackAndroid = () => {
+    return _jsxs(Stack, {
+      style: stackStyle,
+      gap: 5,
+      children: [
+        _jsx(Arial, { children: 'Arial' }),
+        _jsx(Casual, { children: 'Casual' }),
+        _jsx(Cursive, { children: 'Cursive' }),
+        _jsx(CourierNew, { children: 'Courier New' }),
+        _jsx(Georgia, { children: 'Georgia' }),
+        _jsx(TimesNewRoman, { children: 'TimesNewRoman' }),
+      ],
+    });
+  };
+  const CustomFontStackiOS = () => {
+    return _jsxs(Stack, {
+      style: stackStyle,
+      gap: 5,
+      children: [
+        _jsx(Arial, { children: 'Arial' }),
+        _jsx(Papyrus, { children: 'Papyrus' }),
+        _jsx(Helvetica, { children: 'Helvetica' }),
+        _jsx(CourierNew, { children: 'Courier New' }),
+        _jsx(Georgia, { children: 'Georgia' }),
+        _jsx(TimesNewRoman, { children: 'TimesNewRoman' }),
+      ],
+    });
+  };
+  switch (Platform.OS) {
+    case 'android':
+      return _jsxs(View, { children: [_jsx(CustomUsageStack, {}), _jsx(CustomFontStackAndroid, {})] });
+    case 'ios':
+      return _jsxs(View, { children: [_jsx(CustomUsageStack, {}), _jsx(CustomFontStackiOS, {})] });
+    default:
+      return _jsxs(View, { children: [_jsx(CustomUsageStack, {}), _jsx(CustomFontStack, {})] });
+  }
+};
+//# sourceMappingURL=CustomizeUsage.js.map

package/lib/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/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/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"}