react-native 0.87.0-rc.2 → 0.87.0-rc.3

package/types_generated/Libraries/StyleSheet/StyleSheetTypes.d.ts

@@ -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.
  *
- * @generated SignedSource<<84b0894dca378b4dc652fec1a52e3abd>>
+ * @generated SignedSource<<13efca0945b93b821e52cc043896aa47>>
  *
  * This file was translated from Flow by scripts/js-api/build-types/index.js.
  * Original file: packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js
@@ -65,21 +65,21 @@ type ____LayoutStyle_Internal = Readonly<{
    *  It works similarly to `display` in CSS, but only support 'flex' and 'none'.
    *  'flex' is the default.
    */
-  display?: "none" | "flex" | "contents";
+  display?: "none" | "flex" | "contents" | undefined;
   /** `width` sets the width of this component.
    *
    *  It works similarly to `width` in CSS, but in React Native you
    *  must use points or percentages. Ems and other units are not supported.
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/width for more details.
    */
-  width?: DimensionValue;
+  width?: DimensionValue | undefined;
   /** `height` sets the height of this component.
    *
    *  It works similarly to `height` in CSS, but in React Native you
    *  must use points or percentages. Ems and other units are not supported.
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/height for more details.
    */
-  height?: DimensionValue;
+  height?: DimensionValue | undefined;
   /** `bottom` is the number of logical pixels to offset the bottom edge of
    *  this component.
    *
@@ -89,14 +89,14 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/bottom
    *  for more details of how `bottom` affects layout.
    */
-  bottom?: DimensionValue;
+  bottom?: DimensionValue | undefined;
   /**
    * When the direction is `ltr`, `end` is equivalent to `right`.
    * When the direction is `rtl`, `end` is equivalent to `left`.
    *
    * This style takes precedence over the `left` and `right` styles.
    */
-  end?: DimensionValue;
+  end?: DimensionValue | undefined;
   /** `left` is the number of logical pixels to offset the left edge of
    *  this component.
    *
@@ -106,7 +106,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/left
    *  for more details of how `left` affects layout.
    */
-  left?: DimensionValue;
+  left?: DimensionValue | undefined;
   /** `right` is the number of logical pixels to offset the right edge of
    *  this component.
    *
@@ -116,14 +116,14 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/right
    *  for more details of how `right` affects layout.
    */
-  right?: DimensionValue;
+  right?: DimensionValue | undefined;
   /**
    * When the direction is `ltr`, `start` is equivalent to `left`.
    * When the direction is `rtl`, `start` is equivalent to `right`.
    *
    * This style takes precedence over the `left`, `right`, and `end` styles.
    */
-  start?: DimensionValue;
+  start?: DimensionValue | undefined;
   /** `top` is the number of logical pixels to offset the top edge of
    *  this component.
    *
@@ -133,7 +133,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/top
    *  for more details of how `top` affects layout.
    */
-  top?: DimensionValue;
+  top?: DimensionValue | undefined;
   /** `inset` is a shorthand that corresponds to the top, right, bottom, and/or left properties.
    *
    *  It works similarly to `inset` in CSS, but in React Native you
@@ -142,7 +142,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/inset
    *  for more details of how `inset` affects layout.
    */
-  inset?: DimensionValue;
+  inset?: DimensionValue | undefined;
   /** `insetBlock` is a shorthand that corresponds to the `insetBlockStart` and `insetBlockEnd` properties.
    *
    *  It works similarly to `inset-block` in CSS, but in React Native you
@@ -151,7 +151,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block
    *  for more details of how `inset-block` affects layout.
    */
-  insetBlock?: DimensionValue;
+  insetBlock?: DimensionValue | undefined;
   /** `insetBlockEnd` is a logical property that sets the length that an
    *  element is offset in the block direction from its ending edge.
    *
@@ -161,7 +161,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block-end
    *  for more details of how `inset-block-end` affects layout.
    */
-  insetBlockEnd?: DimensionValue;
+  insetBlockEnd?: DimensionValue | undefined;
   /** `insetBlockStart` is a logical property that sets the length that an
    *  element is offset in the block direction from its starting edge.
    *
@@ -171,7 +171,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block-start
    *  for more details of how `inset-block-start` affects layout.
    */
-  insetBlockStart?: DimensionValue;
+  insetBlockStart?: DimensionValue | undefined;
   /** `insetInline` is a shorthand that corresponds to the `insetInlineStart` and `insetInlineEnd` properties.
    *
    *  It works similarly to `inset-inline` in CSS, but in React Native you
@@ -180,7 +180,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline
    *  for more details of how `inset-inline` affects layout.
    */
-  insetInline?: DimensionValue;
+  insetInline?: DimensionValue | undefined;
   /** `insetInlineEnd` is a logical property that sets the length that an
    *  element is offset in the starting inline direction.
    *
@@ -190,7 +190,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-end
    *  for more details of how `inset-inline-end` affects layout.
    */
-  insetInlineEnd?: DimensionValue;
+  insetInlineEnd?: DimensionValue | undefined;
   /** `insetInlineStart` is a logical property that sets the length that an
    *  element is offset in the starting inline direction.
    *
@@ -200,7 +200,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-start
    *  for more details of how `inset-inline-start` affects layout.
    */
-  insetInlineStart?: DimensionValue;
+  insetInlineStart?: DimensionValue | undefined;
   /** `minWidth` is the minimum width for this component, in logical pixels.
    *
    *  It works similarly to `min-width` in CSS, but in React Native you
@@ -209,7 +209,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/min-width
    *  for more details.
    */
-  minWidth?: DimensionValue;
+  minWidth?: DimensionValue | undefined;
   /** `maxWidth` is the maximum width for this component, in logical pixels.
    *
    *  It works similarly to `max-width` in CSS, but in React Native you
@@ -218,7 +218,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/max-width
    *  for more details.
    */
-  maxWidth?: DimensionValue;
+  maxWidth?: DimensionValue | undefined;
   /** `minHeight` is the minimum height for this component, in logical pixels.
    *
    *  It works similarly to `min-height` in CSS, but in React Native you
@@ -227,7 +227,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/min-height
    *  for more details.
    */
-  minHeight?: DimensionValue;
+  minHeight?: DimensionValue | undefined;
   /** `maxHeight` is the maximum height for this component, in logical pixels.
    *
    *  It works similarly to `max-height` in CSS, but in React Native you
@@ -236,190 +236,190 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/max-height
    *  for more details.
    */
-  maxHeight?: DimensionValue;
+  maxHeight?: DimensionValue | undefined;
   /** Setting `margin` has the same effect as setting each of
    *  `marginTop`, `marginLeft`, `marginBottom`, and `marginRight`.
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin
    *  for more details.
    */
-  margin?: DimensionValue;
+  margin?: DimensionValue | undefined;
   /** Setting `marginBlock` has the same effect as setting both
    *  `marginTop` and `marginBottom`.
    */
-  marginBlock?: DimensionValue;
+  marginBlock?: DimensionValue | undefined;
   /** `marginBlockEnd` works like `margin-block-end`in CSS. Because React
    *  Native doesn not support `writing-mode` this is always mapped to
    *  `margin-bottom`. See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-end
    *  for more details.
    */
-  marginBlockEnd?: DimensionValue;
+  marginBlockEnd?: DimensionValue | undefined;
   /** `marginBlockEnd` works like `margin-block-end`in CSS. Because React
    *  Native doesn not support `writing-mode` this is always mapped to
    *  `margin-top`. See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-end
    *  for more details.
    */
-  marginBlockStart?: DimensionValue;
+  marginBlockStart?: DimensionValue | undefined;
   /** `marginBottom` works like `margin-bottom` in CSS.
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-start
    *  for more details.
    */
-  marginBottom?: DimensionValue;
+  marginBottom?: DimensionValue | undefined;
   /**
    * When direction is `ltr`, `marginEnd` is equivalent to `marginRight`.
    * When direction is `rtl`, `marginEnd` is equivalent to `marginLeft`.
    */
-  marginEnd?: DimensionValue;
+  marginEnd?: DimensionValue | undefined;
   /** Setting `marginHorizontal` has the same effect as setting
    *  both `marginLeft` and `marginRight`.
    */
-  marginHorizontal?: DimensionValue;
+  marginHorizontal?: DimensionValue | undefined;
   /** Setting `marginInline` has the same effect as setting
    *  both `marginLeft` and `marginRight`.
    */
-  marginInline?: DimensionValue;
+  marginInline?: DimensionValue | undefined;
   /**
    * When direction is `ltr`, `marginInlineEnd` is equivalent to `marginRight`.
    * When direction is `rtl`, `marginInlineEnd` is equivalent to `marginLeft`.
    */
-  marginInlineEnd?: DimensionValue;
+  marginInlineEnd?: DimensionValue | undefined;
   /**
    * When direction is `ltr`, `marginInlineStart` is equivalent to `marginLeft`.
    * When direction is `rtl`, `marginInlineStart` is equivalent to `marginRight`.
    */
-  marginInlineStart?: DimensionValue;
+  marginInlineStart?: DimensionValue | undefined;
   /** `marginLeft` works like `margin-left` in CSS.
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
    *  for more details.
    */
-  marginLeft?: DimensionValue;
+  marginLeft?: DimensionValue | undefined;
   /** `marginRight` works like `margin-right` in CSS.
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
    *  for more details.
    */
-  marginRight?: DimensionValue;
+  marginRight?: DimensionValue | undefined;
   /**
    * When direction is `ltr`, `marginStart` is equivalent to `marginLeft`.
    * When direction is `rtl`, `marginStart` is equivalent to `marginRight`.
    */
-  marginStart?: DimensionValue;
+  marginStart?: DimensionValue | undefined;
   /** `marginTop` works like `margin-top` in CSS.
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
    *  for more details.
    */
-  marginTop?: DimensionValue;
+  marginTop?: DimensionValue | undefined;
   /** Setting `marginVertical` has the same effect as setting both
    *  `marginTop` and `marginBottom`.
    */
-  marginVertical?: DimensionValue;
+  marginVertical?: DimensionValue | undefined;
   /** Setting `padding` has the same effect as setting each of
    *  `paddingTop`, `paddingBottom`, `paddingLeft`, and `paddingRight`.
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/padding
    *  for more details.
    */
-  padding?: DimensionValue;
+  padding?: DimensionValue | undefined;
   /** Setting `paddingBlock` is like setting both of
    *  `paddingTop` and `paddingBottom`.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block
    * for more details.
    */
-  paddingBlock?: DimensionValue;
+  paddingBlock?: DimensionValue | undefined;
   /** `paddingBlockEnd` works like `padding-bottom` in CSS.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-end
    * for more details.
    */
-  paddingBlockEnd?: DimensionValue;
+  paddingBlockEnd?: DimensionValue | undefined;
   /** `paddingBlockStart` works like `padding-top` in CSS.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-start
    * for more details.
    */
-  paddingBlockStart?: DimensionValue;
+  paddingBlockStart?: DimensionValue | undefined;
   /** `paddingBottom` works like `padding-bottom` in CSS.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
    * for more details.
    */
-  paddingBottom?: DimensionValue;
+  paddingBottom?: DimensionValue | undefined;
   /**
    * When direction is `ltr`, `paddingEnd` is equivalent to `paddingRight`.
    * When direction is `rtl`, `paddingEnd` is equivalent to `paddingLeft`.
    */
-  paddingEnd?: DimensionValue;
+  paddingEnd?: DimensionValue | undefined;
   /** Setting `paddingHorizontal` is like setting both of
    *  `paddingLeft` and `paddingRight`.
    */
-  paddingHorizontal?: DimensionValue;
+  paddingHorizontal?: DimensionValue | undefined;
   /** Setting `paddingInline` is like setting both of
    *  `paddingLeft` and `paddingRight`.
    */
-  paddingInline?: DimensionValue;
+  paddingInline?: DimensionValue | undefined;
   /**
    * When direction is `ltr`, `paddingInlineEnd` is equivalent to `paddingRight`.
    * When direction is `rtl`, `paddingInlineEnd` is equivalent to `paddingLeft`.
    */
-  paddingInlineEnd?: DimensionValue;
+  paddingInlineEnd?: DimensionValue | undefined;
   /**
    * When direction is `ltr`, `paddingInlineStart` is equivalent to `paddingLeft`.
    * When direction is `rtl`, `paddingInlineStart` is equivalent to `paddingRight`.
    */
-  paddingInlineStart?: DimensionValue;
+  paddingInlineStart?: DimensionValue | undefined;
   /** `paddingLeft` works like `padding-left` in CSS.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
    * for more details.
    */
-  paddingLeft?: DimensionValue;
+  paddingLeft?: DimensionValue | undefined;
   /** `paddingRight` works like `padding-right` in CSS.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
    * for more details.
    */
-  paddingRight?: DimensionValue;
+  paddingRight?: DimensionValue | undefined;
   /**
    * When direction is `ltr`, `paddingStart` is equivalent to `paddingLeft`.
    * When direction is `rtl`, `paddingStart` is equivalent to `paddingRight`.
    */
-  paddingStart?: DimensionValue;
+  paddingStart?: DimensionValue | undefined;
   /** `paddingTop` works like `padding-top` in CSS.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
    * for more details.
    */
-  paddingTop?: DimensionValue;
+  paddingTop?: DimensionValue | undefined;
   /** Setting `paddingVertical` is like setting both of
    *  `paddingTop` and `paddingBottom`.
    */
-  paddingVertical?: DimensionValue;
+  paddingVertical?: DimensionValue | undefined;
   /** `borderWidth` works like `border-width` in CSS.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-width
    * for more details.
    */
-  borderWidth?: number;
+  borderWidth?: number | undefined;
   /** `borderBottomWidth` works like `border-bottom-width` in CSS.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width
    * for more details.
    */
-  borderBottomWidth?: number;
+  borderBottomWidth?: number | undefined;
   /**
    * When direction is `ltr`, `borderEndWidth` is equivalent to `borderRightWidth`.
    * When direction is `rtl`, `borderEndWidth` is equivalent to `borderLeftWidth`.
    */
-  borderEndWidth?: number;
+  borderEndWidth?: number | undefined;
   /** `borderLeftWidth` works like `border-left-width` in CSS.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width
    * for more details.
    */
-  borderLeftWidth?: number;
+  borderLeftWidth?: number | undefined;
   /** `borderRightWidth` works like `border-right-width` in CSS.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width
    * for more details.
    */
-  borderRightWidth?: number;
+  borderRightWidth?: number | undefined;
   /**
    * When direction is `ltr`, `borderStartWidth` is equivalent to `borderLeftWidth`.
    * When direction is `rtl`, `borderStartWidth` is equivalent to `borderRightWidth`.
    */
-  borderStartWidth?: number;
+  borderStartWidth?: number | undefined;
   /** `borderTopWidth` works like `border-top-width` in CSS.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width
    * for more details.
    */
-  borderTopWidth?: number;
+  borderTopWidth?: number | undefined;
   /** `position` in React Native is similar to regular CSS, but
    *  everything is set to `relative` by default.
    *
@@ -437,7 +437,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  for more details on how `position` differs between React Native
    *  and CSS.
    */
-  position?: "absolute" | "relative" | "static";
+  position?: "absolute" | "relative" | "static" | undefined;
   /** `flexDirection` controls which directions children of a container go.
    *  `row` goes left to right, `column` goes top to bottom, and you may
    *  be able to guess what the other two do. It works like `flex-direction`
@@ -445,14 +445,14 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
    *  for more details.
    */
-  flexDirection?: "row" | "row-reverse" | "column" | "column-reverse";
+  flexDirection?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
   /** `flexWrap` controls whether children can wrap around after they
    *  hit the end of a flex container.
    *  It works like `flex-wrap` in CSS (default: nowrap).
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
    *  for more details.
    */
-  flexWrap?: "wrap" | "nowrap" | "wrap-reverse";
+  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
   /** `justifyContent` aligns children in the main direction.
    *  For example, if children are flowing vertically, `justifyContent`
    *  controls how they align vertically.
@@ -460,7 +460,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
    *  for more details.
    */
-  justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+  justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
   /** `alignItems` aligns children in the cross direction.
    *  For example, if children are flowing vertically, `alignItems`
    *  controls how they align horizontally.
@@ -468,20 +468,20 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
    *  for more details.
    */
-  alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+  alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
   /** `alignSelf` controls how a child aligns in the cross direction,
    *  overriding the `alignItems` of the parent. It works like `align-self`
    *  in CSS (default: auto).
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
    *  for more details.
    */
-  alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+  alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
   /** `alignContent` controls how rows align in the cross direction,
    *  overriding the `alignContent` of the parent.
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
    *  for more details.
    */
-  alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly";
+  alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
   /** `overflow` controls how children are measured and displayed.
    *  `overflow: hidden` causes views to be clipped while `overflow: scroll`
    *  causes views to be measured independently of their parents main axis.
@@ -491,7 +491,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  `overflow: visible` only works on iOS. On Android, all views will clip
    *  their children.
    */
-  overflow?: "visible" | "hidden" | "scroll";
+  overflow?: "visible" | "hidden" | "scroll" | undefined;
   /** In React Native `flex` does not work the same way that it does in CSS.
    *  `flex` is a number rather than a string, and it works
    *  according to the `Yoga` library
@@ -511,10 +511,10 @@ type ____LayoutStyle_Internal = Readonly<{
    *
    * flexGrow, flexShrink, and flexBasis work the same as in CSS.
    */
-  flex?: number;
-  flexGrow?: number;
-  flexShrink?: number;
-  flexBasis?: number | string;
+  flex?: number | undefined;
+  flexGrow?: number | undefined;
+  flexShrink?: number | undefined;
+  flexBasis?: number | string | undefined;
   /**
    * Aspect ratio control the size of the undefined dimension of a node.
    *
@@ -532,7 +532,7 @@ type ____LayoutStyle_Internal = Readonly<{
    * - aspectRatio: '1'
    * - aspectRatio: '1'
    */
-  aspectRatio?: number | string;
+  aspectRatio?: number | string | undefined;
   /**
    * Box sizing controls whether certain size properties apply to the node's
    * content box or border box. The size properties in question include `width`,
@@ -544,7 +544,7 @@ type ____LayoutStyle_Internal = Readonly<{
    * under `boxSizing: border-box` and 120px by 70px under
    * `boxSizing: content-box`.
    */
-  boxSizing?: "border-box" | "content-box";
+  boxSizing?: "border-box" | "content-box" | undefined;
   /** `zIndex` controls which components display on top of others.
    *  Normally, you don't use `zIndex`. Components render according to
    *  their order in the document tree, so later components draw over
@@ -557,7 +557,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  See https://developer.mozilla.org/en-US/docs/Web/CSS/z-index for
    *  more details.
    */
-  zIndex?: number;
+  zIndex?: number | undefined;
   /** `direction` specifies the directional flow of the user interface.
    *  The default is `inherit`, except for root node which will have
    *  value based on the current locale.
@@ -565,7 +565,7 @@ type ____LayoutStyle_Internal = Readonly<{
    *  for more details.
    *  @platform ios
    */
-  direction?: "inherit" | "ltr" | "rtl";
+  direction?: "inherit" | "ltr" | "rtl" | undefined;
   /**
    * In React Native, gap works the same way it does in CSS.
    * If there are two or more children in a container, they will be separated from each other
@@ -575,9 +575,9 @@ type ____LayoutStyle_Internal = Readonly<{
    * between children may be larger than the gap value.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/gap for more details.
    */
-  rowGap?: number | string;
-  columnGap?: number | string;
-  gap?: number | string;
+  rowGap?: number | string | undefined;
+  columnGap?: number | string | undefined;
+  gap?: number | string | undefined;
 }>;
 /**
  * These props can be used to dynamically generate shadows on views, images, text, etc.
@@ -594,25 +594,25 @@ export type ____ShadowStyle_InternalCore = Readonly<{
    * Sets the drop shadow color
    * @platform ios
    */
-  shadowColor?: ____ColorValue_Internal;
+  shadowColor?: ____ColorValue_Internal | undefined;
   /**
    * Sets the drop shadow offset
    * @platform ios
    */
   shadowOffset?: Readonly<{
-    width?: number;
-    height?: number;
-  }>;
+    width?: number | undefined;
+    height?: number | undefined;
+  }> | undefined;
   /**
    * Sets the drop shadow opacity (multiplied by the color's alpha component)
    * @platform ios
    */
-  shadowOpacity?: number;
+  shadowOpacity?: number | undefined;
   /**
    * Sets the drop shadow blur radius
    * @platform ios
    */
-  shadowRadius?: number;
+  shadowRadius?: number | undefined;
 }>;
 export type ____ShadowStyle_Internal = Readonly<Omit<____ShadowStyle_InternalCore, keyof ____ShadowStyle_InternalOverrides | keyof {}> & Omit<____ShadowStyle_InternalOverrides, keyof {}> & {}>;
 export type FilterFunction = {
@@ -639,15 +639,15 @@ export type FilterFunction = {
 export type DropShadowValue = {
   offsetX: number | string;
   offsetY: number | string;
-  standardDeviation?: number | string;
-  color?: ____ColorValue_Internal;
+  standardDeviation?: number | string | undefined;
+  color?: ____ColorValue_Internal | undefined;
 };
 type LinearGradientValue = {
   type: "linear-gradient";
-  direction?: string;
+  direction?: string | undefined;
   colorStops: ReadonlyArray<{
     color: ____ColorValue_Internal;
-    positions?: ReadonlyArray<string>;
+    positions?: ReadonlyArray<string> | undefined;
   }>;
 };
 type RadialExtent = "closest-corner" | "closest-side" | "farthest-corner" | "farthest-side";
@@ -676,7 +676,7 @@ type RadialGradientValue = {
   position: RadialGradientPosition;
   colorStops: ReadonlyArray<{
     color: ____ColorValue_Internal;
-    positions?: ReadonlyArray<string>;
+    positions?: ReadonlyArray<string> | undefined;
   }>;
 };
 export type BackgroundImageValue = LinearGradientValue | RadialGradientValue;
@@ -705,56 +705,56 @@ export type BackgroundRepeatValue = {
 export type BoxShadowValue = {
   offsetX: number | string;
   offsetY: number | string;
-  color?: ____ColorValue_Internal;
-  blurRadius?: number | string;
-  spreadDistance?: number | string;
-  inset?: boolean;
+  color?: ____ColorValue_Internal | undefined;
+  blurRadius?: number | string | undefined;
+  spreadDistance?: number | string | undefined;
+  inset?: boolean | undefined;
 };
 type ____BlendMode_Internal = "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity" | "plus-lighter";
 export type ____ViewStyle_InternalBase = Readonly<{
-  backfaceVisibility?: "visible" | "hidden";
-  backgroundColor?: ____ColorValue_Internal;
-  borderColor?: ____ColorValue_Internal;
+  backfaceVisibility?: "visible" | "hidden" | undefined;
+  backgroundColor?: ____ColorValue_Internal | undefined;
+  borderColor?: ____ColorValue_Internal | undefined;
   /**
    * On iOS 13+, it is possible to change the corner curve of borders.
    * @platform ios
    */
-  borderCurve?: "circular" | "continuous";
-  borderBottomColor?: ____ColorValue_Internal;
-  borderEndColor?: ____ColorValue_Internal;
-  borderLeftColor?: ____ColorValue_Internal;
-  borderRightColor?: ____ColorValue_Internal;
-  borderStartColor?: ____ColorValue_Internal;
-  borderTopColor?: ____ColorValue_Internal;
-  borderBlockColor?: ____ColorValue_Internal;
-  borderBlockEndColor?: ____ColorValue_Internal;
-  borderBlockStartColor?: ____ColorValue_Internal;
-  borderRadius?: number | string;
-  borderBottomEndRadius?: number | string;
-  borderBottomLeftRadius?: number | string;
-  borderBottomRightRadius?: number | string;
-  borderBottomStartRadius?: number | string;
-  borderEndEndRadius?: number | string;
-  borderEndStartRadius?: number | string;
-  borderStartEndRadius?: number | string;
-  borderStartStartRadius?: number | string;
-  borderTopEndRadius?: number | string;
-  borderTopLeftRadius?: number | string;
-  borderTopRightRadius?: number | string;
-  borderTopStartRadius?: number | string;
-  borderStyle?: "solid" | "dotted" | "dashed";
-  borderWidth?: number;
-  borderBottomWidth?: number;
-  borderEndWidth?: number;
-  borderLeftWidth?: number;
-  borderRightWidth?: number;
-  borderStartWidth?: number;
-  borderTopWidth?: number;
-  opacity?: number;
-  outlineColor?: ____ColorValue_Internal;
-  outlineOffset?: number;
-  outlineStyle?: "solid" | "dotted" | "dashed";
-  outlineWidth?: number;
+  borderCurve?: "circular" | "continuous" | undefined;
+  borderBottomColor?: ____ColorValue_Internal | undefined;
+  borderEndColor?: ____ColorValue_Internal | undefined;
+  borderLeftColor?: ____ColorValue_Internal | undefined;
+  borderRightColor?: ____ColorValue_Internal | undefined;
+  borderStartColor?: ____ColorValue_Internal | undefined;
+  borderTopColor?: ____ColorValue_Internal | undefined;
+  borderBlockColor?: ____ColorValue_Internal | undefined;
+  borderBlockEndColor?: ____ColorValue_Internal | undefined;
+  borderBlockStartColor?: ____ColorValue_Internal | undefined;
+  borderRadius?: number | string | undefined;
+  borderBottomEndRadius?: number | string | undefined;
+  borderBottomLeftRadius?: number | string | undefined;
+  borderBottomRightRadius?: number | string | undefined;
+  borderBottomStartRadius?: number | string | undefined;
+  borderEndEndRadius?: number | string | undefined;
+  borderEndStartRadius?: number | string | undefined;
+  borderStartEndRadius?: number | string | undefined;
+  borderStartStartRadius?: number | string | undefined;
+  borderTopEndRadius?: number | string | undefined;
+  borderTopLeftRadius?: number | string | undefined;
+  borderTopRightRadius?: number | string | undefined;
+  borderTopStartRadius?: number | string | undefined;
+  borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+  borderWidth?: number | undefined;
+  borderBottomWidth?: number | undefined;
+  borderEndWidth?: number | undefined;
+  borderLeftWidth?: number | undefined;
+  borderRightWidth?: number | undefined;
+  borderStartWidth?: number | undefined;
+  borderTopWidth?: number | undefined;
+  opacity?: number | undefined;
+  outlineColor?: ____ColorValue_Internal | undefined;
+  outlineOffset?: number | undefined;
+  outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+  outlineWidth?: number | undefined;
   /**
    * Sets the elevation of a view, using Android's underlying
    * [elevation API](https://developer.android.com/training/material/shadows-clipping.html#Elevation).
@@ -763,21 +763,21 @@ export type ____ViewStyle_InternalBase = Readonly<{
    *
    * @platform android
    */
-  elevation?: number;
+  elevation?: number | undefined;
   /**
    * Controls whether the View can be the target of touch events.
    */
-  pointerEvents?: "auto" | "none" | "box-none" | "box-only";
-  cursor?: CursorValue;
-  boxShadow?: ReadonlyArray<BoxShadowValue> | string;
-  filter?: ReadonlyArray<FilterFunction> | string;
-  mixBlendMode?: ____BlendMode_Internal;
-  backgroundImage?: ReadonlyArray<BackgroundImageValue> | string;
-  experimental_backgroundImage?: ReadonlyArray<BackgroundImageValue> | string;
-  experimental_backgroundSize?: ReadonlyArray<BackgroundSizeValue> | string;
-  experimental_backgroundPosition?: ReadonlyArray<BackgroundPositionValue> | string;
-  experimental_backgroundRepeat?: ReadonlyArray<BackgroundRepeatValue> | string;
-  isolation?: "auto" | "isolate";
+  pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
+  cursor?: CursorValue | undefined;
+  boxShadow?: ReadonlyArray<BoxShadowValue> | string | undefined;
+  filter?: ReadonlyArray<FilterFunction> | string | undefined;
+  mixBlendMode?: ____BlendMode_Internal | undefined;
+  backgroundImage?: ReadonlyArray<BackgroundImageValue> | string | undefined;
+  experimental_backgroundImage?: ReadonlyArray<BackgroundImageValue> | string | undefined;
+  experimental_backgroundSize?: ReadonlyArray<BackgroundSizeValue> | string | undefined;
+  experimental_backgroundPosition?: ReadonlyArray<BackgroundPositionValue> | string | undefined;
+  experimental_backgroundRepeat?: ReadonlyArray<BackgroundRepeatValue> | string | undefined;
+  isolation?: "auto" | "isolate" | undefined;
 }>;
 export type ____ViewStyle_InternalCore = Readonly<Omit<____LayoutStyle_Internal, keyof ____ShadowStyle_Internal | keyof ____TransformStyle_Internal | keyof ____ViewStyle_InternalBase | keyof {}> & Omit<____ShadowStyle_Internal, keyof ____TransformStyle_Internal | keyof ____ViewStyle_InternalBase | keyof {}> & Omit<____TransformStyle_Internal, keyof ____ViewStyle_InternalBase | keyof {}> & Omit<____ViewStyle_InternalBase, keyof {}> & {}>;
 export type ____ViewStyle_Internal = Readonly<Omit<____ViewStyle_InternalCore, keyof ____ViewStyle_InternalOverrides | keyof {}> & Omit<____ViewStyle_InternalOverrides, keyof {}> & {}>;
@@ -800,62 +800,62 @@ export type ____FontWeight_Internal = "normal" | "bold" | "100" | "200" | "300"
 export type ____FontVariant_Internal = "small-caps" | "oldstyle-nums" | "lining-nums" | "tabular-nums" | "common-ligatures" | "no-common-ligatures" | "discretionary-ligatures" | "no-discretionary-ligatures" | "historical-ligatures" | "no-historical-ligatures" | "contextual" | "no-contextual" | "proportional-nums" | "stylistic-one" | "stylistic-two" | "stylistic-three" | "stylistic-four" | "stylistic-five" | "stylistic-six" | "stylistic-seven" | "stylistic-eight" | "stylistic-nine" | "stylistic-ten" | "stylistic-eleven" | "stylistic-twelve" | "stylistic-thirteen" | "stylistic-fourteen" | "stylistic-fifteen" | "stylistic-sixteen" | "stylistic-seventeen" | "stylistic-eighteen" | "stylistic-nineteen" | "stylistic-twenty";
 export type ____FontVariantArray_Internal = ReadonlyArray<____FontVariant_Internal>;
 type ____TextStyle_InternalBase = Readonly<{
-  color?: ____ColorValue_Internal;
-  fontFamily?: string;
-  fontSize?: number;
-  fontStyle?: "normal" | "italic";
+  color?: ____ColorValue_Internal | undefined;
+  fontFamily?: string | undefined;
+  fontSize?: number | undefined;
+  fontStyle?: "normal" | "italic" | undefined;
   /**
    * Specifies font weight. The values 'normal' and 'bold' are supported
    * for most fonts. Not all fonts have a variant for each of the numeric
    * values, in that case the closest one is chosen.
    */
-  fontWeight?: ____FontWeight_Internal;
-  fontVariant?: ____FontVariantArray_Internal | string;
+  fontWeight?: ____FontWeight_Internal | undefined;
+  fontVariant?: ____FontVariantArray_Internal | string | undefined;
   textShadowOffset?: Readonly<{
     width: number;
     height: number;
-  }>;
-  textShadowRadius?: number;
-  textShadowColor?: ____ColorValue_Internal;
-  letterSpacing?: number;
-  lineHeight?: number;
-  textAlign?: "auto" | "left" | "right" | "center" | "justify" | "start" | "end";
-  textAlignVertical?: "auto" | "top" | "bottom" | "center";
-  includeFontPadding?: boolean;
-  textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through";
-  textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | "wavy";
-  textDecorationColor?: ____ColorValue_Internal;
-  textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
-  userSelect?: "auto" | "text" | "none" | "contain" | "all";
-  verticalAlign?: "auto" | "top" | "bottom" | "middle";
-  writingDirection?: "auto" | "ltr" | "rtl";
+  }> | undefined;
+  textShadowRadius?: number | undefined;
+  textShadowColor?: ____ColorValue_Internal | undefined;
+  letterSpacing?: number | undefined;
+  lineHeight?: number | undefined;
+  textAlign?: "auto" | "left" | "right" | "center" | "justify" | "start" | "end" | undefined;
+  textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+  includeFontPadding?: boolean | undefined;
+  textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+  textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | "wavy" | undefined;
+  textDecorationColor?: ____ColorValue_Internal | undefined;
+  textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+  userSelect?: "auto" | "text" | "none" | "contain" | "all" | undefined;
+  verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+  writingDirection?: "auto" | "ltr" | "rtl" | undefined;
 }>;
 export type ____TextStyle_InternalCore = Readonly<Omit<____ViewStyle_Internal, keyof ____TextStyle_InternalBase | keyof {}> & Omit<____TextStyle_InternalBase, keyof {}> & {}>;
 export type ____TextStyle_Internal = Readonly<Omit<____TextStyle_InternalCore, keyof ____TextStyle_InternalOverrides | keyof {}> & Omit<____TextStyle_InternalOverrides, keyof {}> & {}>;
 export type ____ImageStyle_InternalCore = Readonly<Omit<____ViewStyle_Internal, keyof {
-  resizeMode?: ImageResizeMode;
-  objectFit?: "cover" | "contain" | "fill" | "scale-down" | "none";
-  tintColor?: ____ColorValue_Internal;
-  overlayColor?: ColorValue;
-  overflow?: "visible" | "hidden";
+  resizeMode?: ImageResizeMode | undefined;
+  objectFit?: "cover" | "contain" | "fill" | "scale-down" | "none" | undefined;
+  tintColor?: ____ColorValue_Internal | undefined;
+  overlayColor?: ColorValue | undefined;
+  overflow?: "visible" | "hidden" | undefined;
 }> & {
-  resizeMode?: ImageResizeMode;
-  objectFit?: "cover" | "contain" | "fill" | "scale-down" | "none";
-  tintColor?: ____ColorValue_Internal;
-  overlayColor?: ColorValue;
-  overflow?: "visible" | "hidden";
+  resizeMode?: ImageResizeMode | undefined;
+  objectFit?: "cover" | "contain" | "fill" | "scale-down" | "none" | undefined;
+  tintColor?: ____ColorValue_Internal | undefined;
+  overlayColor?: ColorValue | undefined;
+  overflow?: "visible" | "hidden" | undefined;
 }>;
 export type ____ImageStyle_Internal = Readonly<Omit<____ImageStyle_InternalCore, keyof ____ImageStyle_InternalOverrides | keyof {}> & Omit<____ImageStyle_InternalOverrides, keyof {}> & {}>;
 export type ____DangerouslyImpreciseStyle_InternalCore = Readonly<Omit<____TextStyle_Internal, keyof {
-  resizeMode?: ImageResizeMode;
-  objectFit?: "cover" | "contain" | "fill" | "scale-down" | "none";
-  tintColor?: ____ColorValue_Internal;
-  overlayColor?: ColorValue;
+  resizeMode?: ImageResizeMode | undefined;
+  objectFit?: "cover" | "contain" | "fill" | "scale-down" | "none" | undefined;
+  tintColor?: ____ColorValue_Internal | undefined;
+  overlayColor?: ColorValue | undefined;
 }> & {
-  resizeMode?: ImageResizeMode;
-  objectFit?: "cover" | "contain" | "fill" | "scale-down" | "none";
-  tintColor?: ____ColorValue_Internal;
-  overlayColor?: ColorValue;
+  resizeMode?: ImageResizeMode | undefined;
+  objectFit?: "cover" | "contain" | "fill" | "scale-down" | "none" | undefined;
+  tintColor?: ____ColorValue_Internal | undefined;
+  overlayColor?: ColorValue | undefined;
 }>;
 export type ____DangerouslyImpreciseStyle_Internal = Readonly<Omit<____DangerouslyImpreciseStyle_InternalCore, keyof ____DangerouslyImpreciseStyle_InternalOverrides | keyof {}> & Omit<____DangerouslyImpreciseStyle_InternalOverrides, keyof {}> & {}>;
 export type StyleProp<T> = null | void | T | false | "" | ReadonlyArray<StyleProp<T>>;