From 976164530e957ac2c654d63a0721153ec0345b58 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?nishan=20=28o=5E=E2=96=BD=5Eo=29?= Date: Wed, 15 Jul 2026 18:42:11 +0530 Subject: [PATCH 1/2] feat(style): remove `experimental_` prefix from `backgroundSize`, `backgroundPosition` and `backgroundRepeat` --- .../View/ReactNativeStyleAttributes.js | 6 +- .../NativeComponent/BaseViewConfig.android.js | 6 +- .../Libraries/StyleSheet/StyleSheetTypes.d.ts | 8 +- .../Libraries/StyleSheet/StyleSheetTypes.js | 8 +- .../com/facebook/react/uimanager/ViewProps.kt | 6 +- .../components/view/BaseViewProps.cpp | 13 +- packages/react-native/ReactNativeApi.d.ts | 160 +++++++++++------- .../BackgroundImage/BackgroundImageExample.js | 46 ++--- 8 files changed, 139 insertions(+), 114 deletions(-) diff --git a/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js b/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js index bb1e941b57af..a27106dad917 100644 --- a/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js +++ b/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js @@ -200,17 +200,17 @@ const ReactNativeStyleAttributes: {[string]: AnyAttributeType, ...} = { /** * BackgroundSize */ - experimental_backgroundSize: backgroundSizeAttribute, + backgroundSize: backgroundSizeAttribute, /** * BackgroundPosition */ - experimental_backgroundPosition: backgroundPositionAttribute, + backgroundPosition: backgroundPositionAttribute, /** * BackgroundRepeat */ - experimental_backgroundRepeat: backgroundRepeatAttribute, + backgroundRepeat: backgroundRepeatAttribute, /** * View diff --git a/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js b/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js index 0f93c41709c3..a5678afe5fe0 100644 --- a/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js +++ b/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js @@ -213,9 +213,9 @@ const validAttributesForNonEventProps = { transformOrigin: true, backgroundImage: backgroundImageAttribute, experimental_backgroundImage: backgroundImageAttribute, - experimental_backgroundSize: backgroundSizeAttribute, - experimental_backgroundPosition: backgroundPositionAttribute, - experimental_backgroundRepeat: backgroundRepeatAttribute, + backgroundSize: backgroundSizeAttribute, + backgroundPosition: backgroundPositionAttribute, + backgroundRepeat: backgroundRepeatAttribute, boxShadow: boxShadowAttribute, filter: filterAttribute, mixBlendMode: true, diff --git a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts index 80c004612b10..1cd968353dea 100644 --- a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts +++ b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts @@ -502,12 +502,10 @@ export interface ViewStyle extends FlexStyle, ShadowStyleIOS, TransformsStyle { backgroundImage?: ReadonlyArray | string | undefined; experimental_backgroundImage?: ReadonlyArray | string | undefined; - experimental_backgroundSize?: - ReadonlyArray | string | undefined; - experimental_backgroundPosition?: + backgroundSize?: ReadonlyArray | string | undefined; + backgroundPosition?: ReadonlyArray | string | undefined; - experimental_backgroundRepeat?: - ReadonlyArray | string | undefined; + backgroundRepeat?: ReadonlyArray | string | undefined; } export type FontVariant = diff --git a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js index dec894ab9129..c39fc66ca4a5 100644 --- a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js +++ b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js @@ -904,11 +904,9 @@ export type ____ViewStyle_InternalBase = Readonly<{ mixBlendMode?: ____BlendMode_Internal, backgroundImage?: ReadonlyArray | string, experimental_backgroundImage?: ReadonlyArray | string, - experimental_backgroundSize?: ReadonlyArray | string, - experimental_backgroundPosition?: - | ReadonlyArray - | string, - experimental_backgroundRepeat?: ReadonlyArray | string, + backgroundSize?: ReadonlyArray | string, + backgroundPosition?: ReadonlyArray | string, + backgroundRepeat?: ReadonlyArray | string, isolation?: 'auto' | 'isolate', }>; diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.kt index 5990dc477ca8..5a0c65fecfb7 100644 --- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.kt +++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.kt @@ -75,9 +75,9 @@ public object ViewProps { public const val BACKGROUND_IMAGE: String = "backgroundImage" // Backwards-compatible alias for the original experimental_ prefixed prop name. public const val EXPERIMENTAL_BACKGROUND_IMAGE: String = "experimental_backgroundImage" - public const val BACKGROUND_SIZE: String = "experimental_backgroundSize" - public const val BACKGROUND_POSITION: String = "experimental_backgroundPosition" - public const val BACKGROUND_REPEAT: String = "experimental_backgroundRepeat" + public const val BACKGROUND_SIZE: String = "backgroundSize" + public const val BACKGROUND_POSITION: String = "backgroundPosition" + public const val BACKGROUND_REPEAT: String = "backgroundRepeat" public const val FOREGROUND_COLOR: String = "foregroundColor" public const val COLOR: String = "color" public const val FONT_SIZE: String = "fontSize" diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp index 4f8e4265d895..2f56960c7a2b 100644 --- a/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp +++ b/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp @@ -217,19 +217,19 @@ BaseViewProps::BaseViewProps( backgroundSize(convertRawProp( context, rawProps, - "experimental_backgroundSize", + "backgroundSize", sourceProps.backgroundSize, {})), backgroundPosition(convertRawProp( context, rawProps, - "experimental_backgroundPosition", + "backgroundPosition", sourceProps.backgroundPosition, {})), backgroundRepeat(convertRawProp( context, rawProps, - "experimental_backgroundRepeat", + "backgroundRepeat", sourceProps.backgroundRepeat, {})), mixBlendMode(convertRawProp( @@ -338,10 +338,9 @@ void BaseViewProps::setProp( RAW_SET_PROP_SWITCH_CASE_BASIC(backgroundColor); RAW_SET_PROP_SWITCH_CASE_BASIC(backgroundImage); RAW_SET_PROP_SWITCH_CASE(backgroundImage, "experimental_backgroundImage"); - RAW_SET_PROP_SWITCH_CASE(backgroundSize, "experimental_backgroundSize"); - RAW_SET_PROP_SWITCH_CASE( - backgroundPosition, "experimental_backgroundPosition"); - RAW_SET_PROP_SWITCH_CASE(backgroundRepeat, "experimental_backgroundRepeat"); + RAW_SET_PROP_SWITCH_CASE_BASIC(backgroundSize); + RAW_SET_PROP_SWITCH_CASE_BASIC(backgroundPosition); + RAW_SET_PROP_SWITCH_CASE_BASIC(backgroundRepeat); RAW_SET_PROP_SWITCH_CASE_BASIC(shadowColor); RAW_SET_PROP_SWITCH_CASE_BASIC(shadowOffset); RAW_SET_PROP_SWITCH_CASE_BASIC(shadowOpacity); diff --git a/packages/react-native/ReactNativeApi.d.ts b/packages/react-native/ReactNativeApi.d.ts index 5c0ec3775e04..3cf08ccefc81 100644 --- a/packages/react-native/ReactNativeApi.d.ts +++ b/packages/react-native/ReactNativeApi.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<<0d6ccb57cc35f5518f7a83a709927f2f>> + * @generated SignedSource<<1f73fe9f2cf18da6bcba16572e0dc9ea>> * * This file was generated by scripts/js-api/build-types/index.js. */ @@ -849,6 +849,9 @@ declare type ____ViewStyle_InternalBase = { readonly backfaceVisibility?: "hidden" | "visible" readonly backgroundColor?: ____ColorValue_Internal readonly backgroundImage?: ReadonlyArray | string + readonly backgroundPosition?: ReadonlyArray | string + readonly backgroundRepeat?: ReadonlyArray | string + readonly backgroundSize?: ReadonlyArray | string readonly borderBlockColor?: ____ColorValue_Internal readonly borderBlockEndColor?: ____ColorValue_Internal readonly borderBlockStartColor?: ____ColorValue_Internal @@ -1583,6 +1586,33 @@ declare type AttributeType = } declare type AutoCapitalize = "characters" | "none" | "sentences" | "words" declare type BackgroundImageValue = LinearGradientValue | RadialGradientValue +declare type BackgroundPositionValue = + | { + bottom: number | string + left: number | string + } + | { + bottom: number | string + right: number | string + } + | { + left: number | string + top: number | string + } + | { + right: number | string + top: number | string + } +declare type BackgroundRepeatKeyword = + "no-repeat" | "repeat" | "round" | "space" +declare type BackgroundRepeatValue = { + x: BackgroundRepeatKeyword + y: BackgroundRepeatKeyword +} +declare type BackgroundSizeValue = { + x: number | string + y: number | string +} declare type BackHandler = typeof BackHandler declare type BackPressEventName = "backPress" | "hardwareBackPress" declare type BaseKeyboardEvent = { @@ -5709,18 +5739,18 @@ export { AccessibilityValue, // cf8bcb74 ActionSheetIOS, // b558559e ActionSheetIOSOptions, // 1756eb5a - ActivityIndicator, // 0f796809 + ActivityIndicator, // d8b94f7f ActivityIndicatorInstance, // a82dd4e7 - ActivityIndicatorProps, // a232e3ff + ActivityIndicatorProps, // 2bc9e059 Alert, // 5bf12165 AlertButton, // bf1a3b60 AlertButtonStyle, // ec9fb242 AlertOptions, // a0cdac0f AlertType, // 5ab91217 AndroidKeyboardEvent, // e03becc8 - Animated, // 91a7b171 + Animated, // 80884019 AppConfig, // 35c0ca70 - AppRegistry, // 7ef8e53a + AppRegistry, // dad9d58d AppState, // 12012be5 AppStateEvent, // 80f034c3 AppStateStatus, // 447e5ef2 @@ -5732,8 +5762,8 @@ export { BackPressEventName, // 4620fb76 BlurEvent, // 4ba4f941 BoxShadowValue, // b679703f - Button, // 2e36a068 - ButtonInstance, // 0a11787b + Button, // aa14939c + ButtonInstance, // e9fe87c5 ButtonProps, // 4a8a20e3 Clipboard, // 41addb89 CodegenTypes, // ab4986cc @@ -5752,9 +5782,9 @@ export { DimensionsPayload, // 653bc26c DisplayMetrics, // 1dc35cef DisplayMetricsAndroid, // 872e62eb - DrawerLayoutAndroid, // a8ced056 + DrawerLayoutAndroid, // 29a845e4 DrawerLayoutAndroidInstance, // c0694352 - DrawerLayoutAndroidProps, // e9a67dd7 + DrawerLayoutAndroidProps, // eb84a353 DrawerSlideEvent, // c4ab8fba DropShadowValue, // e9df2606 DynamicColorIOS, // d96c228c @@ -5770,9 +5800,9 @@ export { EventSubscription, // b8d084aa ExtendedExceptionData, // 5a6ccf5a FilterFunction, // bf24c0e3 - FlatList, // 0f2531c9 - FlatListInstance, // f31d4744 - FlatListProps, // b8b5adf2 + FlatList, // 8966f511 + FlatListInstance, // c2cf6b09 + FlatListProps, // 67dc1cd8 FocusEvent, // 850f1517 FontVariant, // 7c7558bb GestureResponderEvent, // 14d3e77a @@ -5783,17 +5813,17 @@ export { IEventEmitter, // fbef6131 IOSKeyboardEvent, // e67bfe3a IgnorePattern, // ec6f6ece - Image, // fba54a35 - ImageBackground, // 1543bae2 - ImageBackgroundInstance, // 610d9eed - ImageBackgroundProps, // ceb153c3 + Image, // 98b8c9e7 + ImageBackground, // bb1d7b28 + ImageBackgroundInstance, // 49c52011 + ImageBackgroundProps, // 12b557ad ImageErrorEvent, // 978933f4 ImageInstance, // 9a100753 ImageLoadEvent, // 77f0b718 ImageProgressEventIOS, // 445331a4 - ImageProps, // e8aecf89 + ImageProps, // f8808110 ImagePropsAndroid, // 9fd9bcbb - ImagePropsBase, // f5535cef + ImagePropsBase, // 1840c21d ImagePropsIOS, // 4a080668 ImageRequireSource, // 681d683b ImageResizeMode, // d51106e2 @@ -5801,19 +5831,19 @@ export { ImageSize, // 1c47cf88 ImageSource, // 48c7f316 ImageSourcePropType, // bfb5e5c6 - ImageStyle, // 4b7c1906 + ImageStyle, // c972b651 ImageURISource, // 016eb083 - InputAccessoryView, // 9695d393 - InputAccessoryViewProps, // d94dc290 + InputAccessoryView, // 69da97d8 + InputAccessoryViewProps, // 6c4ba417 InputModeOptions, // 4e8581b9 Insets, // e7fe432a KeyDownEvent, // 5b147614 KeyEvent, // 20fa4267 KeyUpEvent, // 57f832c5 Keyboard, // 49414c97 - KeyboardAvoidingView, // cf0307d2 - KeyboardAvoidingViewInstance, // c4ca43a7 - KeyboardAvoidingViewProps, // cf148633 + KeyboardAvoidingView, // b45fd891 + KeyboardAvoidingViewInstance, // f0be3185 + KeyboardAvoidingViewProps, // 0f1ba5c1 KeyboardEvent, // c3f895d4 KeyboardEventEasing, // af4091c8 KeyboardEventName, // 59299ad6 @@ -5838,10 +5868,10 @@ export { MeasureInWindowOnSuccessCallback, // a285f598 MeasureLayoutOnSuccessCallback, // 3592502a MeasureOnSuccessCallback, // 82824e59 - Modal, // 43f50013 + Modal, // 51cab0d1 ModalBaseProps, // ac3931ad ModalInstance, // d466ce77 - ModalProps, // 35252d68 + ModalProps, // 3c81fd7d ModalPropsAndroid, // 515fb173 ModalPropsIOS, // 0e13cfcc ModeChangeEvent, // f64bf69d @@ -5877,15 +5907,15 @@ export { PointerEvent, // ff599afe PressabilityConfig, // faab5639 PressabilityEventHandlers, // 0b910091 - Pressable, // f4911021 + Pressable, // 82c25419 PressableAndroidRippleConfig, // ee32eaca PressableInstance, // eebfe911 - PressableProps, // 95d57db2 + PressableProps, // d68aec8a PressableStateCallbackType, // 9af36561 ProcessedColorValue, // 33f74304 - ProgressBarAndroid, // 44a46d48 + ProgressBarAndroid, // 4026def2 ProgressBarAndroidInstance, // ab545ef1 - ProgressBarAndroidProps, // f20ebde5 + ProgressBarAndroidProps, // 503f4a58 PublicRootInstance, // 8040afd7 PublicTextInstance, // 6937c7bf PushNotificationEventName, // 84e7e150 @@ -5893,9 +5923,9 @@ export { PushNotificationPermissions, // c2e7ae4f Rationale, // 5df1b1c1 ReactNativeVersion, // abd76827 - RefreshControl, // 5b3465d2 - RefreshControlInstance, // 8b4d078b - RefreshControlProps, // f8883f9a + RefreshControl, // 687cd489 + RefreshControlInstance, // ecad176a + RefreshControlProps, // 3cb4d20e RefreshControlPropsAndroid, // 99f64c97 RefreshControlPropsIOS, // 72a36381 Registry, // 6c39216d @@ -5904,27 +5934,27 @@ export { Role, // af7b889d RootTag, // 3cd10504 RootTagContext, // 38bfc8f6 - RootViewStyleProvider, // 8792d506 + RootViewStyleProvider, // a4547094 Runnable, // 594dd93a Runnables, // 4367c557 - SafeAreaView, // 47b1ede1 + SafeAreaView, // de4db6e5 SafeAreaViewInstance, // 21dba39c ScaledSize, // 07e417c7 ScrollEvent, // d7abdd0a - ScrollResponderType, // 079145bb + ScrollResponderType, // 6204027e ScrollToLocationParamsType, // d7ecdad1 - ScrollView, // d7defbe2 - ScrollViewImperativeMethods, // d3ff1532 - ScrollViewInstance, // 1ba64600 - ScrollViewProps, // 9207390b + ScrollView, // 0c2d53a7 + ScrollViewImperativeMethods, // 3f07ec74 + ScrollViewInstance, // 5e52907d + ScrollViewProps, // 6e96cf11 ScrollViewPropsAndroid, // 44210553 ScrollViewPropsIOS, // da991b9a ScrollViewScrollToOptions, // 3313411e SectionBase, // dca83594 - SectionList, // f483c886 + SectionList, // dd97ffc6 SectionListData, // e0d79987 - SectionListInstance, // 1b255509 - SectionListProps, // e06b9868 + SectionListInstance, // 00432dc5 + SectionListProps, // 67c7a2c4 SectionListRenderItem, // 466e3e87 SectionListRenderItemInfo, // d809238e Separators, // 6a45f7e3 @@ -5941,19 +5971,19 @@ export { StatusBarProps, // bfedeab1 StatusBarStyle, // 78f53eea StyleProp, // fa0e9b4a - StyleSheet, // cdddb9ae + StyleSheet, // 9134c00e SubmitBehavior, // c4ddf490 - Switch, // b004beeb + Switch, // 88a97ae0 SwitchChangeEvent, // 899635b1 SwitchInstance, // 3c50eec5 - SwitchProps, // ded81873 + SwitchProps, // a32a0f1d Systrace, // 626d178c TVViewPropsIOS, // 330ce7b5 TargetedEvent, // 16e98910 TaskProvider, // 266dedf2 - Text, // f792e51d + Text, // 2ff4c90d TextContentType, // 239b3ecc - TextInput, // 4d0a088b + TextInput, // 90721b8b TextInputAndroidProps, // 7109938a TextInputBlurEvent, // b77af40e TextInputChangeEvent, // f55eef98 @@ -5963,44 +5993,44 @@ export { TextInputIOSProps, // 0d05a855 TextInputInstance, // 5a0c0e0d TextInputKeyPressEvent, // 546c5d07 - TextInputProps, // a56c62a0 + TextInputProps, // 5689afaa TextInputSelectionChangeEvent, // e58f2abc TextInputSubmitEditingEvent, // 6bcb2aa5 TextInstance, // 05463a96 TextLayoutEvent, // 3f54186f - TextProps, // 58466ea1 - TextStyle, // b62b8399 + TextProps, // 8ed939d1 + TextStyle, // 04921ccd ToastAndroid, // 88a8969a - TouchableHighlight, // 20ba0199 + TouchableHighlight, // e4bfcd1a TouchableHighlightInstance, // b510c0eb - TouchableHighlightProps, // 337a9164 - TouchableNativeFeedback, // c41fc93f - TouchableNativeFeedbackInstance, // e7895451 - TouchableNativeFeedbackProps, // a645b648 - TouchableOpacity, // 74a1b2c6 + TouchableHighlightProps, // bf2e3daa + TouchableNativeFeedback, // aad4fd19 + TouchableNativeFeedbackInstance, // cbabca2e + TouchableNativeFeedbackProps, // c62d1038 + TouchableOpacity, // 24ebc88f TouchableOpacityInstance, // b186055b - TouchableOpacityProps, // 1d3512ce - TouchableWithoutFeedback, // 61c63ada - TouchableWithoutFeedbackProps, // f4d62822 + TouchableOpacityProps, // 636ef3cc + TouchableWithoutFeedback, // 4f6a6509 + TouchableWithoutFeedbackProps, // 5030e1f1 TransformsStyle, // 65e70f18 TurboModule, // dfe29706 TurboModuleRegistry, // 4ace6db2 UIManager, // a1a7cc01 UTFSequence, // ad625158 Vibration, // 31e4bbf8 - View, // 443391a0 + View, // 7c5adfc9 ViewInstance, // ffde5573 - ViewProps, // 013135a2 + ViewProps, // 07215f95 ViewPropsAndroid, // 03c17367 ViewPropsIOS, // 58ee19bf - ViewStyle, // e45056b1 + ViewStyle, // 1848a17c VirtualViewMode, // 6be59722 VirtualizedList, // 68c7345e VirtualizedListInstance, // 423ee7c0 - VirtualizedListProps, // cc8bc4c9 + VirtualizedListProps, // 46bc1572 VirtualizedSectionList, // 9fd9cd61 VirtualizedSectionListInstance, // 12b706d5 - VirtualizedSectionListProps, // 12a58a4f + VirtualizedSectionListProps, // 875d0067 WrapperComponentProvider, // 4b8c7962 codegenNativeCommands, // 628a7c0a codegenNativeComponent, // 32a1bca6 diff --git a/packages/rn-tester/js/examples/BackgroundImage/BackgroundImageExample.js b/packages/rn-tester/js/examples/BackgroundImage/BackgroundImageExample.js index cab3deb3109a..e1ca7d92ef48 100644 --- a/packages/rn-tester/js/examples/BackgroundImage/BackgroundImageExample.js +++ b/packages/rn-tester/js/examples/BackgroundImage/BackgroundImageExample.js @@ -195,8 +195,8 @@ exports.examples = [ height: 200, backgroundImage: 'linear-gradient(45deg, #ff6b6b 25%, transparent 25%), linear-gradient(-45deg, #4ecdc4 25%, transparent 25%)', - experimental_backgroundRepeat: 'repeat', - experimental_backgroundSize: '20px 20px', + backgroundRepeat: 'repeat', + backgroundSize: '20px 20px', }} testID="background-image-repeat-1" /> @@ -208,8 +208,8 @@ exports.examples = [ width: 200, height: 200, backgroundImage: 'linear-gradient(45deg, #ff6b6b, #4ecdc4)', - experimental_backgroundRepeat: 'space', - experimental_backgroundSize: '50px 50px', + backgroundRepeat: 'space', + backgroundSize: '50px 50px', }} testID="background-image-repeat-2" /> @@ -223,8 +223,8 @@ exports.examples = [ width: 200, height: 200, backgroundImage: 'linear-gradient(90deg, #a8edea, #fed6e3)', - experimental_backgroundRepeat: 'round', - experimental_backgroundSize: '60px 60px', + backgroundRepeat: 'round', + backgroundSize: '60px 60px', }} testID="background-image-repeat-3" /> @@ -236,8 +236,8 @@ exports.examples = [ width: 200, height: 200, backgroundImage: 'radial-gradient(circle, #ffecd2, #fcb69f)', - experimental_backgroundRepeat: 'no-repeat', - experimental_backgroundSize: '100px 100px', + backgroundRepeat: 'no-repeat', + backgroundSize: '100px 100px', backgroundColor: 'purple', }} testID="background-image-repeat-4" @@ -259,9 +259,9 @@ exports.examples = [ @@ -285,10 +285,10 @@ exports.examples = [ @@ -316,16 +316,16 @@ exports.examples = [ linear-gradient(135deg, rgba(255,255,255,0.02) 25%, transparent 25%), linear-gradient(225deg, rgba(255,255,255,0.02) 25%, transparent 25%); `, - experimental_backgroundRepeat: + backgroundRepeat: 'no-repeat, no-repeat, repeat, repeat, repeat, repeat', - experimental_backgroundSize: ` + backgroundSize: ` 500px 500px, 400px 400px, 50px 50px, 50px 50px, 100px 100px, 100px 100px`, - experimental_backgroundPosition: ` + backgroundPosition: ` top left, bottom right, 0 0, @@ -412,19 +412,19 @@ exports.examples = [ ], }, ], - experimental_backgroundRepeat: [ + backgroundRepeat: [ { x: 'no-repeat', y: 'no-repeat', }, ], - experimental_backgroundPosition: [ + backgroundPosition: [ { top: '50%', left: '50%', }, ], - experimental_backgroundSize: [ + backgroundSize: [ { x: '100%', y: '100%', From 229e91616b51871233305b7e38607ab9e5ea9363 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?nishan=20=28o=5E=E2=96=BD=5Eo=29?= Date: Sun, 19 Jul 2026 19:31:04 +0530 Subject: [PATCH 2/2] regenerate types file --- packages/react-native/ReactNativeApi.d.ts | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) diff --git a/packages/react-native/ReactNativeApi.d.ts b/packages/react-native/ReactNativeApi.d.ts index d6be29bdf954..17ee399cadd1 100644 --- a/packages/react-native/ReactNativeApi.d.ts +++ b/packages/react-native/ReactNativeApi.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<<2d69c64130800c192056dfc5f78990de>> + * @generated SignedSource<<0ce3aecbc42922c1ad65f10326575d24>> * * This file was generated by scripts/js-api/build-types/index.js. */ @@ -319,12 +319,7 @@ declare const Pressable: ( declare const processColor: typeof processColor_default declare const ProgressBarAndroid: typeof ProgressBarAndroid_default declare let ProgressBarAndroid_default: ( - props: Omit_2< - Omit_2, - keyof { - ref?: React.Ref - } - > & { + props: Omit_2, "ref"> & { ref?: React.Ref }, ) => React.ReactNode @@ -5914,7 +5909,7 @@ export { PressableProps, // d68aec8a PressableStateCallbackType, // 9af36561 ProcessedColorValue, // 33f74304 - ProgressBarAndroid, // 4026def2 + ProgressBarAndroid, // 125df4a0 ProgressBarAndroidInstance, // ab545ef1 ProgressBarAndroidProps, // 503f4a58 PublicRootInstance, // 8040afd7