@fluentui-react-native/tester 0.167.2 → 0.167.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.167.2",
+  "version": "0.167.4",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -42,13 +42,13 @@
     "@fluentui-react-native/default-theme": ">=0.25.1 <1.0.0",
     "@fluentui-react-native/divider": "^0.6.8",
     "@fluentui-react-native/drawer": "^0.3.7",
-    "@fluentui-react-native/dropdown": ">=0.9.10 <1.0.0",
+    "@fluentui-react-native/dropdown": ">=0.9.11 <1.0.0",
     "@fluentui-react-native/experimental-activity-indicator": ">=0.9.7 <1.0.0",
     "@fluentui-react-native/experimental-appearance-additions": "^0.6.7",
     "@fluentui-react-native/experimental-avatar": ">=0.20.7 <1.0.0",
     "@fluentui-react-native/experimental-checkbox": "0.16.7",
     "@fluentui-react-native/experimental-expander": "0.7.7",
-    "@fluentui-react-native/experimental-menu-button": ">=0.9.11 <1.0.0",
+    "@fluentui-react-native/experimental-menu-button": ">=0.9.12 <1.0.0",
     "@fluentui-react-native/experimental-native-date-picker": ">=0.10.0 <1.0.0",
     "@fluentui-react-native/experimental-shadow": "0.5.7",
     "@fluentui-react-native/experimental-shimmer": "0.12.9",
@@ -57,7 +57,7 @@
     "@fluentui-react-native/icon": "0.20.8",
     "@fluentui-react-native/input": "^0.5.8",
     "@fluentui-react-native/interactive-hooks": ">=0.25.7 <1.0.0",
-    "@fluentui-react-native/menu": "^1.12.12",
+    "@fluentui-react-native/menu": "^1.12.13",
     "@fluentui-react-native/merge-props": ">=0.8.0 <1.0.0",
     "@fluentui-react-native/notification": "0.24.10",
     "@fluentui-react-native/radio-group": ">=0.20.9 <1.0.0",
@@ -72,10 +72,10 @@
     "@fluentui-react-native/theme-types": ">=0.38.0 <1.0.0",
     "@fluentui-react-native/themed-stylesheet": "^1.6.0",
     "@fluentui-react-native/theming-utils": ">=0.25.5 <1.0.0",
-    "@fluentui-react-native/tooltip": "0.2.9",
+    "@fluentui-react-native/tooltip": "0.2.10",
     "@fluentui-react-native/vibrancy-view": ">=0.1.0 <1.0.0",
     "@fluentui-react-native/win32-theme": ">=0.33.1 <1.0.0",
-    "@fluentui/react-native": ">=0.40.1 <1.0.0",
+    "@fluentui/react-native": ">=0.40.2 <1.0.0",
     "@fortawesome/fontawesome-svg-core": "^6.2.0",
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.0",

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.';