Adjusting types and fixing design system import

MetaMask · Jul 24, 2023 · a1352e9 · a1352e9
1 parent 03e4c0a
commit a1352e9
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/ui/components/component-library/input/README.mdx b/ui/components/component-library/input/README.mdx
@@ -12,7 +12,7 @@ import { Input } from './input';
 
 ## Props
 
-The `Input` accepts all props below as well as all [Box](/docs/components-ui-box--default-story#props) component props
+The `Input` accepts all props below as well as all [Box](/docs/components-componentlibrary-box--docs#props) component props
 
 <ArgsTable of={Input} />
 

diff --git a/ui/components/component-library/input/input.tsx b/ui/components/component-library/input/input.tsx
@@ -7,7 +7,7 @@ import {
   BorderStyle,
 } from '../../../helpers/constants/design-system';
 
-import { Text } from '..';
+import { Text, TextProps } from '../text';
 import { PolymorphicRef } from '../box';
 import { InputProps, InputType, InputComponent } from './input.types';
 
@@ -70,7 +70,7 @@ export const Input: InputComponent = React.forwardRef(
       value={value}
       variant={textVariant}
       type={type}
-      {...props}
+      {...(props as TextProps<C>)}
     />
   ),
 );
diff --git a/ui/components/component-library/input/input.types.ts b/ui/components/component-library/input/input.types.ts
@@ -2,7 +2,8 @@ import type {
   StyleUtilityProps,
   PolymorphicComponentPropWithRef,
 } from '../box';
-import { TextVariant } from 'ui/helpers/constants/design-system';
+
+import { TextVariant } from '../../../helpers/constants/design-system';
 
 export enum InputType {
   Text = 'text',