@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/CheckboxV1/index.js

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

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

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

package/lib/TestComponents/Chip/ChipDefault.d.ts

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

package/lib/TestComponents/Chip/ChipDefault.d.ts.map

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

package/lib/TestComponents/Chip/ChipDefault.js

@@ -0,0 +1,237 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import React, { useCallback } from 'react';
+import { StyleSheet, View, ToastAndroid } from 'react-native';
+import { Chip } from '@fluentui-react-native/chip';
+import { Switch } from '@fluentui-react-native/switch';
+import { Text } from '@fluentui-react-native/text';
+import { svgProps } from '../Common/iconExamples';
+export const ChipDefault = () => {
+  const [showCloseIcon, setShowCloseIcon] = React.useState(false);
+  const toggleActivityState = useCallback((_e, isActive) => setShowCloseIcon(isActive), []);
+  const showToast = () => {
+    ToastAndroid.show('Close icon clicked!', ToastAndroid.SHORT);
+  };
+  return _jsxs(View, {
+    children: [
+      _jsx(Switch, { label: 'Show Close Icon', defaultChecked: showCloseIcon, onChange: toggleActivityState }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(Chip, {
+            size: 'small',
+            style: styles.rowGap,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Neutral',
+          }),
+          _jsx(Chip, {
+            size: 'medium',
+            icon: { svgSource: svgProps },
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Neutral',
+          }),
+        ],
+      }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(Chip, {
+            size: 'small',
+            style: styles.rowGap,
+            disabled: true,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Disabled',
+          }),
+          _jsx(Chip, {
+            size: 'medium',
+            icon: { svgSource: svgProps },
+            disabled: true,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Disabled',
+          }),
+        ],
+      }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(Chip, {
+            size: 'small',
+            chipColor: 'brand',
+            style: styles.rowGap,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Brand',
+          }),
+          _jsx(Chip, {
+            size: 'medium',
+            chipColor: 'brand',
+            icon: { svgSource: svgProps },
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Brand',
+          }),
+        ],
+      }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(Chip, {
+            size: 'small',
+            chipColor: 'danger',
+            style: styles.rowGap,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Danger',
+          }),
+          _jsx(Chip, {
+            size: 'medium',
+            chipColor: 'danger',
+            icon: { svgSource: svgProps },
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Danger',
+          }),
+        ],
+      }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(Chip, {
+            size: 'small',
+            chipColor: 'severe',
+            style: styles.rowGap,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Severe',
+          }),
+          _jsx(Chip, {
+            size: 'medium',
+            chipColor: 'severe',
+            icon: { svgSource: svgProps },
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Severe',
+          }),
+        ],
+      }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(Chip, {
+            size: 'small',
+            chipColor: 'warning',
+            style: styles.rowGap,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Warning',
+          }),
+          _jsx(Chip, {
+            size: 'medium',
+            chipColor: 'warning',
+            icon: { svgSource: svgProps },
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Warning',
+          }),
+        ],
+      }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(Chip, {
+            size: 'small',
+            chipColor: 'success',
+            style: styles.rowGap,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Success',
+          }),
+          _jsx(Chip, {
+            size: 'medium',
+            chipColor: 'success',
+            icon: { svgSource: svgProps },
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Success',
+          }),
+        ],
+      }),
+      _jsx(Text, { children: 'Search Bar Chip' }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(Chip, {
+            searchBar: true,
+            size: 'small',
+            style: styles.rowGap,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Chip',
+          }),
+          _jsx(Chip, {
+            searchBar: true,
+            size: 'medium',
+            icon: { svgSource: svgProps },
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Chip',
+          }),
+        ],
+      }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(Chip, {
+            searchBar: true,
+            size: 'small',
+            chipColor: 'brand',
+            style: styles.rowGap,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Brand',
+          }),
+          _jsx(Chip, {
+            searchBar: true,
+            size: 'medium',
+            chipColor: 'brand',
+            icon: { svgSource: svgProps },
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Brand',
+          }),
+        ],
+      }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(Chip, {
+            searchBar: true,
+            size: 'small',
+            style: styles.rowGap,
+            disabled: true,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Disabled',
+          }),
+          _jsx(Chip, {
+            searchBar: true,
+            size: 'medium',
+            icon: { svgSource: svgProps },
+            disabled: true,
+            showCloseIcon: showCloseIcon,
+            closeIconOnPress: showToast,
+            children: 'Disabled',
+          }),
+        ],
+      }),
+    ],
+  });
+};
+const styles = StyleSheet.create({
+  rowStyle: { flexDirection: 'row', marginTop: 6 },
+  rowGap: { marginRight: 6 },
+});
+//# sourceMappingURL=ChipDefault.js.map

package/lib/TestComponents/Chip/ChipDefault.js.map

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

package/lib/TestComponents/Chip/ChipTest.d.ts

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

package/lib/TestComponents/Chip/ChipTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Chip/ChipTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAe5B,CAAC"}

package/lib/TestComponents/Chip/ChipTest.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { CHIP_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { ChipDefault } from './ChipDefault';
+import { E2EChipTest } from './E2EChipTest';
+import { Test } from '../Test';
+const chipSections = [
+  {
+    name: 'Default Chip',
+    testID: CHIP_TESTPAGE,
+    component: ChipDefault,
+  },
+];
+const e2eSections = [
+  {
+    name: 'Chip E2E',
+    component: E2EChipTest,
+  },
+];
+export const ChipTest = () => {
+  const status = {
+    win32Status: 'N/A',
+    uwpStatus: 'N/A',
+    iosStatus: 'Production',
+    macosStatus: 'N/A',
+    androidStatus: 'Production',
+  };
+  const description =
+    'Chips are compact representations of entities (most commonly, people) that can be typed in, deleted or dragged easily.';
+  const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Chip/SPEC.md';
+  return _jsx(Test, {
+    name: 'Chip Test',
+    description: description,
+    spec: spec,
+    sections: chipSections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+//# sourceMappingURL=ChipTest.js.map

package/lib/TestComponents/Chip/ChipTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Chip/ChipTest.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA4B,GAAG,EAAE,CAAC;IACrD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,MAAM,WAAW,GACf,wHAAwH,CAAC;IAE3H,MAAM,IAAI,GAAG,+FAA+F,CAAC;IAE7G,OAAO,KAAC,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;AAAA,CAC1I,CAAC"}

package/lib/TestComponents/Chip/E2EChipTest.d.ts

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

package/lib/TestComponents/Chip/E2EChipTest.d.ts.map

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

package/lib/TestComponents/Chip/E2EChipTest.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View } from 'react-native';
+import { Chip } from '@fluentui-react-native/chip';
+import {
+  CHIP_CALLBACK_TEXT_END_STATE,
+  CHIP_CALLBACK_TEXT_START_STATE,
+  CHIP_TEST_COMPONENT,
+  CHIP_TEXT,
+} from '@fluentui-react-native/e2e-testing';
+import { Text } from '@fluentui-react-native/text';
+import { testProps } from '../Common/TestProps';
+export const E2EChipTest = () => {
+  const [text, setText] = React.useState(CHIP_CALLBACK_TEXT_START_STATE);
+  const showTextOnSelection = React.useCallback(
+    (_e, isSelected) => setText(isSelected ? CHIP_CALLBACK_TEXT_END_STATE : CHIP_CALLBACK_TEXT_START_STATE),
+    [],
+  );
+  return _jsxs(View, {
+    children: [
+      _jsx(Text, { ...testProps(CHIP_TEXT), children: text }),
+      _jsx(
+        Chip,
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        {
+          ...testProps(CHIP_TEST_COMPONENT),
+          chipColor: 'success',
+          showCloseIcon: true,
+          onSelectionChange: showTextOnSelection,
+          children: 'Basic Chip',
+        },
+      ),
+    ],
+  });
+};
+//# sourceMappingURL=E2EChipTest.js.map

package/lib/TestComponents/Chip/E2EChipTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EChipTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Chip/E2EChipTest.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,6BAA6B,CAAC;AACnD,OAAO,EACL,4BAA4B,EAC5B,8BAA8B,EAC9B,mBAAmB,EACnB,SAAS,GACV,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAA4B,GAAG,EAAE,CAAC;IACxD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,8BAA8B,CAAC,CAAC;IAC/E,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAC3C,CAAC,EAAoB,EAAE,UAAmB,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,8BAA8B,CAAC,EAClI,EAAE,CACH,CAAC;IACF,OAAO,CACL,MAAC,IAAI;YACH,KAAC,IAAI,OAAK,SAAS,CAAC,SAAS,CAAC,YAAG,IAAI,GAAQ,EAC7C,KAAC,IAAI;YACH,6FAA6F;mBACzF,SAAS,CAAC,mBAAmB,CAAC,EAClC,SAAS,EAAC,SAAS,EACnB,aAAa,QACb,iBAAiB,EAAE,mBAAmB,2BAGjC;YACF,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Chip/index.d.ts

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

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

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

package/lib/TestComponents/Chip/index.js

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

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

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

package/lib/TestComponents/ColorTokens/ColorTokenTest.d.ts

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

package/lib/TestComponents/ColorTokens/ColorTokenTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorTokenTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/ColorTokens/ColorTokenTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8O/B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAYnC,CAAC"}

package/lib/TestComponents/ColorTokens/ColorTokenTest.js

@@ -0,0 +1,212 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, StyleSheet, Platform } from 'react-native';
+import { Text, ToggleButton } from '@fluentui/react-native';
+import { createAliasTokens } from '@fluentui-react-native/default-theme';
+import { COLORTOKENS_TEST_COMPONENT, COLORTOKEN_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
+import { createOfficeAliasTokens } from '@fluentui-react-native/win32-theme';
+import Svg, { G, Path } from 'react-native-svg';
+import { commonTestStyles } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+import { Test } from '../Test';
+const getThemedStyles = themedStyleSheet((theme) => {
+  return {
+    swatch: {
+      width: 80,
+      height: 20,
+      marginRight: 5,
+      borderWidth: 2,
+      borderColor: theme.colors.bodyText,
+    },
+  };
+});
+const styles = StyleSheet.create({
+  swatchItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginVertical: 5,
+  },
+  stackStyle: {
+    borderWidth: 2,
+    padding: 12,
+    margin: 8,
+  },
+  statusView: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    margin: 8,
+  },
+  // Needed to ensure that with the button is toggled on, the top of the newly shown
+  // content is visible so the user knows to scroll down
+  toggleButtonAreaPadding: { paddingBottom: 10 },
+  colorDescriptionStyle: { flexDirection: 'row', flexWrap: 'wrap', flex: 1 },
+  colorDescriptionNamePadding: { paddingRight: 5 },
+});
+const getSwatchColorStyle = (colorName, colorValue) => {
+  styles[colorName] = styles[colorName] || { backgroundColor: colorValue };
+  return styles[colorName];
+};
+const ColorToken = (p) => {
+  if (p.colorValue === undefined) {
+    console.warn('Color token ' + p.colorName + ' is undefined');
+  }
+  const themedStyles = getThemedStyles(useTheme());
+  return _jsxs(View, {
+    style: styles.swatchItem,
+    children: [
+      _jsx(View, {
+        style: [getSwatchColorStyle(p.colorName, p.colorValue), themedStyles.swatch],
+        ...testProps(COLORTOKENS_TEST_COMPONENT),
+      }),
+      _jsxs(View, {
+        style: styles.colorDescriptionStyle,
+        children: [
+          _jsx(Text, { style: styles.colorDescriptionNamePadding, children: p.colorName }),
+          _jsx(Text, { children: '(' + p.colorValue?.toString() + ')' }),
+        ],
+      }),
+    ],
+  });
+};
+const getSwatch = (item) => {
+  const { colorValue, colorName } = item;
+  return _jsx(ColorToken, { colorValue: colorValue, colorName: colorName }, colorName);
+};
+/// Alias color tokens
+const AliasColorTokensSwatchList = () => {
+  const theme = useTheme();
+  const isOfficeTheme =
+    theme.name === 'White' ||
+    theme.name === 'Colorful' ||
+    theme.name === 'DarkGray' ||
+    theme.name === 'Black' ||
+    theme.name === 'HighContrast';
+  const aliasColorTokens = isOfficeTheme
+    ? createOfficeAliasTokens(theme.name)
+    : createAliasTokens(getCurrentAppearance(theme.host.appearance, 'light'));
+  const aggregator = React.useCallback(
+    (colorName) => {
+      return { colorName: colorName, colorValue: aliasColorTokens[colorName] };
+    },
+    [aliasColorTokens],
+  );
+  const flattenArray = React.useCallback(() => {
+    return Object.keys(aliasColorTokens).map(aggregator);
+  }, [aliasColorTokens, aggregator]);
+  const aliasColorTokensAsArray = React.useMemo(flattenArray, [flattenArray]);
+  const renderSwatch = React.useCallback(getSwatch, []);
+  return _jsx(View, {
+    style: commonTestStyles.view,
+    children: _jsx(View, { style: styles.stackStyle, children: aliasColorTokensAsArray.map((item) => renderSwatch(item)) }),
+  });
+};
+/// Global color tokens - neutral
+const globalNeutralColorNamesSortedDarkToLight = Object.keys(globalTokens.color)
+  .filter((globalColorName) => globalColorName.includes('grey') || globalColorName === 'black' || globalColorName === 'white')
+  .sort((color1, color2) => {
+    const color1hex = globalTokens.color[color1];
+    const color2hex = globalTokens.color[color2];
+    // All global color tokens are hex based colors, so we can make the assumption that ordering the hex values alphabetically
+    // will order the colors from dark to light
+    return color1hex === color2hex ? 0 : color1hex < color2hex ? -1 : 1;
+  });
+const globalNeutralColorTokensAsArray = globalNeutralColorNamesSortedDarkToLight.map((colorName) => {
+  return {
+    colorName: colorName,
+    colorValue: globalTokens.color[colorName],
+  };
+});
+const GlobalNeutralColorTokensSwatchList = () => {
+  const renderSwatch = React.useCallback(getSwatch, []);
+  return _jsx(View, {
+    style: commonTestStyles.view,
+    children: _jsx(View, { style: styles.stackStyle, children: globalNeutralColorTokensAsArray.map((item) => renderSwatch(item)) }),
+  });
+};
+/// Global color tokens - shared
+const globalSharedColorNames = Object.keys(globalTokens.color).filter((key) => globalTokens.color[key].primary !== undefined);
+const globalSharedColorVariantsSortedDarkToLight = Object.keys(globalTokens.color.red).sort((color1, color2) => {
+  const color1hex = globalTokens.color.red[color1];
+  const color2hex = globalTokens.color.red[color2];
+  // All global color tokens are hex based colors, so we can make the assumption that ordering the hex values alphabetically
+  // will order the colors from dark to light
+  return color1hex === color2hex ? 0 : color1hex < color2hex ? -1 : 1;
+});
+const globalSharedColorTokensAsArray = globalSharedColorNames
+  .map((sharedColorName) => {
+    return globalSharedColorVariantsSortedDarkToLight.map((variant) => {
+      return {
+        colorName: sharedColorName + '.' + variant,
+        colorValue: globalTokens.color[sharedColorName][variant],
+      };
+    });
+  })
+  .reduce((accumulator, sharedColor) => accumulator.concat(sharedColor));
+const GlobalSharedColorTokensSwatchList = () => {
+  const renderSwatch = React.useCallback(getSwatch, []);
+  const [showGlobalSharedColors, setShowGlobalSharedColors] = 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 = showGlobalSharedColors ? minusPath : plusPath;
+    return _jsx(Svg, { children: _jsx(G, { children: _jsx(Path, { d: path, fill: 'black' }) }) });
+  };
+  const svgProps = { src: toggleSvg };
+  const plusCodepoint = 0x2795;
+  const minusCodepoint = 0x2796;
+  const fontIconProps = {
+    codepoint: showGlobalSharedColors ? minusCodepoint : plusCodepoint,
+    fontSize: 10,
+  };
+  const toggleIconProps = Platform.OS === 'windows' ? { fontSource: fontIconProps } : { svgSource: svgProps, width: 12, height: 12 };
+  return _jsxs(View, {
+    style: styles.toggleButtonAreaPadding,
+    children: [
+      _jsxs(View, {
+        style: styles.statusView,
+        children: [
+          _jsx(Text, { variant: 'subheaderStandard', children: 'Show color tokens' }),
+          _jsx(ToggleButton, { iconOnly: true, icon: toggleIconProps, onClick: () => setShowGlobalSharedColors(!showGlobalSharedColors) }),
+        ],
+      }),
+      showGlobalSharedColors &&
+        _jsx(View, {
+          style: commonTestStyles.view,
+          children: _jsx(View, { style: styles.stackStyle, children: globalSharedColorTokensAsArray.map((item) => renderSwatch(item)) }),
+        }),
+    ],
+  });
+};
+const themeSections = [
+  {
+    name: 'Alias Color Tokens',
+    testID: COLORTOKEN_TESTPAGE,
+    component: () => _jsx(AliasColorTokensSwatchList, {}),
+  },
+  {
+    name: 'Global Color Tokens - Neutral Colors',
+    component: () => _jsx(GlobalNeutralColorTokensSwatchList, {}),
+  },
+  {
+    name: 'Global Color Tokens - Shared Colors',
+    component: () => _jsx(GlobalSharedColorTokensSwatchList, {}),
+  },
+];
+export const ColorTokensTest = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Production',
+    macosStatus: 'Backlog',
+    androidStatus: 'Production',
+  };
+  const description = 'Alias and global tokens given from token pipeline. Used to style components.';
+  return _jsx(Test, { name: 'Color Tokens Test', description: description, sections: themeSections, status: status });
+};
+//# sourceMappingURL=ColorTokenTest.js.map

package/lib/TestComponents/ColorTokens/ColorTokenTest.js.map

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

package/lib/TestComponents/ColorTokens/index.d.ts

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

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

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

package/lib/TestComponents/ColorTokens/index.js

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

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

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

package/lib/TestComponents/Common/AlignmentPicker.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconAlignment } from '@fluentui/react-native';
+interface IAlignmentPickerProps {
+  style?: StyleProp<ViewStyle>;
+  label: string;
+  onSelectionChange: (value: IconAlignment) => void;
+}
+export declare const AlignmentPicker: React.FunctionComponent<IAlignmentPickerProps>;
+export {};
+//# sourceMappingURL=AlignmentPicker.d.ts.map

package/lib/TestComponents/Common/AlignmentPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlignmentPicker.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Common/AlignmentPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAO5D,UAAU,qBAAqB;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAsB1E,CAAC"}