Try adding style prop via WordPressComponentProps

WordPress · Nov 1, 2022 · 3c8d736 · 3c8d736
1 parent 812b8ab
commit 3c8d736
Showing 1 changed file with 6 additions and 10 deletions.
diff --git 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