react-native-tvos 0.87.1-0 → 0.88.0-0rc2

package/Libraries/Renderer/shims/ReactFabric.js

@@ -7,12 +7,12 @@
  * @noformat
  * @nolint
  * @flow
- * @generated SignedSource<<cf323fc5ca893bab5669c7d321660412>>
+ * @generated SignedSource<<8b6b4d01340cfba2de5eabc3936dfbdd>>
  */
 
 'use strict';
 
-import {BatchedBridge} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
+import {BatchedBridge} from 'react-native/react-private-interface';
 
 import type {ReactFabricType} from './ReactNativeTypes';
 

package/Libraries/Renderer/shims/createReactNativeComponentClass.js

@@ -7,12 +7,12 @@
  * @noformat
  * @nolint
  * @flow strict-local
- * @generated SignedSource<<52163887de05f1cff05388145cf85b3b>>
+ * @generated SignedSource<<26e94f747da2450a86c1e314470813f5>>
  */
 
 'use strict';
 
-import {ReactNativeViewConfigRegistry} from '../../ReactPrivate/ReactNativePrivateInterface';
+import {ReactNativeViewConfigRegistry} from 'react-native/react-private-interface';
 import {type ViewConfig} from './ReactNativeTypes';
 
 const {register} = ReactNativeViewConfigRegistry;

package/Libraries/Required/RCTRequired.podspec

@@ -27,4 +27,6 @@ Pod::Spec.new do |s|
   s.source                 = source
   s.source_files           = podspec_sources("**/*.{c,h,m,mm,cpp}", "**/*.h")
   s.header_dir             = "RCTRequired"
+
+  mark_as_react_native_build(s)
 end

package/Libraries/Settings/RCTSettingsManager.mm

@@ -79,7 +79,7 @@ RCT_EXPORT_MODULE()
  * Set one or more values in the settings.
  * TODO: would it be useful to have a callback for when this has completed?
  */
-RCT_EXPORT_METHOD(setValues : (NSDictionary *)values)
+- (void)setValues:(NSDictionary *)values
 {
   _ignoringUpdates = YES;
   [values enumerateKeysAndObjectsUsingBlock:^(NSString *key, id json, BOOL *stop) {
@@ -98,8 +98,9 @@ RCT_EXPORT_METHOD(setValues : (NSDictionary *)values)
 /**
  * Remove some values from the settings.
  */
-RCT_EXPORT_METHOD(deleteValues : (NSArray<NSString *> *)keys)
+- (void)deleteValues:(NSArray *)keysRaw
 {
+  NSArray<NSString *> *keys = [RCTConvert NSStringArray:keysRaw];
   _ignoringUpdates = YES;
   for (NSString *key in keys) {
     [_defaults removeObjectForKey:key];

package/Libraries/Settings/React-RCTSettings.podspec

@@ -50,4 +50,6 @@ Pod::Spec.new do |s|
 
   add_rn_third_party_dependencies(s)
   add_rncore_dependency(s)
+
+  mark_as_react_native_build(s)
 end

package/Libraries/StyleSheet/PlatformColorValueTypes.android.js

@@ -11,15 +11,27 @@
 import type {ProcessedColorValue} from './processColor';
 import type {NativeColorValue} from './StyleSheet';
 
+import parsePlatformColorArgs from './parsePlatformColorArgs';
+
 /** The actual type of the opaque NativeColorValue on Android platform */
 type LocalNativeColorValue = {
   resource_paths?: Array<string>,
+  fallback?: string,
 };
 
-export const PlatformColor = (...names: Array<string>): NativeColorValue => {
+export const PlatformColor = (
+  ...args: Array<string | {fallback: string}>
+): NativeColorValue => {
+  const {names, fallback} = parsePlatformColorArgs(args);
+  // Raw fallback (when present) is passed to native untouched and only parsed
+  // on a token miss.
+  const color: LocalNativeColorValue =
+    fallback == null
+      ? {resource_paths: names}
+      : {resource_paths: names, fallback};
   /* $FlowExpectedError[incompatible-type]
    * LocalNativeColorValue is the actual type of the opaque NativeColorValue on Android platform */
-  return {resource_paths: names} as LocalNativeColorValue;
+  return color as LocalNativeColorValue;
 };
 
 export const normalizeColorObject = (

package/Libraries/StyleSheet/PlatformColorValueTypes.ios.js

@@ -11,9 +11,12 @@
 import type {ProcessedColorValue} from './processColor';
 import type {ColorValue, NativeColorValue} from './StyleSheet';
 
+import parsePlatformColorArgs from './parsePlatformColorArgs';
+
 /** The actual type of the opaque NativeColorValue on iOS platform */
 type LocalNativeColorValue = {
   semantic?: Array<string>,
+  fallback?: string,
   dynamic?: {
     light: ?(ColorValue | ProcessedColorValue),
     dark: ?(ColorValue | ProcessedColorValue),
@@ -22,9 +25,16 @@ type LocalNativeColorValue = {
   },
 };
 
-export const PlatformColor = (...names: Array<string>): NativeColorValue => {
+export const PlatformColor = (
+  ...args: Array<string | {fallback: string}>
+): NativeColorValue => {
+  const {names, fallback} = parsePlatformColorArgs(args);
+  // Raw fallback (when present) is passed to native untouched and only parsed
+  // on a token miss.
+  const color: LocalNativeColorValue =
+    fallback == null ? {semantic: names} : {semantic: names, fallback};
   // $FlowExpectedError[incompatible-type] LocalNativeColorValue is the iOS LocalNativeColorValue type
-  return {semantic: names} as LocalNativeColorValue;
+  return color as LocalNativeColorValue;
 };
 
 export type DynamicColorIOSTuplePrivate = {

package/Libraries/StyleSheet/PlatformColorValueTypes.js.flow

@@ -18,7 +18,7 @@ import type {NativeColorValue} from './StyleSheet';
  * @see https://reactnative.dev/docs/platformcolor#example
  */
 declare export function PlatformColor(
-  ...names: Array<string>
+  ...names: Array<string | {fallback: string}>
 ): NativeColorValue;
 
 declare export function normalizeColorObject(

package/Libraries/StyleSheet/StyleSheet.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -136,6 +136,7 @@ export type TypeForStyleKey<
  * object of styles to pass to a View that can't be precomputed with
  * StyleSheet.create.
  */
+/** @build-types emit-as-interface react-native-web compatibility */
 export type ViewStyle = ____ViewStyle_Internal;
 
 /**
@@ -153,6 +154,7 @@ export type ViewStyle = ____ViewStyle_Internal;
  * object of styles to pass to a Text that can't be precomputed with
  * StyleSheet.create.
  */
+/** @build-types emit-as-interface react-native-web compatibility */
 export type TextStyle = ____TextStyle_Internal;
 
 /**
@@ -170,6 +172,7 @@ export type TextStyle = ____TextStyle_Internal;
  * object of styles to pass to an Image that can't be precomputed with
  * StyleSheet.create.
  */
+/** @build-types emit-as-interface react-native-web compatibility */
 export type ImageStyle = ____ImageStyle_Internal;
 
 /**

package/Libraries/StyleSheet/StyleSheet.js.flow

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -137,6 +137,7 @@ export type TypeForStyleKey<
  * object of styles to pass to a View that can't be precomputed with
  * StyleSheet.create.
  */
+/** @build-types emit-as-interface react-native-web compatibility */
 export type ViewStyle = ____ViewStyle_Internal;
 
 /**
@@ -154,6 +155,7 @@ export type ViewStyle = ____ViewStyle_Internal;
  * object of styles to pass to a Text that can't be precomputed with
  * StyleSheet.create.
  */
+/** @build-types emit-as-interface react-native-web compatibility */
 export type TextStyle = ____TextStyle_Internal;
 
 /**
@@ -171,6 +173,7 @@ export type TextStyle = ____TextStyle_Internal;
  * object of styles to pass to an Image that can't be precomputed with
  * StyleSheet.create.
  */
+/** @build-types emit-as-interface react-native-web compatibility */
 export type ImageStyle = ____ImageStyle_Internal;
 
 /**

package/Libraries/StyleSheet/StyleSheetExports.js.flow

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -86,9 +86,9 @@ declare export const flatten: typeof flattenStyle;
  * internally to process color and transform values. You should not use this
  * unless you really know what you are doing and have exhausted other options.
  */
-declare export const setStyleAttributePreprocessor: (
+declare export const setStyleAttributePreprocessor: <T>(
   property: string,
-  process: (nextProp: any) => any,
+  process: (nextProp: T) => unknown,
 ) => void;
 
 /**

package/Libraries/StyleSheet/StyleSheetTypes.js

@@ -540,12 +540,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  for more details.
    */
   alignSelf?:
-    | 'auto'
-    | 'flex-start'
-    | 'flex-end'
-    | 'center'
-    | 'stretch'
-    | 'baseline',
+    'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline',
 
   /** `alignContent` controls how rows align in the cross direction,
    *  overriding the `alignContent` of the parent.
@@ -736,10 +731,7 @@ type LinearGradientValue = {
 };
 
 type RadialExtent =
-  | 'closest-corner'
-  | 'closest-side'
-  | 'farthest-corner'
-  | 'farthest-side';
+  'closest-corner' | 'closest-side' | 'farthest-corner' | 'farthest-side';
 export type RadialGradientPosition =
   | {
       top: number | string,
@@ -785,10 +777,7 @@ export type BackgroundSizeValue = {
 };
 
 export type BackgroundRepeatKeyword =
-  | 'repeat'
-  | 'space'
-  | 'round'
-  | 'no-repeat';
+  'repeat' | 'space' | 'round' | 'no-repeat';
 
 export type BackgroundPositionValue =
   | {
@@ -904,10 +893,12 @@ export type ____ViewStyle_InternalBase = Readonly<{
   mixBlendMode?: ____BlendMode_Internal,
   backgroundImage?: ReadonlyArray<BackgroundImageValue> | string,
   experimental_backgroundImage?: ReadonlyArray<BackgroundImageValue> | string,
+  backgroundSize?: ReadonlyArray<BackgroundSizeValue> | string,
   experimental_backgroundSize?: ReadonlyArray<BackgroundSizeValue> | string,
+  backgroundPosition?: ReadonlyArray<BackgroundPositionValue> | string,
   experimental_backgroundPosition?:
-    | ReadonlyArray<BackgroundPositionValue>
-    | string,
+    ReadonlyArray<BackgroundPositionValue> | string,
+  backgroundRepeat?: ReadonlyArray<BackgroundRepeatValue> | string,
   experimental_backgroundRepeat?: ReadonlyArray<BackgroundRepeatValue> | string,
   isolation?: 'auto' | 'isolate',
 }>;
@@ -1011,6 +1002,9 @@ export type ____FontVariant_Internal =
 export type ____FontVariantArray_Internal =
   ReadonlyArray<____FontVariant_Internal>;
 
+export type ____FontVariationSettings_Internal =
+  string | Readonly<{[axis: string]: number}>;
+
 type ____TextStyle_InternalBase = Readonly<{
   color?: ____ColorValue_Internal,
   fontFamily?: string,
@@ -1023,6 +1017,13 @@ type ____TextStyle_InternalBase = Readonly<{
    */
   fontWeight?: ____FontWeight_Internal,
   fontVariant?: ____FontVariantArray_Internal | string,
+  /**
+   * Specifies OpenType font variation axis values using CSS syntax or an
+   * object keyed by four-character axis tags. An empty string or object resets
+   * inherited variation settings. On Android, this requires API level 26 or
+   * later.
+   */
+  fontVariationSettings?: ____FontVariationSettings_Internal,
   textShadowOffset?: Readonly<{
     width: number,
     height: number,
@@ -1032,20 +1033,11 @@ type ____TextStyle_InternalBase = Readonly<{
   letterSpacing?: number,
   lineHeight?: number,
   textAlign?:
-    | 'auto'
-    | 'left'
-    | 'right'
-    | 'center'
-    | 'justify'
-    | 'start'
-    | 'end',
+    'auto' | 'left' | 'right' | 'center' | 'justify' | 'start' | 'end',
   textAlignVertical?: 'auto' | 'top' | 'bottom' | 'center',
   includeFontPadding?: boolean,
   textDecorationLine?:
-    | 'none'
-    | 'underline'
-    | 'line-through'
-    | 'underline line-through',
+    'none' | 'underline' | 'line-through' | 'underline line-through',
   textDecorationStyle?: 'solid' | 'double' | 'dotted' | 'dashed' | 'wavy',
   textDecorationColor?: ____ColorValue_Internal,
   textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase',
@@ -1093,12 +1085,7 @@ export type ____DangerouslyImpreciseStyle_Internal = Readonly<{
 }>;
 
 export type StyleProp<out T> =
-  | null
-  | void
-  | T
-  | false
-  | ''
-  | ReadonlyArray<StyleProp<T>>;
+  null | void | T | false | '' | ReadonlyArray<StyleProp<T>>;
 
 export type ____DangerouslyImpreciseStyleProp_Internal = StyleProp<
   Partial<____DangerouslyImpreciseStyle_Internal>,

package/Libraries/StyleSheet/parsePlatformColorArgs.js

@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+/**
+ * Splits the variadic `PlatformColor(...)` arguments into the leading color
+ * token names and the optional trailing `{fallback}` options object. The
+ * per-platform `PlatformColor` implementations differ only in the native object
+ * they build from this result, so the argument parsing is shared here.
+ */
+export default function parsePlatformColorArgs(
+  args: Array<string | {fallback: string}>,
+): {names: Array<string>, fallback: ?string} {
+  const lastArg = args[args.length - 1];
+  if (__DEV__) {
+    args.forEach((arg, index) => {
+      if (typeof arg !== 'object' || arg == null) {
+        return;
+      }
+      if (index !== args.length - 1) {
+        console.error(
+          'PlatformColor: an options object is only honored as the final argument; one in any other position is ignored.',
+        );
+      } else if (typeof arg.fallback !== 'string') {
+        console.error(
+          'PlatformColor: the trailing options object must be of the form {fallback: string}; it is ignored.',
+        );
+      }
+    });
+  }
+  // The {fallback} options object is only honored as the trailing argument.
+  const fallback =
+    lastArg != null &&
+    typeof lastArg === 'object' &&
+    typeof lastArg.fallback === 'string'
+      ? lastArg.fallback
+      : null;
+  // Collect the leading string tokens; a non-string non-trailing arg (a lint
+  // error) is dropped.
+  const names: Array<string> = [];
+  const nameCount = fallback == null ? args.length : args.length - 1;
+  for (let i = 0; i < nameCount; i++) {
+    const arg = args[i];
+    if (typeof arg === 'string') {
+      names.push(arg);
+    }
+  }
+  return {names, fallback};
+}

package/Libraries/StyleSheet/private/_TransformStyle.js

@@ -74,8 +74,7 @@ export type ____TransformStyle_Internal = Readonly<{
               // TODO: what is the actual type it expects?
               | {
                   readonly matrix:
-                    | ReadonlyArray<number | AnimatedNode>
-                    | AnimatedNode,
+                    ReadonlyArray<number | AnimatedNode> | AnimatedNode,
                 },
             >,
           >,
@@ -94,6 +93,5 @@ export type ____TransformStyle_Internal = Readonly<{
    * E.g. transformOrigin: '30% 80% 15px'
    */
   transformOrigin?:
-    | [string | number, string | number, string | number]
-    | string,
+    [string | number, string | number, string | number] | string,
 }>;

package/Libraries/StyleSheet/processBackgroundImage.js

@@ -39,8 +39,7 @@ const LINEAR_GRADIENT_DEFAULT_DIRECTION: LinearGradientDirection = {
 };
 
 type LinearGradientDirection =
-  | {type: 'angle', value: number}
-  | {type: 'keyword', value: string};
+  {type: 'angle', value: number} | {type: 'keyword', value: string};
 
 type LinearGradientBackgroundImage = {
   type: 'linear-gradient',
@@ -77,8 +76,7 @@ type ColorStopColor = ProcessedColorValue | null;
 type ColorStopPosition = number | string | null;
 
 type ParsedBackgroundImageValue =
-  | LinearGradientBackgroundImage
-  | RadialGradientBackgroundImage;
+  LinearGradientBackgroundImage | RadialGradientBackgroundImage;
 
 export default function processBackgroundImage(
   backgroundImage: ?(ReadonlyArray<BackgroundImageValue> | string),
@@ -350,6 +348,11 @@ function parseRadialGradientCSSString(
         size = {x: sizeX, y: sizeY};
       } else {
         hasExplicitSingleSize = true;
+        // The token after the size is not a second size value (e.g. 'at' or a
+        // shape keyword). Put it back so the loop can process it, otherwise
+        // the position would be silently dropped and its values re-parsed as
+        // a new size.
+        firstPartTokens.unshift(token);
       }
     } else if (tokenTrimmed === 'at') {
       let top: string | number;
@@ -564,6 +567,15 @@ function parseRadialGradientCSSString(
       // If a single size is explicitly set and the shape is an ellipse, return null and do not apply any gradient. Same as web.
       return null;
     }
+
+    if (
+      shape === 'circle' &&
+      typeof size === 'object' &&
+      (typeof size.x === 'string' || typeof size.y === 'string')
+    ) {
+      // A circle radius must be a <length>. Percentages are only valid for ellipses, so return null and do not apply any gradient. Same as web.
+      return null;
+    }
   }
 
   const colorStops = parseColorStopsCSSString(remainingParts);

package/Libraries/StyleSheet/processFilter.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format strict-local
  */
 
@@ -51,13 +51,13 @@ export default function processFilter(
   }
 
   if (typeof filter === 'string') {
-    filter = filter.replace(NEWLINE_REGEX, ' ');
+    const normalizedFilter = filter.replace(NEWLINE_REGEX, ' ');
 
     // matches on functions with args and nested functions like "drop-shadow(10 10 10 rgba(0, 0, 0, 1))"
     FILTER_FUNCTION_REGEX.lastIndex = 0;
     let matches;
 
-    while ((matches = FILTER_FUNCTION_REGEX.exec(filter))) {
+    while ((matches = FILTER_FUNCTION_REGEX.exec(normalizedFilter))) {
       let filterName = matches[1].toLowerCase();
       if (filterName === 'drop-shadow') {
         const dropShadow = parseDropShadow(matches[2]);
@@ -83,7 +83,7 @@ export default function processFilter(
           result.push(filterFunction);
         } else {
           // If any primitive is invalid then apply none of the filters. This is how
-          // web works and makes it clear that something is wrong becuase no
+          // web works and makes it clear that something is wrong because no
           // graphical effects are happening.
           return [];
         }
@@ -110,7 +110,7 @@ export default function processFilter(
           result.push(resultObject);
         } else {
           // If any primitive is invalid then apply none of the filters. This is how
-          // web works and makes it clear that something is wrong becuase no
+          // web works and makes it clear that something is wrong because no
           // graphical effects are happening.
           return [];
         }
@@ -159,7 +159,7 @@ function _getFilterAmount(filterName: string, filterArgs: unknown): ?number {
     // blur takes any positive CSS length that is not a percent. In RN
     // we currently only have DIPs, so we are not parsing units here.
     case 'blur':
-      if ((unit && unit !== 'px') || filterArgAsNumber < 0) {
+      if ((Boolean(unit) && unit !== 'px') || filterArgAsNumber < 0) {
         return undefined;
       }
       return filterArgAsNumber;
@@ -173,7 +173,10 @@ function _getFilterAmount(filterName: string, filterArgs: unknown): ?number {
     case 'opacity':
     case 'saturate':
     case 'sepia':
-      if ((unit && unit !== '%' && unit !== 'px') || filterArgAsNumber < 0) {
+      if (
+        (Boolean(unit) && unit !== '%' && unit !== 'px') ||
+        filterArgAsNumber < 0
+      ) {
         return undefined;
       }
       if (unit === '%') {

package/Libraries/StyleSheet/processFontVariationSettings.js

@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+import type {____FontVariationSettings_Internal} from './StyleSheetTypes';
+
+function quoteAxis(axis: string): string {
+  if (
+    axis.length !== 4 ||
+    axis.split('').some(character => {
+      const code = character.charCodeAt(0);
+      return code < 0x20 || code > 0x7e;
+    })
+  ) {
+    throw new Error(
+      `Font variation axis tags must be exactly four printable ASCII characters: ${JSON.stringify(axis)}`,
+    );
+  }
+
+  if (!axis.includes("'")) {
+    return `'${axis}'`;
+  }
+  if (!axis.includes('"')) {
+    return `"${axis}"`;
+  }
+
+  throw new Error(
+    `Font variation axis tags containing both quote characters must use the string form: ${JSON.stringify(axis)}`,
+  );
+}
+
+function processFontVariationSettings(
+  settings: ____FontVariationSettings_Internal,
+): string {
+  if (typeof settings === 'string') {
+    return settings;
+  }
+
+  return Object.keys(settings)
+    .sort()
+    .map(axis => {
+      const value = settings[axis];
+      if (!Number.isFinite(value)) {
+        throw new Error(
+          `Font variation axis values must be finite numbers: ${String(value)}`,
+        );
+      }
+      return `${quoteAxis(axis)} ${String(value)}`;
+    })
+    .join(', ');
+}
+
+export default processFontVariationSettings;

package/Libraries/StyleSheet/processTransformOrigin.js

@@ -4,14 +4,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
 import invariant from 'invariant';
 
 // Pre-compiled regex pattern for performance - avoids regex compilation on each call
-const TRANSFORM_ORIGIN_REGEX = /(top|bottom|left|right|center|\d+(?:%|px)|0)/gi;
+const TRANSFORM_ORIGIN_REGEX =
+  /(top|bottom|left|right|center|-?\d*\.?\d+(?:%|px)|0)/gi;
 
 const INDEX_X = 0;
 const INDEX_Y = 1;
@@ -19,10 +20,11 @@ const INDEX_Z = 2;
 
 /* eslint-disable no-labels */
 export default function processTransformOrigin(
-  transformOrigin: Array<string | number> | string,
+  transformOriginInput: Array<string | number> | string,
 ): Array<string | number> {
-  if (typeof transformOrigin === 'string') {
-    const transformOriginString = transformOrigin;
+  let transformOrigin: Array<string | number>;
+  if (typeof transformOriginInput === 'string') {
+    const transformOriginString = transformOriginInput;
     TRANSFORM_ORIGIN_REGEX.lastIndex = 0;
     const transformOriginArray: Array<string | number> = ['50%', '50%', 0];
 
@@ -110,6 +112,8 @@ export default function processTransformOrigin(
     }
 
     transformOrigin = transformOriginArray;
+  } else {
+    transformOrigin = transformOriginInput;
   }
 
   if (__DEV__) {

package/Libraries/StyleSheet/setNormalizedColorAlpha.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -17,15 +17,16 @@
  * alpha should be number between 0 and 1
  */
 function setNormalizedColorAlpha(input: number, alpha: number): number {
-  if (alpha < 0) {
-    alpha = 0;
-  } else if (alpha > 1) {
-    alpha = 1;
+  let normalizedAlpha = alpha;
+  if (normalizedAlpha < 0) {
+    normalizedAlpha = 0;
+  } else if (normalizedAlpha > 1) {
+    normalizedAlpha = 1;
   }
 
-  alpha = Math.round(alpha * 255);
+  normalizedAlpha = Math.round(normalizedAlpha * 255);
   // magic bitshift guarantees we return an unsigned int
-  return ((input & 0xffffff00) | alpha) >>> 0;
+  return ((input & 0xffffff00) | normalizedAlpha) >>> 0;
 }
 
 export default setNormalizedColorAlpha;

package/Libraries/Text/React-RCTText.podspec

@@ -34,4 +34,6 @@ Pod::Spec.new do |s|
 
   s.dependency "Yoga"
   s.dependency "React-Core/RCTTextHeaders", version
+
+  mark_as_react_native_build(s)
 end