feat(@clayui/form): add regular size to input

liferay · Apr 17, 2024 · 53a62b1 · 53a62b1
1 parent df615c4
commit 53a62b1
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/clay-form/src/Input.tsx b/packages/clay-form/src/Input.tsx
@@ -174,7 +174,7 @@ interface IProps extends React.InputHTMLAttributes<HTMLInputElement> {
 	/**
 	 * Selects the height of the input.
 	 */
-	sizing?: 'lg' | 'sm';
+	sizing?: 'lg' | 'regular' | 'sm';
 }
 
 const ClayInput = React.forwardRef<HTMLInputElement, IProps>(
@@ -184,7 +184,7 @@ const ClayInput = React.forwardRef<HTMLInputElement, IProps>(
 			component: Component = 'input',
 			insetAfter,
 			insetBefore,
-			sizing,
+			sizing = 'regular',
 			type = 'text',
 			...otherProps
 		}: IProps,
@@ -193,7 +193,7 @@ const ClayInput = React.forwardRef<HTMLInputElement, IProps>(
 		<Component
 			{...otherProps}
 			className={classNames('form-control', className, {
-				[`form-control-${sizing}`]: sizing,
+				[`form-control-${sizing}`]: sizing && sizing !== 'regular',
 				['input-group-inset']: insetAfter || insetBefore,
 				['input-group-inset-after']: insetAfter,
 				['input-group-inset-before']: insetBefore,