diff --git a/packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts b/packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts index a1aa196ccbd6ee..9210d64aa836a8 100644 --- a/packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts +++ b/packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts @@ -211,4 +211,11 @@ export interface ViewProps * Used to reference react managed views from native code. */ nativeID?: string | undefined; + + /** + * Contols whether this view, and its transitive children, are laid in a way + * consistent with web browsers ('strict'), or consistent with existing + * React Native code which may rely on incorrect behavior ('classic'). + */ + experimental_layoutConformance?: 'strict' | 'classic' | undefined; } diff --git a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts index 19ea741ae11364..a4aa69d027579e 100644 --- a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts +++ b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts @@ -434,6 +434,12 @@ export interface ViewStyle extends FlexStyle, ShadowStyleIOS, TransformsStyle { cursor?: CursorValue | undefined; boxShadow?: ReadonlyArray | string | undefined; filter?: ReadonlyArray | string | undefined; + + mixBlendMode?: BlendMode | undefined; + experimental_backgroundImage?: + | ReadonlyArray + | string + | undefined; } export type FontVariant = diff --git a/packages/react-native/types/experimental.d.ts b/packages/react-native/types/experimental.d.ts deleted file mode 100644 index 13a929a092abb1..00000000000000 --- a/packages/react-native/types/experimental.d.ts +++ /dev/null @@ -1,59 +0,0 @@ -/** - * 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. - * - * @format - */ - -/** - * These are types for things that are present for New Architecture enabled apps - * which is currently considered experimental. - * - * To load the types declared here in an actual project, there are three ways. - * - * 1. If your `tsconfig.json` already has a `"types"` array in the `"compilerOptions"` section, - * is to add `"react-native/types/experimental"` to the `"types"` array. - * - * 2. Alternatively, a specific import syntax can to be used from a typescript file. - * This module does not exist in reality, which is why the {} is important: - * - * ```ts - * import {} from 'react-native/types/experimental' - * ``` - * - * 3. It is also possible to include it through a triple-slash reference: - * - * ```ts - * /// - * ``` - * - * Either the import or the reference only needs to appear once, anywhere in the project. - */ - -import { - GradientValue, - BlendMode, -} from 'react-native/Libraries/StyleSheet/StyleSheetTypes'; - -export {}; - -declare module '.' { - export interface ViewProps { - /** - * Contols whether this view, and its transitive children, are laid in a way - * consistent with web browsers ('strict'), or consistent with existing - * React Native code which may rely on incorrect behavior ('classic'). - */ - experimental_layoutConformance?: 'strict' | 'classic' | undefined; - } - - export interface ViewStyle { - mixBlendMode?: BlendMode | undefined; - experimental_backgroundImage?: - | ReadonlyArray - | string - | undefined; - } -}