@fluentui-react-native/tester 0.127.1 → 0.128.0

package/src/TestComponents/Avatar/BasicAvatar.android.tsx

@@ -3,109 +3,145 @@ import { Avatar } from '@fluentui-react-native/avatar';
 import { View } from 'react-native';
 import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
 import { mobileStyles } from '../Common/styles';
+import { Switch } from '@fluentui-react-native/switch';
+import { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
 
 export const StandardUsage: FunctionComponent = () => {
-  return (
-    <View style={{ paddingBottom: 40 }}>
-      <View style={mobileStyles.testVariants}>
-        {/* Variation - Standard */}
+  const [activityRing, setActivityRing] = React.useState(true);
 
-        {/* With badge. */}
-        <Avatar badge={{ status: 'available' }} avatarColor={'brand'} size={40} />
+  const toggleActivityState = (_e: InteractionEvent, isActive: boolean) => {
+    setActivityRing(isActive);
+  };
 
-        {/* Variation - No Ring and badge. */}
-        <Avatar size={56} avatarColor={'brand'} />
+  return (
+    <View style={mobileStyles.pageStyle}>
+      <Switch label={'Show Activity Ring'} defaultChecked={true} onChange={toggleActivityState} />
 
-        {/* Variation - With Ring.*/}
-        <Avatar active="active" activeAppearance="ring" size={56} avatarColor={'brand'} />
+      <View style={mobileStyles.testVariants}>
+        {/* Variation  - Initials. */}
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={16} name="Rafi" avatarColor={'colorful'} />
+        <Avatar
+          active={activityRing ? 'active' : 'inactive'}
+          activeAppearance="ring"
+          size={20}
+          name="Richard Faynman"
+          avatarColor={'colorful'}
+        />
+        <Avatar
+          active={activityRing ? 'active' : 'inactive'}
+          activeAppearance="ring"
+          size={24}
+          name="Gita Khawas"
+          avatarColor={'colorful'}
+        />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={32} name="Mary Kom" avatarColor={'colorful'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={40} name="Khan Sir" avatarColor={'colorful'} />
+        <Avatar
+          active={activityRing ? 'active' : 'inactive'}
+          activeAppearance="ring"
+          size={56}
+          name="Harry Potter"
+          avatarColor={'colorful'}
+        />
+        <Avatar
+          active={activityRing ? 'active' : 'inactive'}
+          activeAppearance="ring"
+          size={72}
+          name="Ellie armstrong"
+          avatarColor={'colorful'}
+        />
       </View>
 
       <View style={mobileStyles.testVariants}>
-        {/* Variation - Standard Inverted */}
-
-        {/* With badge only.*/}
-        <Avatar size={56} badge={{ status: 'available' }} avatarColor={'brandInverted'} />
-
-        {/* No ring and badge.*/}
-        <Avatar size={56} avatarColor={'brandInverted'} />
-
-        {/* With ring.*/}
-        <Avatar active="active" activeAppearance="ring" size={56} avatarColor={'brandInverted'} />
+        {/* Variation - Image */}
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={16} imageUrl={steveBallmerPhotoUrl} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={20} imageUrl={steveBallmerPhotoUrl} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={24} imageUrl={steveBallmerPhotoUrl} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={32} imageUrl={steveBallmerPhotoUrl} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={40} imageUrl={steveBallmerPhotoUrl} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={56} imageUrl={steveBallmerPhotoUrl} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={72} imageUrl={steveBallmerPhotoUrl} />
       </View>
 
       <View style={mobileStyles.testVariants}>
-        {/*Variation - Anonymous*/}
+        {/* Variation - Standard */}
 
-        {/* With Badge.*/}
-        <Avatar size={56} badge={{ status: 'available' }} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={16} avatarColor={'brand'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={20} avatarColor={'brand'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={24} avatarColor={'brand'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={32} avatarColor={'brand'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={40} avatarColor={'brand'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={56} avatarColor={'brand'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={72} avatarColor={'brand'} />
+      </View>
 
-        {/* No ring and badge.*/}
-        <Avatar accessibilityLabel="Fall-back Icon" accessibilityHint="A picture representing a user" size={56} />
+      <View style={mobileStyles.testVariants}>
+        {/* Variation - Standard Inverted */}
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={16} avatarColor={'brandInverted'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={20} avatarColor={'brandInverted'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={24} avatarColor={'brandInverted'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={32} avatarColor={'brandInverted'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={40} avatarColor={'brandInverted'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={56} avatarColor={'brandInverted'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={72} avatarColor={'brandInverted'} />
+      </View>
 
-        {/* With ring. */}
+      <View style={mobileStyles.testVariants}>
+        {/* Variation - Anonymous */}
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={16} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={20} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={24} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={32} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={40} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={56} />
         <Avatar
           accessibilityLabel="Fall-back Icon"
           accessibilityHint="A picture representing a user"
-          size={56}
+          size={72}
           activeAppearance="ring"
-          active="active"
+          active={activityRing ? 'active' : 'inactive'}
         />
       </View>
 
       <View style={mobileStyles.testVariants}>
-        {/* Variation - Anonymous accent.*/}
-
-        {/* With badge.*/}
-        <Avatar size={56} badge={{ status: 'available' }} avatarColor={'accent'} />
-
-        {/* No ring and badge.*/}
-        <Avatar accessibilityLabel="Fall-back Icon" accessibilityHint="A picture representing a user" size={56} avatarColor={'accent'} />
-
-        {/* With ring. */}
+        {/* Variation - Anonymous accent */}
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={16} avatarColor={'accent'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={20} avatarColor={'accent'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={24} avatarColor={'accent'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={32} avatarColor={'accent'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={40} avatarColor={'accent'} />
+        <Avatar active={activityRing ? 'active' : 'inactive'} activeAppearance="ring" size={56} avatarColor={'accent'} />
         <Avatar
           accessibilityLabel="Fall-back Icon"
           accessibilityHint="A picture representing a user"
-          size={56}
+          size={72}
           activeAppearance="ring"
-          active="active"
+          active={activityRing ? 'active' : 'inactive'}
           avatarColor={'accent'}
         />
       </View>
 
       <View style={mobileStyles.testVariants}>
-        {/* Variation - Initials.*/}
-
-        {/* With badge.*/}
-        <Avatar size={56} badge={{ status: 'outOfOffice' }} name="* Richard Faynman *" />
-
-        {/* No ring and badge.*/}
-        <Avatar size={56} name="* Annie Markus *" avatarColor={'colorful'} />
-
-        {/* With ring. */}
-        <Avatar active="active" activeAppearance="ring" size={56} name="* Keshav Madhav *" avatarColor={'colorful'} />
-      </View>
-
-      <View style={mobileStyles.testVariants}>
-        {/* Variation - Image. */}
-
-        {/* With badge.*/}
-        <Avatar size={56} badge={{ status: 'outOfOffice' }} name="* Richard Faynman *" imageUrl={steveBallmerPhotoUrl} />
-
-        {/* No ring and badge.*/}
-        <Avatar size={56} imageUrl={steveBallmerPhotoUrl} avatarColor={'colorful'} />
+        {/* Variation - Overflow .*/}
 
-        {/* With ring.*/}
-        <Avatar active="active" activeAppearance="ring" size={56} name="* Richard Faynman *" imageUrl={steveBallmerPhotoUrl} />
+        <Avatar shape={'square'} size={16} name="Rafi" avatarColor={'colorful'} />
+        <Avatar shape={'square'} size={20} name="Richard Faynman" avatarColor={'colorful'} />
+        <Avatar shape={'square'} size={24} name="Gita Khawas" avatarColor={'colorful'} />
+        <Avatar shape={'square'} size={32} name="Mary Kom" avatarColor={'colorful'} />
+        <Avatar shape={'square'} size={40} name="Khan Sir" avatarColor={'colorful'} imageUrl={steveBallmerPhotoUrl} />
+        <Avatar shape={'square'} size={56} name="Harry Potter" avatarColor={'colorful'} />
+        <Avatar shape={'square'} size={72} name="Ellie armstrong" avatarColor={'colorful'} />
       </View>
 
       <View style={mobileStyles.testVariants}>
         {/* Variation - Overflow .*/}
-
-        <Avatar size={56} initials="20" avatarColor={'colorful'} />
-
-        {/* Variation - Group avatar*/}
-
-        <Avatar size={56} shape={'square'} avatarColor={'colorful'} name="*Annie Martha*" />
+        <Avatar size={16} initials="20" />
+        <Avatar size={20} initials="11" />
+        <Avatar size={24} initials="88" />
+        <Avatar size={32} initials="20" />
+        <Avatar size={40} initials="20" />
+        <Avatar size={56} initials="56" />
+        <Avatar size={72} initials="20" />
       </View>
     </View>
   );

package/src/TestComponents/{Tokens/TokenTest.tsx → ColorTokens/ColorTokenTest.tsx}

@@ -8,7 +8,7 @@ import { createAliasTokens } from '@fluentui-react-native/default-theme';
 import { commonTestStyles } from '../Common/styles';
 import { Text } from '@fluentui/react-native';
 import { Test, TestSection, PlatformStatus } from '../Test';
-import { TOKENS_TEST_COMPONENT, TOKEN_TESTPAGE } from '../../../../E2E/src/Tokens/consts';
+import { COLORTOKENS_TEST_COMPONENT, COLORTOKEN_TESTPAGE } from '../../../../E2E/src/ColorTokens/consts';
 import { testProps } from '../Common/TestProps';
 
 const getThemedStyles = themedStyleSheet((theme: Theme) => {
@@ -53,7 +53,7 @@ const ColorToken: React.FunctionComponent<ColorTokenProps> = (p: ColorTokenProps
       <View
         style={[getSwatchColorStyle(p.name, p.color), themedStyles.swatch]}
         /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-        {...testProps(TOKENS_TEST_COMPONENT)}
+        {...testProps(COLORTOKENS_TEST_COMPONENT)}
       />
       <Text>{p.name}</Text>
     </View>
@@ -99,21 +99,21 @@ const AliasTokensSwatchList: React.FunctionComponent = () => {
 const themeSections: TestSection[] = [
   {
     name: 'Alias Color Tokens',
-    testID: TOKEN_TESTPAGE,
+    testID: COLORTOKEN_TESTPAGE,
     component: () => <AliasTokensSwatchList />,
   },
 ];
 
-export const TokenTest: React.FunctionComponent = () => {
+export const ColorTokensTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Beta',
     uwpStatus: 'Backlog',
-    iosStatus: 'Backlog',
+    iosStatus: 'Experimental',
     macosStatus: 'Backlog',
-    androidStatus: 'Backlog',
+    androidStatus: 'Experimental',
   };
 
   const description = 'Alias tokens given from token pipeline. Currently values are pulled from web. Will be used to style components.';
 
-  return <Test name="Token Test" description={description} sections={themeSections} status={status} />;
+  return <Test name="Color Tokens Test" description={description} sections={themeSections} status={status} />;
 };

package/src/TestComponents/ColorTokens/index.ts

@@ -0,0 +1 @@
+export * from './ColorTokenTest';

package/src/TestComponents/Common/styles.ts

@@ -151,12 +151,15 @@ export const mobileStyles = StyleSheet.create({
   },
   testVariants: {
     flexDirection: 'row',
-    marginHorizontal: 10,
+    marginHorizontal: 5,
     paddingTop: 10,
     paddingBottom: 5,
     flex: 1,
     justifyContent: 'space-evenly',
   },
+  pageStyle: {
+    padding: 5,
+  },
   testList: {
     width: '100%',
   },

package/src/TestComponents/RadioGroupV1/RadioGroupV1Test.tsx

@@ -55,11 +55,11 @@ const radioGroupV1Sections: TestSection[] = [
 
 export const RadioGroupV1Test: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
+    win32Status: 'Production',
     uwpStatus: 'Experimental',
     iosStatus: 'Experimental',
     macosStatus: 'Backlog',
-    androidStatus: 'Backlog',
+    androidStatus: 'Experimental',
   };
 
   const description =

package/src/TestComponents/Shimmer/ShimmerTest.tsx

@@ -6,6 +6,7 @@ import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 import { shimmerBorderRadiusTests, shimmerRectsAndRect, shimmerRectsAndCircle } from './ShimmerTestElementSets';
 import { E2ETestingShimmer } from './ShimmerE2ETest';
+import { Platform } from 'react-native';
 
 const TestCompareCustomizeShimmer = Shimmer.customize({
   shimmerWaveColor: 'blue',
@@ -53,7 +54,7 @@ export const RoundedCornerClipCheckShimmer: React.FunctionComponent = () => {
 const RectShimmers: React.FunctionComponent<Record<string, never>> = () => {
   return (
     <Stack style={stackStyle}>
-      <Shimmer elements={shimmerRectsAndRect()} duration={2000} delay={1000} style={{ width: 300, height: 100 }} />
+      <Shimmer elements={shimmerRectsAndRect()} style={{ width: 300, height: 100 }} />
     </Stack>
   );
 };
@@ -61,7 +62,7 @@ const RectShimmers: React.FunctionComponent<Record<string, never>> = () => {
 const RectCircleShimmers: React.FunctionComponent<Record<string, never>> = () => {
   return (
     <Stack style={stackStyle}>
-      <Shimmer elements={shimmerRectsAndCircle()} duration={3000} style={{ width: 300, height: 100 }} />
+      <Shimmer elements={shimmerRectsAndCircle()} duration={3000} delay={1000} style={{ width: 300, height: 100 }} />
     </Stack>
   );
 };
@@ -94,16 +95,21 @@ const shimmerSections: TestSection[] = [
     testID: SHIMMER_TESTPAGE,
     component: RectCircleShimmers,
   },
-  {
-    name: 'Border Radius Tests',
-    testID: SHIMMER_TESTPAGE,
-    component: ShimmerBorderRadii,
-  },
-  {
-    name: 'Customized Shimmer',
-    testID: SHIMMER_TESTPAGE,
-    component: CustomizedShimmer,
-  },
+  ...Platform.select({
+    android: [null],
+    default: [
+      {
+        name: 'Border Radius Tests',
+        testID: SHIMMER_TESTPAGE,
+        component: ShimmerBorderRadii,
+      },
+      {
+        name: 'Customized Shimmer',
+        testID: SHIMMER_TESTPAGE,
+        component: CustomizedShimmer,
+      },
+    ],
+  }),
   {
     name: 'Shimmer for E2E Testing',
     component: E2ETestingShimmer,

package/src/testPages.ts

@@ -6,6 +6,7 @@ import { ButtonTest } from './TestComponents/Button';
 import { CalloutTest } from './TestComponents/Callout';
 import { CheckboxLegacyTest } from './TestComponents/CheckboxLegacy';
 import { CheckboxV1Test } from './TestComponents/CheckboxV1';
+import { ColorTokensTest } from './TestComponents/ColorTokens';
 import { ContextualMenuTest } from './TestComponents/ContextualMenu';
 import { CornerRadiusTokensTest } from './TestComponents/CornerRadius';
 import { NativeDatePickerTest, HOMEPAGE_NATIVEDATEPICKER_BUTTON } from './TestComponents/NativeDatePicker';
@@ -38,7 +39,6 @@ import { TabsV1Test } from './TestComponents/TabsV1';
 import { TextLegacyTest } from './TestComponents/TextLegacy';
 import { TextV1Test } from './TestComponents/TextV1';
 import { ThemeTest } from './TestComponents/Theme';
-import { TokenTest } from './TestComponents/Tokens';
 import * as Constants from '../../E2E/src/index.consts';
 
 export const tests: TestDescription[] = [
@@ -90,6 +90,12 @@ export const tests: TestDescription[] = [
     testPageButton: Constants.HOMEPAGE_CHECKBOXV1_BUTTON,
     platforms: ['android', 'ios', 'macos', 'win32'], // 'windows': GH#935: Temporarily disabling while SVGs don't work in windows
   },
+  {
+    name: 'Color Tokens',
+    component: ColorTokensTest,
+    testPageButton: Constants.HOMEPAGE_COLORTOKEN_BUTTON,
+    platforms: ['android', 'ios', 'macos', 'win32', 'windows'],
+  },
   {
     name: 'ContextualMenu',
     component: ContextualMenuTest,
@@ -289,10 +295,4 @@ export const tests: TestDescription[] = [
     testPageButton: Constants.HOMEPAGE_THEME_BUTTON,
     platforms: ['android', 'ios', 'macos', 'win32', 'windows'],
   },
-  {
-    name: 'Tokens',
-    component: TokenTest,
-    testPageButton: Constants.HOMEPAGE_TOKEN_BUTTON,
-    platforms: ['android', 'ios', 'macos', 'win32', 'windows'],
-  },
 ];

package/lib/E2E/src/Tokens/consts.d.ts

@@ -1,4 +0,0 @@
-export declare const HOMEPAGE_TOKEN_BUTTON = "Homepage_Token_Button";
-export declare const TOKEN_TESTPAGE = "Token_TestPage";
-export declare const TOKENS_TEST_COMPONENT = "Tokens_Test_Component";
-//# sourceMappingURL=consts.d.ts.map

package/lib/E2E/src/Tokens/consts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/Tokens/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAC7D,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAG/C,eAAO,MAAM,qBAAqB,0BAA0B,CAAC"}

package/lib/E2E/src/Tokens/consts.js

@@ -1,5 +0,0 @@
-export var HOMEPAGE_TOKEN_BUTTON = 'Homepage_Token_Button';
-export var TOKEN_TESTPAGE = 'Token_TestPage';
-/* Test Tokens 1 */
-export var TOKENS_TEST_COMPONENT = 'Tokens_Test_Component'; // A component on each specific test page
-//# sourceMappingURL=consts.js.map

package/lib/E2E/src/Tokens/consts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/Tokens/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAC7D,MAAM,CAAC,IAAM,cAAc,GAAG,gBAAgB,CAAC;AAE/C,mBAAmB;AACnB,MAAM,CAAC,IAAM,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,yCAAyC"}

package/lib/fluent-tester/src/TestComponents/Tokens/TokenTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Tokens/TokenTest.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Tokens/TokenTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0G/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAY7B,CAAC"}

package/lib/fluent-tester/src/TestComponents/Tokens/TokenTest.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Tokens/TokenTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAa,UAAU,EAAc,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAS,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,IAAM,eAAe,GAAG,gBAAgB,CAAC,UAAC,KAAY;IACpD,OAAO;QACL,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SACnC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,CAAC;KAClB;IACD,eAAe,EAAE;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;KAC/B;IACD,UAAU,EAAE;QACV,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,IAAM,mBAAmB,GAAG,UAAC,IAAY,EAAE,KAAiB;IAC1D,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC;IAC1D,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACtB,CAAC,CAAC;AAGF,IAAM,UAAU,GAA6C,UAAC,CAAkB;IAC9E,IAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;IACjD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU;QAC5B,oBAAC,IAAI,aACH,KAAK,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,IAE9D,SAAS,CAAC,qBAAqB,CAAC,EACpC;QACF,oBAAC,IAAI,QAAE,CAAC,CAAC,IAAI,CAAQ,CAChB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,qBAAqB,GAA4B;IACrD,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,aAAa,GACjB,KAAK,CAAC,IAAI,KAAK,OAAO;QACtB,KAAK,CAAC,IAAI,KAAK,UAAU;QACzB,KAAK,CAAC,IAAI,KAAK,UAAU;QACzB,KAAK,CAAC,IAAI,KAAK,OAAO;QACtB,KAAK,CAAC,IAAI,KAAK,cAAc,CAAC;IAChC,IAAM,gBAAgB,GAAG,aAAa;QACpC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,IAAI,CAAC;QACrC,CAAC,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5E,IAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,UAAC,GAAW;QACV,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,GAAI,gBAAgB,CAAC,GAAG,CAAY,GAAG,GAAG,EAAE,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;IACrG,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;QACrC,OAAO,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,IAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACvE,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,IAAI;QAClC,IAAA,KAAK,GAAU,IAAI,MAAd,EAAE,GAAG,GAAK,IAAI,IAAT,CAAU;QAC5B,OAAO,oBAAC,UAAU,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAI,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI;QAChC,oBAAC,IAAI,iDAA8C;QACnD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,IAAG,kBAAkB,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC,CAAQ,CACxF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAAkB;IACnC;QACE,IAAI,EAAE,oBAAoB;QAC1B,MAAM,EAAE,cAAc;QACtB,SAAS,EAAE,cAAM,OAAA,oBAAC,qBAAqB,OAAG,EAAzB,CAAyB;KAC3C;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAA4B;IAChD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,iHAAiH,CAAC;IAEtI,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACvG,CAAC,CAAC"}

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

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

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

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

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

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

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

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

package/lib-commonjs/E2E/src/Tokens/consts.d.ts

@@ -1,4 +0,0 @@
-export declare const HOMEPAGE_TOKEN_BUTTON = "Homepage_Token_Button";
-export declare const TOKEN_TESTPAGE = "Token_TestPage";
-export declare const TOKENS_TEST_COMPONENT = "Tokens_Test_Component";
-//# sourceMappingURL=consts.d.ts.map

package/lib-commonjs/E2E/src/Tokens/consts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../E2E/src/Tokens/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAC7D,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAG/C,eAAO,MAAM,qBAAqB,0BAA0B,CAAC"}

package/lib-commonjs/E2E/src/Tokens/consts.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TOKENS_TEST_COMPONENT = exports.TOKEN_TESTPAGE = exports.HOMEPAGE_TOKEN_BUTTON = void 0;
-exports.HOMEPAGE_TOKEN_BUTTON = 'Homepage_Token_Button';
-exports.TOKEN_TESTPAGE = 'Token_TestPage';
-/* Test Tokens 1 */
-exports.TOKENS_TEST_COMPONENT = 'Tokens_Test_Component'; // A component on each specific test page
-//# sourceMappingURL=consts.js.map

package/lib-commonjs/E2E/src/Tokens/consts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../E2E/src/Tokens/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,qBAAqB,GAAG,uBAAuB,CAAC;AAChD,QAAA,cAAc,GAAG,gBAAgB,CAAC;AAE/C,mBAAmB;AACN,QAAA,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,yCAAyC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Tokens/TokenTest.d.ts

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

package/lib-commonjs/fluent-tester/src/TestComponents/Tokens/TokenTest.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Tokens/TokenTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0G/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAY7B,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Tokens/TokenTest.js.map

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Tokens/index.ts"],"names":[],"mappings":";;;AAAA,2DAA4B"}

package/src/TestComponents/Tokens/index.ts

@@ -1 +0,0 @@
-export * from './TokenTest';