Fix placement of FlexProps type

`InputControl` itself does not accept `Flex` props. Only `InputBase` does.
WordPress · Apr 6, 2022 · a682653 · a682653
1 parent 42ddd30
commit a682653
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/components/src/input-control/input-base.tsx b/packages/components/src/input-control/input-base.tsx
@@ -22,6 +22,7 @@ import {
 	LabelWrapper,
 } from './styles/input-control-styles';
 import type { InputBaseProps, LabelPosition } from './types';
+import type { FlexProps } from '../flex/types';
 
 function useUniqueId( idProp?: string ) {
 	const instanceId = useInstanceId( InputBase );
@@ -65,7 +66,7 @@ export function InputBase(
 		size = 'default',
 		suffix,
 		...props
-	}: InputBaseProps,
+	}: InputBaseProps & FlexProps,
 	ref: ForwardedRef< HTMLDivElement >
 ) {
 	const id = useUniqueId( idProp );

diff --git a/packages/components/src/input-control/types.ts b/packages/components/src/input-control/types.ts
@@ -14,7 +14,6 @@ import type { useDrag } from '@use-gesture/react';
  * Internal dependencies
  */
 import type { StateReducer } from './reducer/state';
-import type { FlexProps } from '../flex/types';
 import type { WordPressComponentProps } from '../ui/context';
 
 export type LabelPosition = 'top' | 'bottom' | 'side' | 'edge';
@@ -56,7 +55,7 @@ export interface InputFieldProps extends BaseProps {
 	onDrag?: ( dragProps: DragProps ) => void;
 }
 
-export interface InputBaseProps extends BaseProps, FlexProps {
+export interface InputBaseProps extends BaseProps {
 	children: ReactNode;
 	prefix?: ReactNode;
 	suffix?: ReactNode;