react-native-tvos 0.81.4-0 → 0.82.0-0

package/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js

@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<cff8afb4533b426f7c26ccb0475bdf8c>>
+ * @generated SignedSource<<1b5d563124cbd916052b4dca1f4e00a0>>
  *
  * This file was sync'd from the facebook/react repository.
  */
@@ -405,7 +405,7 @@ __DEV__ &&
       prevPrepareStackTrace = error.indexOf("\n");
       -1 !== prevPrepareStackTrace &&
         (error = error.slice(prevPrepareStackTrace + 1));
-      prevPrepareStackTrace = error.indexOf("react-stack-bottom-frame");
+      prevPrepareStackTrace = error.indexOf("react_stack_bottom_frame");
       -1 !== prevPrepareStackTrace &&
         (prevPrepareStackTrace = error.lastIndexOf(
           "\n",
@@ -16386,7 +16386,7 @@ __DEV__ &&
       }
     };
     var callComponent = {
-        "react-stack-bottom-frame": function (Component, props, secondArg) {
+        react_stack_bottom_frame: function (Component, props, secondArg) {
           var wasRendering = isRendering;
           isRendering = !0;
           try {
@@ -16397,9 +16397,9 @@ __DEV__ &&
         }
       },
       callComponentInDEV =
-        callComponent["react-stack-bottom-frame"].bind(callComponent),
+        callComponent.react_stack_bottom_frame.bind(callComponent),
       callRender = {
-        "react-stack-bottom-frame": function (instance) {
+        react_stack_bottom_frame: function (instance) {
           var wasRendering = isRendering;
           isRendering = !0;
           try {
@@ -16409,9 +16409,9 @@ __DEV__ &&
           }
         }
       },
-      callRenderInDEV = callRender["react-stack-bottom-frame"].bind(callRender),
+      callRenderInDEV = callRender.react_stack_bottom_frame.bind(callRender),
       callComponentDidMount = {
-        "react-stack-bottom-frame": function (finishedWork, instance) {
+        react_stack_bottom_frame: function (finishedWork, instance) {
           try {
             instance.componentDidMount();
           } catch (error) {
@@ -16419,11 +16419,12 @@ __DEV__ &&
           }
         }
       },
-      callComponentDidMountInDEV = callComponentDidMount[
-        "react-stack-bottom-frame"
-      ].bind(callComponentDidMount),
+      callComponentDidMountInDEV =
+        callComponentDidMount.react_stack_bottom_frame.bind(
+          callComponentDidMount
+        ),
       callComponentDidUpdate = {
-        "react-stack-bottom-frame": function (
+        react_stack_bottom_frame: function (
           finishedWork,
           instance,
           prevProps,
@@ -16437,22 +16438,24 @@ __DEV__ &&
           }
         }
       },
-      callComponentDidUpdateInDEV = callComponentDidUpdate[
-        "react-stack-bottom-frame"
-      ].bind(callComponentDidUpdate),
+      callComponentDidUpdateInDEV =
+        callComponentDidUpdate.react_stack_bottom_frame.bind(
+          callComponentDidUpdate
+        ),
       callComponentDidCatch = {
-        "react-stack-bottom-frame": function (instance, errorInfo) {
+        react_stack_bottom_frame: function (instance, errorInfo) {
           var stack = errorInfo.stack;
           instance.componentDidCatch(errorInfo.value, {
             componentStack: null !== stack ? stack : ""
           });
         }
       },
-      callComponentDidCatchInDEV = callComponentDidCatch[
-        "react-stack-bottom-frame"
-      ].bind(callComponentDidCatch),
+      callComponentDidCatchInDEV =
+        callComponentDidCatch.react_stack_bottom_frame.bind(
+          callComponentDidCatch
+        ),
       callComponentWillUnmount = {
-        "react-stack-bottom-frame": function (
+        react_stack_bottom_frame: function (
           current,
           nearestMountedAncestor,
           instance
@@ -16464,11 +16467,12 @@ __DEV__ &&
           }
         }
       },
-      callComponentWillUnmountInDEV = callComponentWillUnmount[
-        "react-stack-bottom-frame"
-      ].bind(callComponentWillUnmount),
+      callComponentWillUnmountInDEV =
+        callComponentWillUnmount.react_stack_bottom_frame.bind(
+          callComponentWillUnmount
+        ),
       callCreate = {
-        "react-stack-bottom-frame": function (effect) {
+        react_stack_bottom_frame: function (effect) {
           null != effect.resourceKind &&
             console.error(
               "Expected only SimpleEffects when enableUseEffectCRUDOverload is disabled, got %s",
@@ -16480,9 +16484,9 @@ __DEV__ &&
           return (effect.destroy = create);
         }
       },
-      callCreateInDEV = callCreate["react-stack-bottom-frame"].bind(callCreate),
+      callCreateInDEV = callCreate.react_stack_bottom_frame.bind(callCreate),
       callDestroy = {
-        "react-stack-bottom-frame": function (
+        react_stack_bottom_frame: function (
           current,
           nearestMountedAncestor,
           destroy
@@ -16494,16 +16498,15 @@ __DEV__ &&
           }
         }
       },
-      callDestroyInDEV =
-        callDestroy["react-stack-bottom-frame"].bind(callDestroy),
+      callDestroyInDEV = callDestroy.react_stack_bottom_frame.bind(callDestroy),
       callLazyInit = {
-        "react-stack-bottom-frame": function (lazy) {
+        react_stack_bottom_frame: function (lazy) {
           var init = lazy._init;
           return init(lazy._payload);
         }
       },
       callLazyInitInDEV =
-        callLazyInit["react-stack-bottom-frame"].bind(callLazyInit),
+        callLazyInit.react_stack_bottom_frame.bind(callLazyInit),
       thenableState = null,
       thenableIndexCounter = 0,
       currentDebugInfo = null,
@@ -16869,11 +16872,11 @@ __DEV__ &&
       shouldSuspendImpl = newShouldSuspendImpl;
     };
     var isomorphicReactPackageVersion = React.version;
-    if ("19.1.0" !== isomorphicReactPackageVersion)
+    if ("19.1.1" !== isomorphicReactPackageVersion)
       throw Error(
         'Incompatible React versions: The "react" and "react-native-renderer" packages must have the exact same version. Instead got:\n  - react:                  ' +
           (isomorphicReactPackageVersion +
-            "\n  - react-native-renderer:  19.1.0\nLearn more: https://react.dev/warnings/version-mismatch")
+            "\n  - react-native-renderer:  19.1.1\nLearn more: https://react.dev/warnings/version-mismatch")
       );
     if (
       "function" !==
@@ -16899,10 +16902,10 @@ __DEV__ &&
     (function () {
       var internals = {
         bundleType: 1,
-        version: "19.1.0",
+        version: "19.1.1",
         rendererPackageName: "react-native-renderer",
         currentDispatcherRef: ReactSharedInternals,
-        reconcilerVersion: "19.1.0"
+        reconcilerVersion: "19.1.1"
       };
       null !== extraDevToolsConfig &&
         (internals.rendererConfig = extraDevToolsConfig);

package/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js

@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<43be62d6fc9b622e265e2acb066ed13c>>
+ * @generated SignedSource<<5ea611585e32bbcbcdc91868aa8ed875>>
  *
  * This file was sync'd from the facebook/react repository.
  */
@@ -10603,11 +10603,11 @@ function updateContainer(element, container, parentComponent, callback) {
   return lane;
 }
 var isomorphicReactPackageVersion = React.version;
-if ("19.1.0" !== isomorphicReactPackageVersion)
+if ("19.1.1" !== isomorphicReactPackageVersion)
   throw Error(
     'Incompatible React versions: The "react" and "react-native-renderer" packages must have the exact same version. Instead got:\n  - react:                  ' +
       (isomorphicReactPackageVersion +
-        "\n  - react-native-renderer:  19.1.0\nLearn more: https://react.dev/warnings/version-mismatch")
+        "\n  - react-native-renderer:  19.1.1\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 if (
   "function" !==
@@ -10656,10 +10656,10 @@ batchedUpdatesImpl = function (fn, a) {
 var roots = new Map(),
   internals$jscomp$inline_1269 = {
     bundleType: 0,
-    version: "19.1.0",
+    version: "19.1.1",
     rendererPackageName: "react-native-renderer",
     currentDispatcherRef: ReactSharedInternals,
-    reconcilerVersion: "19.1.0"
+    reconcilerVersion: "19.1.1"
   };
 null !== extraDevToolsConfig &&
   (internals$jscomp$inline_1269.rendererConfig = extraDevToolsConfig);

package/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js

@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<d0e536371839f0311bec769f15162a4b>>
+ * @generated SignedSource<<68ab59ddfed0642b58d7b4db6803da29>>
  *
  * This file was sync'd from the facebook/react repository.
  */
@@ -11245,11 +11245,11 @@ function updateContainer(element, container, parentComponent, callback) {
   return lane;
 }
 var isomorphicReactPackageVersion = React.version;
-if ("19.1.0" !== isomorphicReactPackageVersion)
+if ("19.1.1" !== isomorphicReactPackageVersion)
   throw Error(
     'Incompatible React versions: The "react" and "react-native-renderer" packages must have the exact same version. Instead got:\n  - react:                  ' +
       (isomorphicReactPackageVersion +
-        "\n  - react-native-renderer:  19.1.0\nLearn more: https://react.dev/warnings/version-mismatch")
+        "\n  - react-native-renderer:  19.1.1\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 if (
   "function" !==
@@ -11298,10 +11298,10 @@ batchedUpdatesImpl = function (fn, a) {
 var roots = new Map(),
   internals$jscomp$inline_1362 = {
     bundleType: 0,
-    version: "19.1.0",
+    version: "19.1.1",
     rendererPackageName: "react-native-renderer",
     currentDispatcherRef: ReactSharedInternals,
-    reconcilerVersion: "19.1.0"
+    reconcilerVersion: "19.1.1"
   };
 null !== extraDevToolsConfig &&
   (internals$jscomp$inline_1362.rendererConfig = extraDevToolsConfig);

package/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js

@@ -7,7 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict-local
- * @generated SignedSource<<83073425aa3f71ced2c8c51f25a25938>>
+ * @generated SignedSource<<1f7876c0dc0b05685a730513dc410236>>
  */
 
 'use strict';
@@ -82,6 +82,8 @@ export function register(name: string, callback: () => ViewConfig): string {
     typeof callback === 'function',
     'View config getter callback for component `%s` must be a function (received `%s`)',
     name,
+    /* $FlowFixMe[invalid-compare] Error discovered during Constant Condition
+     * roll out. See https://fburl.com/workplace/5whu3i34. */
     callback === null ? 'null' : typeof callback,
   );
   viewConfigCallbacks.set(name, callback);

package/Libraries/Share/Share.js

@@ -83,6 +83,8 @@ class Share {
     options?: ShareOptions = {},
   ): Promise<{action: string, activityType: ?string}> {
     invariant(
+      /* $FlowFixMe[invalid-compare] Error discovered during Constant Condition
+       * roll out. See https://fburl.com/workplace/5whu3i34. */
       typeof content === 'object' && content !== null,
       'Content to share must be a valid object',
     );
@@ -91,6 +93,8 @@ class Share {
       'At least one of URL or message is required',
     );
     invariant(
+      /* $FlowFixMe[invalid-compare] Error discovered during Constant Condition
+       * roll out. See https://fburl.com/workplace/5whu3i34. */
       typeof options === 'object' && options !== null,
       'Options must be a valid object',
     );

package/Libraries/StyleSheet/PlatformColorValueTypes.android.js

@@ -17,7 +17,7 @@ type LocalNativeColorValue = {
 };
 
 export const PlatformColor = (...names: Array<string>): ColorValue => {
-  /* $FlowExpectedError[incompatible-return]
+  /* $FlowExpectedError[incompatible-type]
    * LocalNativeColorValue is the actual type of the opaque NativeColorValue on Android platform */
   return ({resource_paths: names}: LocalNativeColorValue);
 };
@@ -25,7 +25,7 @@ export const PlatformColor = (...names: Array<string>): ColorValue => {
 export const normalizeColorObject = (
   color: NativeColorValue,
 ): ?ProcessedColorValue => {
-  /* $FlowExpectedError[incompatible-cast]
+  /* $FlowExpectedError[incompatible-type]
    * LocalNativeColorValue is the actual type of the opaque NativeColorValue on Android platform */
   if ('resource_paths' in (color: LocalNativeColorValue)) {
     return color;

package/Libraries/StyleSheet/PlatformColorValueTypes.ios.js

@@ -23,7 +23,7 @@ type LocalNativeColorValue = {
 };
 
 export const PlatformColor = (...names: Array<string>): ColorValue => {
-  // $FlowExpectedError[incompatible-return] LocalNativeColorValue is the iOS LocalNativeColorValue type
+  // $FlowExpectedError[incompatible-type] LocalNativeColorValue is the iOS LocalNativeColorValue type
   return ({semantic: names}: LocalNativeColorValue);
 };
 
@@ -44,7 +44,7 @@ export const DynamicColorIOSPrivate = (
       highContrastLight: tuple.highContrastLight,
       highContrastDark: tuple.highContrastDark,
     },
-    /* $FlowExpectedError[incompatible-return]
+    /* $FlowExpectedError[incompatible-type]
      * LocalNativeColorValue is the actual type of the opaque NativeColorValue on iOS platform */
   }: LocalNativeColorValue);
 };

package/Libraries/StyleSheet/StyleSheet.d.ts

@@ -17,13 +17,7 @@ export interface StyleSheetProperties {
 type Falsy = undefined | null | false | '';
 interface RecursiveArray<T>
   extends Array<T | ReadonlyArray<T> | RecursiveArray<T>> {}
-/** Keep a brand of 'T' so that calls to `StyleSheet.flatten` can take `RegisteredStyle<T>` and return `T`. */
-type RegisteredStyle<T> = number & {__registeredStyleBrand: T};
-export type StyleProp<T> =
-  | T
-  | RegisteredStyle<T>
-  | RecursiveArray<T | RegisteredStyle<T> | Falsy>
-  | Falsy;
+export type StyleProp<T> = T | RecursiveArray<T | Falsy> | Falsy;
 
 type OpaqueColorValue = symbol & {__TYPE__: 'Color'};
 export type ColorValue = string | OpaqueColorValue;
@@ -127,24 +121,15 @@ export namespace StyleSheet {
     bottom: 0;
   }
 
-  /**
-   * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be
-   * used to create a customized entry in a `StyleSheet`, e.g.:
-   *
-   *   const styles = StyleSheet.create({
-   *     wrapper: {
-   *       ...StyleSheet.absoluteFillObject,
-   *       top: 10,
-   *       backgroundColor: 'transparent',
-   *     },
-   *   });
-   */
-  export const absoluteFillObject: AbsoluteFillStyle;
-
   /**
    * A very common pattern is to create overlays with position absolute and zero positioning,
    * so `absoluteFill` can be used for convenience and to reduce duplication of these repeated
    * styles.
    */
-  export const absoluteFill: RegisteredStyle<AbsoluteFillStyle>;
+  export const absoluteFill: AbsoluteFillStyle;
+
+  /**
+   * @deprecated Use `StyleSheet.absoluteFill`.
+   */
+  export const absoluteFillObject: AbsoluteFillStyle;
 }

package/Libraries/StyleSheet/StyleSheetExports.js

@@ -24,13 +24,7 @@ if (hairlineWidth === 0) {
   hairlineWidth = 1 / PixelRatio.get();
 }
 
-const absoluteFill: {
-  +bottom: 0,
-  +left: 0,
-  +position: 'absolute',
-  +right: 0,
-  +top: 0,
-} = {
+const absoluteFill = {
   position: 'absolute',
   left: 0,
   right: 0,
@@ -108,7 +102,7 @@ export default {
    * so `absoluteFill` can be used for convenience and to reduce duplication of these repeated
    * styles.
    */
-  absoluteFill: (absoluteFill: any), // TODO: This should be updated after we fix downstream Flow sites.
+  absoluteFill,
 
   /**
    * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be

package/Libraries/StyleSheet/StyleSheetExports.js.flow

@@ -13,6 +13,14 @@ import type {____Styles_Internal} from './StyleSheetTypes';
 import composeStyles from '../../src/private/styles/composeStyles';
 import flattenStyle from './flattenStyle';
 
+type AbsoluteFillStyle = $ReadOnly<{
+  position: 'absolute',
+  left: 0,
+  right: 0,
+  top: 0,
+  bottom: 0,
+}>;
+
 /**
  * This is defined as the width of a thin line on the platform. It can be
  * used as the thickness of a border or division between two elements.
@@ -37,27 +45,12 @@ declare export const hairlineWidth: number;
  * so `absoluteFill` can be used for convenience and to reduce duplication of these repeated
  * styles.
  */
-declare export const absoluteFill: any;
+declare export const absoluteFill: AbsoluteFillStyle;
 
 /**
- * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be
- * used to create a customized entry in a `StyleSheet`, e.g.:
- *
- *   const styles = StyleSheet.create({
- *     wrapper: {
- *       ...StyleSheet.absoluteFillObject,
- *       top: 10,
- *       backgroundColor: 'transparent',
- *     },
- *   });
+ * @deprecated Use `StyleSheet.absoluteFill`.
  */
-declare export const absoluteFillObject: {
-  +bottom: 0,
-  +left: 0,
-  +position: 'absolute',
-  +right: 0,
-  +top: 0,
-};
+declare export const absoluteFillObject: AbsoluteFillStyle;
 
 /**
  * Combines two styles such that style2 will override any styles in style1.

package/Libraries/StyleSheet/flattenStyle.js

@@ -31,7 +31,7 @@ function flattenStyle<
   }
 
   if (!Array.isArray(style)) {
-    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[incompatible-type]
     return style;
   }
 
@@ -49,7 +49,7 @@ function flattenStyle<
       }
     }
   }
-  // $FlowFixMe[incompatible-return]
+  // $FlowFixMe[incompatible-type]
   return result;
 }
 

package/Libraries/StyleSheet/processAspectRatio.js

@@ -19,6 +19,8 @@ function processAspectRatio(aspectRatio?: number | string): ?number {
   if (typeof aspectRatio !== 'string') {
     if (__DEV__) {
       invariant(
+        /* $FlowFixMe[constant-condition] Error discovered during Constant
+         * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
         !aspectRatio,
         'aspectRatio must either be a number, a ratio string or `auto`. You passed: %s',
         aspectRatio,

package/Libraries/StyleSheet/processFilter.js

@@ -69,9 +69,9 @@ export default function processFilter(
 
         if (amount != null) {
           const filterFunction = {};
-          // $FlowFixMe The key will be the correct one but flow can't see that.
+          // $FlowFixMe[prop-missing] The key will be the correct one but flow can't see that.
           filterFunction[camelizedName] = amount;
-          // $FlowFixMe The key will be the correct one but flow can't see that.
+          // $FlowFixMe[incompatible-type] The key will be the correct one but flow can't see that.
           result.push(filterFunction);
         } else {
           // If any primitive is invalid then apply none of the filters. This is how
@@ -85,7 +85,7 @@ export default function processFilter(
     for (const filterFunction of filter) {
       const [filterName, filterValue] = Object.entries(filterFunction)[0];
       if (filterName === 'dropShadow') {
-        // $FlowFixMe
+        // $FlowFixMe[incompatible-type]
         const dropShadow = parseDropShadow(filterValue);
         if (dropShadow == null) {
           return [];
@@ -96,9 +96,9 @@ export default function processFilter(
 
         if (amount != null) {
           const resultObject = {};
-          // $FlowFixMe
+          // $FlowFixMe[prop-missing]
           resultObject[filterName] = amount;
-          // $FlowFixMe
+          // $FlowFixMe[incompatible-type]
           result.push(resultObject);
         } else {
           // If any primitive is invalid then apply none of the filters. This is how

package/Libraries/StyleSheet/splitLayoutProps.js

@@ -18,9 +18,9 @@ export default function splitLayoutProps(props: ?____ViewStyle_Internal): {
   let inner: ?____ViewStyle_Internal = null;
 
   if (props != null) {
-    // $FlowIgnore[incompatible-exact] Will contain a subset of keys from `props`.
+    // $FlowFixMe[incompatible-exact] Will contain a subset of keys from `props`.
     outer = {};
-    // $FlowIgnore[incompatible-exact] Will contain a subset of keys from `props`.
+    // $FlowFixMe[incompatible-exact] Will contain a subset of keys from `props`.
     inner = {};
 
     for (const prop of Object.keys(props)) {

package/Libraries/Text/BaseText/RCTBaseTextShadowView.h

@@ -7,12 +7,16 @@
 
 #import <React/RCTShadowView.h>
 
+#ifndef RCT_FIT_RM_OLD_COMPONENT
+
 #import "RCTTextAttributes.h"
 
 NS_ASSUME_NONNULL_BEGIN
 
-extern NSString *const RCTBaseTextShadowViewEmbeddedShadowViewAttributeName;
+extern NSString *const RCTBaseTextShadowViewEmbeddedShadowViewAttributeName
+    __attribute__((deprecated("This API will be removed along with the legacy architecture.")));
 
+__attribute__((deprecated("This API will be removed along with the legacy architecture.")))
 @interface RCTBaseTextShadowView : RCTShadowView {
  @protected
   NSAttributedString *_Nullable cachedAttributedText;
@@ -27,3 +31,5 @@ extern NSString *const RCTBaseTextShadowViewEmbeddedShadowViewAttributeName;
 @end
 
 NS_ASSUME_NONNULL_END
+
+#endif // RCT_FIT_RM_OLD_COMPONENT

package/Libraries/Text/BaseText/RCTBaseTextShadowView.mm

@@ -7,6 +7,8 @@
 
 #import <React/RCTBaseTextShadowView.h>
 
+#ifndef RCT_FIT_RM_OLD_COMPONENT
+
 #import <React/RCTShadowView+Layout.h>
 
 #import <React/RCTRawTextShadowView.h>
@@ -156,3 +158,5 @@ static void RCTInlineViewYogaNodeDirtied(YGNodeConstRef node)
 }
 
 @end
+
+#endif // RCT_FIT_RM_OLD_COMPONENT

package/Libraries/Text/BaseText/RCTBaseTextViewManager.h

@@ -7,10 +7,15 @@
 
 #import <React/RCTViewManager.h>
 
+#ifndef RCT_FIT_RM_OLD_COMPONENT
+
 NS_ASSUME_NONNULL_BEGIN
 
+__attribute__((deprecated("This API will be removed along with the legacy architecture.")))
 @interface RCTBaseTextViewManager : RCTViewManager
 
 @end
 
 NS_ASSUME_NONNULL_END
+
+#endif // RCT_FIT_RM_OLD_COMPONENT

package/Libraries/Text/BaseText/RCTBaseTextViewManager.mm

@@ -7,6 +7,8 @@
 
 #import <React/RCTBaseTextViewManager.h>
 
+#ifndef RCT_FIT_RM_OLD_COMPONENT
+
 @implementation RCTBaseTextViewManager
 
 RCT_EXPORT_MODULE(RCTBaseText)
@@ -58,3 +60,5 @@ RCT_REMAP_SHADOW_PROPERTY(isHighlighted, textAttributes.isHighlighted, BOOL)
 RCT_REMAP_SHADOW_PROPERTY(textTransform, textAttributes.textTransform, RCTTextTransform)
 
 @end
+
+#endif // RCT_FIT_RM_OLD_COMPONENT

package/Libraries/Text/RCTTextAttributes.h

@@ -11,17 +11,22 @@
 #import <React/RCTTextDecorationLineType.h>
 #import <React/RCTTextTransform.h>
 
+#ifndef RCT_FIT_RM_OLD_COMPONENT
+
 NS_ASSUME_NONNULL_BEGIN
 
-extern NSString *const RCTTextAttributesIsHighlightedAttributeName;
-extern NSString *const RCTTextAttributesTagAttributeName;
+extern NSString *const RCTTextAttributesIsHighlightedAttributeName
+    __attribute__((deprecated("This API will be removed along with the legacy architecture.")));
+extern NSString *const RCTTextAttributesTagAttributeName
+    __attribute__((deprecated("This API will be removed along with the legacy architecture.")));
 
 /**
  * Represents knowledge about all supported *text* attributes
  * assigned to some text component such as <Text>, <VirtualText>,
  * and <TextInput>.
  */
-@interface RCTTextAttributes : NSObject <NSCopying>
+__attribute__((deprecated("This API will be removed along with the legacy architecture.")))
+@interface RCTTextAttributes : NSObject<NSCopying>
 
 // Color
 @property (nonatomic, strong, nullable) UIColor *foregroundColor;
@@ -98,3 +103,5 @@ extern NSString *const RCTTextAttributesTagAttributeName;
 @end
 
 NS_ASSUME_NONNULL_END
+
+#endif // RCT_FIT_RM_OLD_COMPONENT

package/Libraries/Text/RCTTextAttributes.mm

@@ -7,6 +7,8 @@
 
 #import <React/RCTTextAttributes.h>
 
+#ifndef RCT_FIT_RM_OLD_COMPONENT
+
 #import <React/RCTAssert.h>
 #import <React/RCTFont.h>
 #import <React/RCTLog.h>
@@ -352,3 +354,5 @@ static NSString *capitalizeText(NSString *text)
 }
 
 @end
+
+#endif // RCT_FIT_RM_OLD_COMPONENT

package/Libraries/Text/RawText/RCTRawTextShadowView.h

@@ -7,8 +7,11 @@
 
 #import <React/RCTShadowView.h>
 
+#ifndef RCT_FIT_RM_OLD_COMPONENT
+
 NS_ASSUME_NONNULL_BEGIN
 
+__attribute__((deprecated("This API will be removed along with the legacy architecture.")))
 @interface RCTRawTextShadowView : RCTShadowView
 
 @property (nonatomic, copy, nullable) NSString *text;
@@ -16,3 +19,5 @@ NS_ASSUME_NONNULL_BEGIN
 @end
 
 NS_ASSUME_NONNULL_END
+
+#endif // RCT_FIT_RM_OLD_COMPONENT

package/Libraries/Text/RawText/RCTRawTextShadowView.mm

@@ -7,6 +7,8 @@
 
 #import <React/RCTRawTextShadowView.h>
 
+#ifndef RCT_FIT_RM_OLD_COMPONENT
+
 #import <React/RCTShadowView+Layout.h>
 
 @implementation RCTRawTextShadowView
@@ -32,3 +34,5 @@
 }
 
 @end
+
+#endif // RCT_FIT_RM_OLD_COMPONENT