diff --git a/Libraries/StyleSheet/StyleSheetTypes.js b/Libraries/StyleSheet/StyleSheetTypes.js index 6fd7ee822d1b26..d2f18a74024cc9 100644 --- a/Libraries/StyleSheet/StyleSheetTypes.js +++ b/Libraries/StyleSheet/StyleSheetTypes.js @@ -554,6 +554,19 @@ type ____LayoutStyle_Internal = $ReadOnly<{ * @platform ios */ direction?: 'inherit' | 'ltr' | 'rtl', + + /** + * 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 + * by the value of the gap - but the children will not be separated from the edges of their parent container. + * For horizontal gaps, use columnGap, for vertical gaps, use rowGap, and to apply both at the same time, it's gap. + * When align-content or justify-content are set to space-between or space-around, the separation + * 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, + columnGap?: number, + gap?: number, }>; /** @@ -590,19 +603,6 @@ export type ____ShadowStyle_InternalCore = $ReadOnly<{ * @platform ios */ shadowRadius?: number, - - /** - * 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 - * by the value of the gap - but the children will not be separated from the edges of their parent container. - * For horizontal gaps, use columnGap, for vertical gaps, use rowGap, and to apply both at the same time, it's gap. - * When align-content or justify-content are set to space-between or space-around, the separation - * 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, - columnGap?: number, - gap?: number, }>; export type ____ShadowStyle_Internal = $ReadOnly<{