@fluentui-react-native/tester 0.167.2 → 0.167.3

package/lib-commonjs/fluent-tester/src/TestComponents/Theme/ThemeTest.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.167.2",
+  "version": "0.167.3",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",

package/src/TestComponents/ActivityIndicator/ActivityIndicatorTest.tsx

@@ -89,11 +89,11 @@ const activityIndicatorSections: TestSection[] = [
 
 export const ActivityIndicatorTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Backlog',
-    uwpStatus: 'Backlog',
-    iosStatus: 'Beta',
-    macosStatus: 'Backlog',
-    androidStatus: 'Beta',
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
   };
 
   const description =

package/src/TestComponents/Avatar/AvatarTest.tsx

@@ -36,9 +36,9 @@ export const AvatarTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Production',
     uwpStatus: 'Backlog',
-    iosStatus: 'Beta',
-    macosStatus: 'Experimental',
-    androidStatus: 'Experimental',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
   };
 
   const description =

package/src/TestComponents/Badge/BadgeTest.tsx

@@ -40,9 +40,9 @@ export const BadgeTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Production',
     uwpStatus: 'Backlog',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Backlog',
+    iosStatus: 'N/A',
+    macosStatus: 'Production',
+    androidStatus: 'N/A',
   };
 
   const description =

package/src/TestComponents/Button/ButtonTest.tsx

@@ -80,10 +80,10 @@ const e2eSections: TestSection[] = [
 export const ButtonTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Production',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Production',
     macosStatus: 'Production',
-    androidStatus: 'Experimental',
+    androidStatus: 'Production',
   };
 
   const description =

package/src/TestComponents/Callout/CalloutTest.tsx

@@ -468,11 +468,11 @@ const e2eSections: TestSection[] = [
 
 export const CalloutTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
+    win32Status: 'Production',
     uwpStatus: 'Backlog',
-    iosStatus: 'Backlog',
-    macosStatus: 'Beta',
-    androidStatus: 'Backlog',
+    iosStatus: 'N/A',
+    macosStatus: 'Production',
+    androidStatus: 'N/A',
   };
 
   const description = 'A callout is an anchored tip that can be used to teach people or guide them through the app without blocking them.';

package/src/TestComponents/CheckboxV1/CheckboxV1Test.tsx

@@ -224,13 +224,13 @@ export const CheckboxV1Test: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Production',
     uwpStatus: 'N/A',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Experimental',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
   };
 
   const description =
-    'Checkboxes give people a way to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked, on or off).';
+    'Checkboxes give people a way to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked, on or off). For macOS, use experimental-checkbox package.';
 
   return <Test name="CheckboxV1 Test" description={description} sections={checkboxSections} status={status} e2eSections={e2eSections} />;
 };

package/src/TestComponents/Chip/ChipTest.tsx

@@ -23,11 +23,11 @@ const e2eSections: TestSection[] = [
 
 export const ChipTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Backlog',
-    uwpStatus: 'Backlog',
-    iosStatus: 'Experimental',
-    macosStatus: 'Backlog',
-    androidStatus: 'Experimental',
+    win32Status: 'N/A',
+    uwpStatus: 'N/A',
+    iosStatus: 'Production',
+    macosStatus: 'N/A',
+    androidStatus: 'Production',
   };
 
   const description =

package/src/TestComponents/ColorTokens/ColorTokenTest.tsx

@@ -238,11 +238,11 @@ const themeSections: TestSection[] = [
 
 export const ColorTokensTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
+    win32Status: 'Production',
     uwpStatus: 'Backlog',
-    iosStatus: 'Experimental',
+    iosStatus: 'Production',
     macosStatus: 'Backlog',
-    androidStatus: 'Experimental',
+    androidStatus: 'Production',
   };
 
   const description = 'Alias and global tokens given from token pipeline. Used to style components.';

package/src/TestComponents/ContextualMenu/ContextualMenuTest.tsx

@@ -515,10 +515,10 @@ const e2eSections: TestSection[] = [
 export const ContextualMenuTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Deprecated',
-    uwpStatus: 'Backlog',
-    iosStatus: 'Backlog',
-    macosStatus: 'Beta',
-    androidStatus: 'Backlog',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
   };
 
   const description =

package/src/TestComponents/CornerRadius/CornerRadiusTest.tsx

@@ -77,11 +77,11 @@ const cornerRadiusSections: TestSection[] = [
 
 export const CornerRadiusTokensTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Experimental',
+    win32Status: 'Production',
+    uwpStatus: 'Production',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
   };
 
   const description = 'The different global corner radius tokens available in Fluent UI.';

package/src/TestComponents/Divider/DividerTest.tsx

@@ -148,11 +148,11 @@ const mobileDividerSections: TestSection[] = [
 
 export const DividerTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Experimental',
+    win32Status: 'Production',
     uwpStatus: 'Backlog',
-    iosStatus: 'Experimental',
-    macosStatus: 'Backlog',
-    androidStatus: 'Experimental',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
   };
 
   const description = 'A Divider is a visual separator that can contain content (text or an icon). Dividers can be horizontal or vertical';

package/src/TestComponents/Dropdown/DropdownTest.tsx

@@ -29,10 +29,10 @@ const menuSections: TestSection[] = [
 
 export const DropdownTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Experimental',
+    win32Status: 'Backlog',
     uwpStatus: 'Backlog',
     iosStatus: 'Backlog',
-    macosStatus: 'Experimental',
+    macosStatus: 'Backlog',
     androidStatus: 'Backlog',
   };
 

package/src/TestComponents/Expander/ExpanderTest.tsx

@@ -119,7 +119,7 @@ const expanderSections: TestSection[] = [
 export const ExpanderTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Backlog',
-    uwpStatus: 'Beta',
+    uwpStatus: 'Experimental',
     iosStatus: 'Backlog',
     macosStatus: 'Backlog',
     androidStatus: 'Backlog',

package/src/TestComponents/FocusZone/FocusZoneTest.tsx

@@ -226,10 +226,10 @@ const e2eSections: TestSection[] = [
 
 export const FocusZoneTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Backlog',
+    macosStatus: 'Production',
     androidStatus: 'Backlog',
   };
 

package/src/TestComponents/Icon/IconTest.tsx

@@ -123,11 +123,11 @@ const e2eSections: TestSection[] = [
 
 export const IconTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
+    win32Status: 'Production',
     uwpStatus: 'Backlog',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Experimental',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
   };
 
   const description = 'Icons are styled images that can be fonts, svgs, or bitmaps';

package/src/TestComponents/Input/InputTest.tsx

@@ -25,9 +25,9 @@ export const InputTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Backlog',
     uwpStatus: 'Backlog',
-    iosStatus: 'Experimental',
+    iosStatus: 'Production',
     macosStatus: 'Backlog',
-    androidStatus: 'Experimental',
+    androidStatus: 'Production',
   };
 
   const description = 'Input allows the user to enter and edit text.';

package/src/TestComponents/LinkLegacy/LinkLegacyTest.tsx

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

package/src/TestComponents/LinkV1/LinkV1Test.tsx

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

package/src/TestComponents/Menu/MenuTest.tsx

@@ -546,10 +546,10 @@ const e2eSections: TestSection[] = [
 
 export const MenuTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
+    win32Status: 'Production',
     uwpStatus: 'Backlog',
     iosStatus: 'Backlog',
-    macosStatus: 'Beta',
+    macosStatus: 'Production',
     androidStatus: 'Experimental',
   };
 

package/src/TestComponents/MenuButtonLegacy/MenuButtonLegacyTest.tsx

@@ -33,11 +33,11 @@ const e2eSections: TestSection[] = [
 
 export const MenuButtonLegacyTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Experimental',
-    uwpStatus: 'Backlog',
-    iosStatus: 'Backlog',
-    macosStatus: 'Backlog',
-    androidStatus: 'Backlog',
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
   };
 
   const description =

package/src/TestComponents/MenuButtonV1/MenuButtonV1Test.tsx

@@ -33,11 +33,11 @@ const e2eSections: TestSection[] = [
 
 export const MenuButtonV1Test: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Experimental',
-    uwpStatus: 'Backlog',
-    iosStatus: 'Backlog',
-    macosStatus: 'Backlog',
-    androidStatus: 'Backlog',
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
   };
 
   const description =

package/src/TestComponents/Notification/NotificationTest.tsx

@@ -279,7 +279,7 @@ export const NotificationTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Backlog',
     uwpStatus: 'Backlog',
-    iosStatus: 'Experimental',
+    iosStatus: 'Production',
     macosStatus: 'Backlog',
     androidStatus: 'Backlog',
   };

package/src/TestComponents/Persona/PersonaTest.tsx

@@ -21,10 +21,10 @@ const personaSections: TestSection[] = [
 export const PersonaTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Deprecated',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Backlog',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
   };
 
   const description =

package/src/TestComponents/PersonaCoin/PersonaCoinTest.tsx

@@ -21,10 +21,10 @@ const personaCoinSections: TestSection[] = [
 export const PersonaCoinTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Deprecated',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Backlog',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
   };
 
   const description = "PersonaCoins are used for rendering an individual's avatar. PersonaCoin renders the circular image component.";

package/src/TestComponents/Pressable/PressableTest.tsx

@@ -150,11 +150,11 @@ const pressableSections: TestSection[] = [
 
 export const PressableTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Backlog',
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
   };
 
   const description = 'No description.';

package/src/TestComponents/RadioGroupLegacy/RadioGroupLegacyTest.tsx

@@ -72,11 +72,11 @@ const e2eSections: TestSection[] = [
 
 export const RadioGroupLegacyTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Beta',
-    androidStatus: 'Backlog',
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
   };
 
   const description = 'No description.';

package/src/TestComponents/RadioGroupV1/RadioGroupV1Test.tsx

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

package/src/TestComponents/Separator/SeparatorTest.tsx

@@ -41,11 +41,11 @@ const separatorSections: TestSection[] = [
 
 export const SeparatorTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Beta',
-    androidStatus: 'Experimental',
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
   };
 
   const description =

package/src/TestComponents/Shadow/ShadowTest.tsx

@@ -25,11 +25,11 @@ const shadowSections: TestSection[] = [
 
 export const ShadowTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Experimental',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Backlog',
+    win32Status: 'Production',
+    uwpStatus: 'Production',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
   };
 
   const description = 'A Shadow component using the Fluent Design System. Shadow components can be added to other components.';

package/src/TestComponents/Shimmer/ShimmerTest.tsx

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

package/src/TestComponents/Spacing/SpacingTest.tsx

@@ -50,11 +50,11 @@ const BasicUsage: React.FunctionComponent = () => {
 
 export const SpacingTokensTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Experimental',
+    win32Status: 'Production',
+    uwpStatus: 'Production',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
   };
 
   const description = 'This showcases the different spacing tokens available in Fluent UI.';

package/src/TestComponents/Spinner/SpinnerTest.tsx

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

package/src/TestComponents/StrokeWidth/StrokeWidthTest.tsx

@@ -84,11 +84,11 @@ const strokeWidthSections: TestSection[] = [
 
 export const StrokeWidthTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Beta',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Experimental',
+    win32Status: 'Production',
+    uwpStatus: 'Production',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
   };
 
   const description = 'This showcases the different global stroke width tokens available in Fluent UI.';

package/src/TestComponents/Switch/SwitchTest.tsx

@@ -149,9 +149,9 @@ export const SwitchTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Production',
     uwpStatus: 'Backlog',
-    iosStatus: 'Backlog',
-    macosStatus: 'Backlog',
-    androidStatus: 'Experimental',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
   };
 
   const description = 'Switch is a control that has two mutually exclusive states.';

package/src/TestComponents/TabList/TabListTest.tsx

@@ -218,11 +218,11 @@ const e2eSections: TestSection[] = [
 
 export const TabListTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
-    win32Status: 'Experimental',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Backlog',
-    macosStatus: 'Experimental',
-    androidStatus: 'Backlog',
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
   };
 
   const description = 'With Tabs, users can navigate to another view.';

package/src/TestComponents/TextLegacy/TextLegacyTest.tsx

@@ -34,10 +34,10 @@ const e2eSections: TestSection[] = [
 export const TextLegacyTest: React.FunctionComponent = () => {
   const status: PlatformStatus = {
     win32Status: 'Deprecated',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Beta',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
   };
 
   const description = 'Text is a component for displaying text. You can use Text to standardize text across your app.';