@office-iss/react-native-win32 0.83.0-preview.1 → 0.84.0-preview.2

package/Libraries/StyleSheet/StyleSheetTypes.d.ts

@@ -343,8 +343,8 @@ export type DropShadowValue = {
 export type BoxShadowValue = {
   offsetX: number | string;
   offsetY: number | string;
-  color?: string | undefined;
-  blurRadius?: ColorValue | number | undefined;
+  color?: ColorValue | undefined;
+  blurRadius?: string | number | undefined;
   spreadDistance?: number | string | undefined;
   inset?: boolean | undefined;
 };
@@ -367,7 +367,7 @@ export type BlendMode =
   | 'color'
   | 'luminosity';
 
-export type GradientValue = {
+export type LinearGradientValue = {
   type: 'linear-gradient';
   // Angle or direction enums
   direction?: string | undefined;
@@ -377,6 +377,89 @@ export type GradientValue = {
   }>;
 };
 
+export type GradientValue = LinearGradientValue;
+
+type RadialExtent =
+  | 'closest-corner'
+  | 'closest-side'
+  | 'farthest-corner'
+  | 'farthest-side';
+export type RadialGradientPosition =
+  | {
+      top: number | string;
+      left: number | string;
+    }
+  | {
+      top: number | string;
+      right: number | string;
+    }
+  | {
+      bottom: number | string;
+      left: number | string;
+    }
+  | {
+      bottom: number | string;
+      right: number | string;
+    };
+
+export type RadialGradientShape = 'circle' | 'ellipse';
+export type RadialGradientSize =
+  | RadialExtent
+  | {
+      x: string | number;
+      y: string | number;
+    };
+
+type RadialGradientValue = {
+  type: 'radial-gradient';
+  shape: RadialGradientShape;
+  size: RadialGradientSize;
+  position: RadialGradientPosition;
+  colorStops: ReadonlyArray<{
+    color: ColorValue | null;
+    positions?: ReadonlyArray<string> | undefined;
+  }>;
+};
+
+export type BackgroundImageValue = LinearGradientValue | RadialGradientValue;
+
+export type BackgroundSizeValue =
+  | {
+      x: string | number;
+      y: string | number;
+    }
+  | 'cover'
+  | 'contain';
+
+export type BackgroundRepeatKeyword =
+  | 'repeat'
+  | 'space'
+  | 'round'
+  | 'no-repeat';
+
+export type BackgroundPositionValue =
+  | {
+      top: number | string;
+      left: number | string;
+    }
+  | {
+      top: number | string;
+      right: number | string;
+    }
+  | {
+      bottom: number | string;
+      left: number | string;
+    }
+  | {
+      bottom: number | string;
+      right: number | string;
+    };
+
+export type BackgroundRepeatValue = {
+  x: BackgroundRepeatKeyword;
+  y: BackgroundRepeatKeyword;
+};
+
 /**
  * @see https://reactnative.dev/docs/view#style
  */
@@ -437,7 +520,19 @@ export interface ViewStyle extends FlexStyle, ShadowStyleIOS, TransformsStyle {
 
   mixBlendMode?: BlendMode | undefined;
   experimental_backgroundImage?:
-    | ReadonlyArray<GradientValue>
+    | ReadonlyArray<BackgroundImageValue>
+    | string
+    | undefined;
+  experimental_backgroundSize?:
+    | ReadonlyArray<BackgroundSizeValue>
+    | string
+    | undefined;
+  experimental_backgroundPosition?:
+    | ReadonlyArray<BackgroundPositionValue>
+    | string
+    | undefined;
+  experimental_backgroundRepeat?:
+    | ReadonlyArray<BackgroundRepeatValue>
     | string
     | undefined;
 }

package/Libraries/StyleSheet/StyleSheetTypes.js

@@ -1104,22 +1104,20 @@ export type ____Styles_Internal = {
 // ____FlattenStyleProp_Helper should be considered internal.
 type FlattenDepthLimiter = [void, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
 type ____FlattenStyleProp_Helper<
-  +TStyleProp: StyleProp<mixed>,
+  +TStyleProp: StyleProp<unknown>,
   Depth: $Values<FlattenDepthLimiter> = 9,
 > = Depth extends 0
   ? empty
   : TStyleProp extends null | void | false | ''
-    ? empty
-    : // When TStyleProp is an array, recurse with decremented Depth
-      TStyleProp extends $ReadOnlyArray<infer V>
+    ? empty // When TStyleProp is an array, recurse with decremented Depth
+    : TStyleProp extends $ReadOnlyArray<infer V>
       ? ____FlattenStyleProp_Helper<
           V,
           Depth extends number ? FlattenDepthLimiter[Depth] : 0,
         >
       : TStyleProp;
 
-export type ____FlattenStyleProp_Internal<+TStyleProp: StyleProp<mixed>> =
-  ____FlattenStyleProp_Helper<TStyleProp> extends empty
-    ? // $FlowFixMe[unclear-type]
-      any
+export type ____FlattenStyleProp_Internal<+TStyleProp: StyleProp<unknown>> =
+  ____FlattenStyleProp_Helper<TStyleProp> extends empty // $FlowFixMe[unclear-type]
+    ? any
     : ____FlattenStyleProp_Helper<TStyleProp>;

package/Libraries/StyleSheet/processFilter.js

@@ -115,7 +115,7 @@ export default function processFilter(
   return result;
 }
 
-function _getFilterAmount(filterName: string, filterArgs: mixed): ?number {
+function _getFilterAmount(filterName: string, filterArgs: unknown): ?number {
   let filterArgAsNumber: number;
   let unit: string;
   if (typeof filterArgs === 'string') {

package/Libraries/Text/Text.js

@@ -45,6 +45,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     ref: forwardedRef,
     accessible,
     accessibilityLabel,
+    accessibilityRole,
     accessibilityState,
     allowFontScaling,
     'aria-busy': ariaBusy,
@@ -71,6 +72,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     onResponderTerminationRequest,
     onStartShouldSetResponder,
     pressRetentionOffset,
+    role,
     selectable,
     selectionColor,
     suppressHighlighting,
@@ -149,6 +151,17 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
         onStartShouldSetResponder != null) &&
       _disabled !== true;
 
+    const shouldUseLinkRole =
+      ReactNativeFeatureFlags.shouldUseLinkRoleForPressableText() &&
+      isPressable &&
+      accessibilityRole == null &&
+      role == null;
+
+    const _accessibilityRole =
+      accessibilityRole ?? (shouldUseLinkRole ? 'link' : undefined);
+
+    const _role = shouldUseLinkRole ? undefined : role;
+
     // TODO: Move this processing to the view configuration.
     const _selectionColor =
       selectionColor != null ? processColor(selectionColor) : undefined;
@@ -206,6 +219,9 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     if (_accessibilityLabel !== undefined) {
       processedProps.accessibilityLabel = _accessibilityLabel;
     }
+    if (_accessibilityRole !== undefined) {
+      processedProps.accessibilityRole = _accessibilityRole;
+    }
     if (_accessibilityState !== undefined) {
       processedProps.accessibilityState = _accessibilityState;
     }
@@ -224,6 +240,9 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     if (_selectionColor !== undefined) {
       processedProps.selectionColor = _selectionColor;
     }
+    if (_role !== undefined) {
+      processedProps.role = _role;
+    }
 
     let textPressabilityProps: ?TextPressabilityProps;
     if (isPressable) {
@@ -317,6 +336,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     accessibilityElementsHidden,
     importantForAccessibility,
     accessibilityLabel,
+    accessibilityRole,
     accessibilityState,
     allowFontScaling,
     'aria-busy': ariaBusy,
@@ -343,6 +363,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     onResponderTerminationRequest,
     onStartShouldSetResponder,
     pressRetentionOffset,
+    role,
     selectable,
     selectionColor,
     suppressHighlighting,
@@ -398,6 +419,17 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
         onStartShouldSetResponder != null) &&
       _disabled !== true;
 
+    const shouldUseLinkRole =
+      ReactNativeFeatureFlags.shouldUseLinkRoleForPressableText() &&
+      isPressable &&
+      accessibilityRole == null &&
+      role == null;
+
+    const _accessibilityRole =
+      accessibilityRole ?? (shouldUseLinkRole ? 'link' : undefined);
+
+    const _role = shouldUseLinkRole ? undefined : role;
+
     // TODO: Move this processing to the view configuration.
     const _selectionColor =
       selectionColor != null ? processColor(selectionColor) : undefined;
@@ -462,6 +494,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
               ...restProps,
               accessibilityElementsHidden: _accessibilityElementsHidden,
               accessibilityLabel: _accessibilityLabel,
+              accessibilityRole: _accessibilityRole,
               accessibilityState: _accessibilityState,
               importantForAccessibility: _importantForAccessibility,
               nativeID: _nativeID,
@@ -470,6 +503,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
               selectionColor: _selectionColor,
               style: _style,
               disabled: disabled,
+              role: _role,
               children,
             }}
             textPressabilityProps={{
@@ -495,6 +529,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           {...restProps}
           accessibilityElementsHidden={_accessibilityElementsHidden}
           accessibilityLabel={_accessibilityLabel}
+          accessibilityRole={_accessibilityRole}
           accessibilityState={_accessibilityState}
           importantForAccessibility={_importantForAccessibility}
           nativeID={_nativeID}
@@ -503,7 +538,8 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           selectable={_selectable}
           selectionColor={_selectionColor}
           style={_style}
-          disabled={disabled}>
+          disabled={disabled}
+          role={_role}>
           {children}
         </NativeVirtualText>
       );
@@ -538,6 +574,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
             ...restProps,
             accessibilityElementsHidden: _accessibilityElementsHidden,
             accessibilityLabel: _accessibilityLabel,
+            accessibilityRole: _accessibilityRole,
             accessibilityState: _accessibilityState,
             accessible: _accessible,
             allowFontScaling: allowFontScaling !== false,
@@ -549,6 +586,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
             selectable: _selectable,
             selectionColor: _selectionColor,
             style: _style,
+            role: _role,
             children,
           }}
           textPressabilityProps={{
@@ -573,6 +611,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           {...restProps}
           accessibilityElementsHidden={_accessibilityElementsHidden}
           accessibilityLabel={_accessibilityLabel}
+          accessibilityRole={_accessibilityRole}
           accessibilityState={_accessibilityState}
           accessible={_accessible}
           allowFontScaling={allowFontScaling !== false}
@@ -584,7 +623,8 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           ref={forwardedRef}
           selectable={_selectable}
           selectionColor={_selectionColor}
-          style={_style}>
+          style={_style}
+          role={_role}>
           {children}
         </NativeText>
       );
@@ -628,10 +668,10 @@ const TextImpl: component(
 TextImpl.displayName = 'Text';
 
 type TextPressabilityProps = $ReadOnly<{
-  onLongPress?: ?(event: GestureResponderEvent) => mixed,
-  onPress?: ?(event: GestureResponderEvent) => mixed,
-  onPressIn?: ?(event: GestureResponderEvent) => mixed,
-  onPressOut?: ?(event: GestureResponderEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => unknown,
+  onPress?: ?(event: GestureResponderEvent) => unknown,
+  onPressIn?: ?(event: GestureResponderEvent) => unknown,
+  onPressOut?: ?(event: GestureResponderEvent) => unknown,
   onResponderGrant?: ?(event: GestureResponderEvent) => void,
   onResponderMove?: ?(event: GestureResponderEvent) => void,
   onResponderRelease?: ?(event: GestureResponderEvent) => void,

package/Libraries/Text/Text.win32.js

@@ -45,6 +45,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     ref: forwardedRef,
     accessible,
     accessibilityLabel,
+    accessibilityRole,
     accessibilityState,
     allowFontScaling,
     'aria-busy': ariaBusy,
@@ -87,6 +88,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     onResponderTerminationRequest,
     onStartShouldSetResponder,
     pressRetentionOffset,
+    role,
     selectable,
     selectionColor,
     suppressHighlighting,
@@ -186,6 +188,17 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
         onStartShouldSetResponder != null) &&
       _disabled !== true;
 
+    const shouldUseLinkRole =
+      ReactNativeFeatureFlags.shouldUseLinkRoleForPressableText() &&
+      isPressable &&
+      accessibilityRole == null &&
+      role == null;
+
+    const _accessibilityRole =
+      accessibilityRole ?? (shouldUseLinkRole ? 'link' : undefined);
+
+    const _role = shouldUseLinkRole ? undefined : role;
+
     // TODO: Move this processing to the view configuration.
     const _selectionColor =
       selectionColor != null ? processColor(selectionColor) : undefined;
@@ -243,6 +256,9 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     if (_accessibilityLabel !== undefined) {
       processedProps.accessibilityLabel = _accessibilityLabel;
     }
+    if (_accessibilityRole !== undefined) {
+      processedProps.accessibilityRole = _accessibilityRole;
+    }
     if (_accessibilityState !== undefined) {
       processedProps.accessibilityState = _accessibilityState;
     }
@@ -261,6 +277,9 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     if (_selectionColor !== undefined) {
       processedProps.selectionColor = _selectionColor;
     }
+    if (_role !== undefined) {
+      processedProps.role = _role;
+    }
 
     // [Windows accessibility properties
     if (_accessibilityControls !== undefined) {
@@ -378,6 +397,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     accessibilityElementsHidden,
     importantForAccessibility,
     accessibilityLabel,
+    accessibilityRole,
     accessibilityState,
     allowFontScaling,
     'aria-busy': ariaBusy,
@@ -420,6 +440,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     onResponderTerminationRequest,
     onStartShouldSetResponder,
     pressRetentionOffset,
+    role,
     selectable,
     selectionColor,
     suppressHighlighting,
@@ -495,6 +516,17 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
         onStartShouldSetResponder != null) &&
       _disabled !== true;
 
+    const shouldUseLinkRole =
+      ReactNativeFeatureFlags.shouldUseLinkRoleForPressableText() &&
+      isPressable &&
+      accessibilityRole == null &&
+      role == null;
+
+    const _accessibilityRole =
+      accessibilityRole ?? (shouldUseLinkRole ? 'link' : undefined);
+
+    const _role = shouldUseLinkRole ? undefined : role;
+
     // TODO: Move this processing to the view configuration.
     const _selectionColor =
       selectionColor != null ? processColor(selectionColor) : undefined;
@@ -559,6 +591,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
               ...restProps,
               accessibilityElementsHidden: _accessibilityElementsHidden,
               accessibilityLabel: _accessibilityLabel,
+              accessibilityRole: _accessibilityRole,
               accessibilityState: _accessibilityState,
               importantForAccessibility: _importantForAccessibility,
               // #[ Win32
@@ -575,6 +608,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
               selectionColor: _selectionColor,
               style: _style,
               disabled: disabled,
+              role: _role,
               children,
             }}
             textPressabilityProps={{
@@ -600,6 +634,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           {...restProps}
           accessibilityElementsHidden={_accessibilityElementsHidden}
           accessibilityLabel={_accessibilityLabel}
+          accessibilityRole={_accessibilityRole}
           accessibilityState={_accessibilityState}
           importantForAccessibility={_importantForAccessibility}
           // #[ Win32
@@ -616,7 +651,8 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           selectable={_selectable}
           selectionColor={_selectionColor}
           style={_style}
-          disabled={disabled}>
+          disabled={disabled}
+          role={_role}>
           {children}
         </NativeVirtualText>
       );
@@ -651,6 +687,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
             ...restProps,
             accessibilityElementsHidden: _accessibilityElementsHidden,
             accessibilityLabel: _accessibilityLabel,
+            accessibilityRole: _accessibilityRole,
             accessibilityState: _accessibilityState,
             accessible: _accessible,
             allowFontScaling: allowFontScaling !== false,
@@ -662,6 +699,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
             selectable: _selectable,
             selectionColor: _selectionColor,
             style: _style,
+            role: _role,
             children,
           }}
           textPressabilityProps={{
@@ -686,6 +724,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           {...restProps}
           accessibilityElementsHidden={_accessibilityElementsHidden}
           accessibilityLabel={_accessibilityLabel}
+          accessibilityRole={_accessibilityRole}
           accessibilityState={_accessibilityState}
           accessible={_accessible}
           allowFontScaling={allowFontScaling !== false}
@@ -697,7 +736,8 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           ref={forwardedRef}
           selectable={_selectable}
           selectionColor={_selectionColor}
-          style={_style}>
+          style={_style}
+          role={_role}>
           {children}
         </NativeText>
       );
@@ -741,10 +781,10 @@ const TextImpl: component(
 TextImpl.displayName = 'Text';
 
 type TextPressabilityProps = $ReadOnly<{
-  onLongPress?: ?(event: GestureResponderEvent) => mixed,
-  onPress?: ?(event: GestureResponderEvent) => mixed,
-  onPressIn?: ?(event: GestureResponderEvent) => mixed,
-  onPressOut?: ?(event: GestureResponderEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => unknown,
+  onPress?: ?(event: GestureResponderEvent) => unknown,
+  onPressIn?: ?(event: GestureResponderEvent) => unknown,
+  onPressOut?: ?(event: GestureResponderEvent) => unknown,
   onResponderGrant?: ?(event: GestureResponderEvent) => void,
   onResponderMove?: ?(event: GestureResponderEvent) => void,
   onResponderRelease?: ?(event: GestureResponderEvent) => void,

package/Libraries/Text/TextNativeComponent.js

@@ -21,7 +21,7 @@ export type NativeTextProps = $ReadOnly<{
   ...TextProps,
   isHighlighted?: ?boolean,
   selectionColor?: ?ProcessedColorValue,
-  onClick?: ?(event: GestureResponderEvent) => mixed,
+  onClick?: ?(event: GestureResponderEvent) => unknown,
   // This is only needed for platforms that optimize text hit testing, e.g.,
   // react-native-windows. It can be used to only hit test virtual text spans
   // that have pressable events attached to them.

package/Libraries/Text/TextNativeComponent.win32.js

@@ -21,7 +21,7 @@ export type NativeTextProps = $ReadOnly<{
   ...TextProps,
   isHighlighted?: ?boolean,
   selectionColor?: ?ProcessedColorValue,
-  onClick?: ?(event: GestureResponderEvent) => mixed,
+  onClick?: ?(event: GestureResponderEvent) => unknown,
   // This is only needed for platforms that optimize text hit testing, e.g.,
   // react-native-windows. It can be used to only hit test virtual text spans
   // that have pressable events attached to them.

package/Libraries/Text/TextProps.js

@@ -122,7 +122,7 @@ export type TextPropsAndroid = {
 };
 
 type TextBaseProps = $ReadOnly<{
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,
 
   /**
    * Whether fonts should scale to respect Text Size accessibility settings.
@@ -204,7 +204,7 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onlayout
    */
-  onLayout?: ?(event: LayoutChangeEvent) => mixed,
+  onLayout?: ?(event: LayoutChangeEvent) => unknown,
 
   /**
    * This function is called on long press.
@@ -212,7 +212,7 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onlongpress
    */
-  onLongPress?: ?(event: GestureResponderEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => unknown,
 
   /**
    * This function is called on press.
@@ -220,9 +220,9 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onpress
    */
-  onPress?: ?(event: GestureResponderEvent) => mixed,
-  onPressIn?: ?(event: GestureResponderEvent) => mixed,
-  onPressOut?: ?(event: GestureResponderEvent) => mixed,
+  onPress?: ?(event: GestureResponderEvent) => unknown,
+  onPressIn?: ?(event: GestureResponderEvent) => unknown,
+  onPressOut?: ?(event: GestureResponderEvent) => unknown,
   onResponderGrant?: ?(event: GestureResponderEvent) => void,
   onResponderMove?: ?(event: GestureResponderEvent) => void,
   onResponderRelease?: ?(event: GestureResponderEvent) => void,
@@ -230,7 +230,7 @@ type TextBaseProps = $ReadOnly<{
   onResponderTerminationRequest?: ?() => boolean,
   onStartShouldSetResponder?: ?() => boolean,
   onMoveShouldSetResponder?: ?() => boolean,
-  onTextLayout?: ?(event: TextLayoutEvent) => mixed,
+  onTextLayout?: ?(event: TextLayoutEvent) => unknown,
 
   /**
    * Defines how far your touch may move off of the button, before

package/Libraries/Text/TextProps.win32.js

@@ -122,7 +122,7 @@ export type TextPropsAndroid = {
 };
 
 type TextBaseProps = $ReadOnly<{
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,
   accessibilityControls?: ?Stringish, // Win32
   accessibilityDescribedBy?: ?Stringish, // Win32
   accessibilityDescription?: ?Stringish, // Win32
@@ -218,7 +218,7 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onlayout
    */
-  onLayout?: ?(event: LayoutChangeEvent) => mixed,
+  onLayout?: ?(event: LayoutChangeEvent) => unknown,
 
   /**
    * This function is called on long press.
@@ -226,7 +226,7 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onlongpress
    */
-  onLongPress?: ?(event: GestureResponderEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => unknown,
 
   /**
    * This function is called on press.
@@ -234,9 +234,9 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onpress
    */
-  onPress?: ?(event: GestureResponderEvent) => mixed,
-  onPressIn?: ?(event: GestureResponderEvent) => mixed,
-  onPressOut?: ?(event: GestureResponderEvent) => mixed,
+  onPress?: ?(event: GestureResponderEvent) => unknown,
+  onPressIn?: ?(event: GestureResponderEvent) => unknown,
+  onPressOut?: ?(event: GestureResponderEvent) => unknown,
   onResponderGrant?: ?(event: GestureResponderEvent) => void,
   onResponderMove?: ?(event: GestureResponderEvent) => void,
   onResponderRelease?: ?(event: GestureResponderEvent) => void,
@@ -244,7 +244,7 @@ type TextBaseProps = $ReadOnly<{
   onResponderTerminationRequest?: ?() => boolean,
   onStartShouldSetResponder?: ?() => boolean,
   onMoveShouldSetResponder?: ?() => boolean,
-  onTextLayout?: ?(event: TextLayoutEvent) => mixed,
+  onTextLayout?: ?(event: TextLayoutEvent) => unknown,
 
   /**
    * Defines how far your touch may move off of the button, before

package/Libraries/Types/CodegenTypes.js

@@ -31,7 +31,7 @@ export type Float = number;
 export type Int32 = number;
 /* $FlowFixMe[unclear-type] Object is forbidden in strict mode */
 export type UnsafeObject = Object;
-export type UnsafeMixed = mixed;
+export type UnsafeMixed = unknown;
 
 type DefaultTypes = number | boolean | string | $ReadOnlyArray<string>;
 // Default handling, ignore the unused value

package/Libraries/Types/CoreEventTypes.js

@@ -322,3 +322,34 @@ export type MouseEvent = NativeSyntheticEvent<
     timestamp: number,
   }>,
 >;
+
+export type KeyEvent = $ReadOnly<{
+  /**
+   * The actual key that was pressed. For example, F would be "f" or "F" depending on the shift key.
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key
+   */
+  key: string,
+  /**
+   * The key code of the key that was pressed. For example, F would be "KeyF"
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code
+   */
+  code: string,
+  altKey: boolean,
+  ctrlKey: boolean,
+  metaKey: boolean,
+  shiftKey: boolean,
+  /**
+   * A boolean value that is true if the given key is being held down such that it is automatically repeating.
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat
+   */
+  repeat?: boolean,
+  /**
+   * Returns a boolean value indicating if the event is fired within a composition session
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent/isComposing
+   */
+  isComposing?: boolean,
+}>;
+
+export type KeyUpEvent = NativeSyntheticEvent<KeyEvent>;
+
+export type KeyDownEvent = NativeSyntheticEvent<KeyEvent>;