fix(FauxInput): add mediaLayout pass-thru prop

ze-flo · ze-flo · commit d212286e8a50 · 2024-10-22T07:30:55.000-10:00
diff --git a/packages/forms/src/elements/faux-input/FauxInput.tsx b/packages/forms/src/elements/faux-input/FauxInput.tsx
@@ -26,6 +26,7 @@ const FauxInputComponent = forwardRef<HTMLDivElement, IFauxInputProps>(
       onFocus,
       readOnly,
       validation,
+      mediaLayout,
       ...other
     },
     ref
@@ -51,6 +52,7 @@ const FauxInputComponent = forwardRef<HTMLDivElement, IFauxInputProps>(
         $isFocused={controlledIsFocused === undefined ? isFocused : controlledIsFocused}
         $isHovered={isHovered}
         $isReadOnly={readOnly}
+        $mediaLayout={mediaLayout}
         $validation={validation}
         data-test-is-focused={controlledIsFocused === undefined ? isFocused : controlledIsFocused}
         tabIndex={disabled ? undefined : 0}
diff --git a/packages/forms/src/types/index.ts b/packages/forms/src/types/index.ts
@@ -111,6 +111,8 @@ export interface IFauxInputProps
   isFocused?: boolean;
   /** Applies hover stying */
   isHovered?: boolean;
+  /** @ignore Internal use only */
+  mediaLayout?: boolean;
 }
 
 export interface IFauxInputIconProps

Original file line number	Diff line number	Diff line change
`@@ -111,6 +111,8 @@ export interface IFauxInputProps`
`111`	`111`	`isFocused?: boolean;`
`112`	`112`	`/** Applies hover stying */`
`113`	`113`	`isHovered?: boolean;`
	`114`	`+ /** @ignore Internal use only */`
	`115`	`+ mediaLayout?: boolean;`
`114`	`116`	`}`
`115`	`117`
`116`	`118`	`export interface IFauxInputIconProps`