From 3c8d736b6e1b9444fae07581beb6846bdfd1bc5c Mon Sep 17 00:00:00 2001
From: Aaron Robertshaw <60436221+aaronrobertshaw@users.noreply.github.com>
Date: Tue, 1 Nov 2022 16:03:29 +1000
Subject: [PATCH] Try adding style prop via WordPressComponentProps

---
 packages/components/src/input-control/types.ts | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/packages/components/src/input-control/types.ts b/packages/components/src/input-control/types.ts
index 6829943ca18af..7cc988f0b94a6 100644
--- a/packages/components/src/input-control/types.ts
+++ b/packages/components/src/input-control/types.ts
@@ -121,7 +121,12 @@ export interface InputFieldProps extends BaseProps {
 	type?: HTMLInputTypeAttribute;
 }
 
-export interface InputBaseProps extends BaseProps, FlexProps {
+export interface InputBaseProps
+	extends Pick<
+			WordPressComponentProps< BaseProps, 'div' >,
+			'className' | 'id' | 'style' | keyof BaseProps
+		>,
+		FlexProps {
 	children: ReactNode;
 	/**
 	 * Renders an element on the left side of the input.
@@ -165,19 +170,10 @@ export interface InputBaseProps extends BaseProps, FlexProps {
 	 * @default false
 	 */
 	disabled?: boolean;
-	/**
-	 * The class name to be added to the wrapper element.
-	 */
-	className?: string;
-	id?: string;
 	/**
 	 * If this property is added, a label will be generated using label property as the content.
 	 */
 	label?: ReactNode;
-	/**
-	 * If this property is added, it will be added to the modal frame `div`.
-	 */
-	style?: CSSProperties;
 }
 
 export interface InputControlProps