fix Field component type not recognising input props

Author: dcastil

packages/editor/src/Sx/Space.tsx

@@ -86,8 +86,7 @@ export const Space = ({
         gridTemplateColumns: 'repeat(3, 1fr)',
         alignItems: 'center',
       }}>
-      <Field
-        // FIXME: Field type is comming from external package @types/theme-ui__components, not sure why type prop does not exist in type definition.
+      <Field<'input'>
         type="number"
         name={prefixName('l')}
         label={label('Left')}
@@ -99,8 +98,7 @@ export const Space = ({
           display: 'grid',
           gap: 2,
         }}>
-        <Field
-          // FIXME: Field type is comming from external package @types/theme-ui__components, not sure why type prop does not exist in type definition.
+        <Field<'input'>
           type="number"
           name={prefixName('t')}
           label={label('Top')}
@@ -117,17 +115,15 @@ export const Space = ({
             Lock y-axis
           </Label>
         </div>
-        <Field
-          // FIXME: Field type is comming from external package @types/theme-ui__components, not sure why type prop does not exist in type definition.
+        <Field<'input'>
           type="number"
           name={prefixName('b')}
           label={label('Bottom')}
           value={b}
           onChange={handleChange('b')}
         />
       </div>
-      <Field
-        // FIXME: Field type is comming from external package @types/theme-ui__components, not sure why type prop does not exist in type definition.
+      <Field<'input'>
         type="number"
         name={prefixName('r')}
         label={label('Right')}

packages/editor/src/Sx/Typography.tsx

@@ -51,10 +51,9 @@ export const SxTypography = ({
           gap: 2,
           gridTemplateColumns: 'repeat(3, 1fr)',
         }}>
-        <Field
+        <Field<'input'>
           name={prefixName('fontSize')}
           label="Font Size"
-          // FIXME: Field type is comming from external package @types/theme-ui__components, not sure why value prop does not exist in type definition.
           value={fontSize || ''}
           type="number"
           onChange={e => {

packages/editor/src/Theme/FontSizes.tsx

@@ -26,8 +26,7 @@ const FontSizes = () => {
 
   return Object.keys(fontSizes).map(key => (
     <div key={key}>
-      <Field
-        // FIXME: Field type is comming from external package @types/theme-ui__components, not sure why type prop does not exist in type definition.
+      <Field<'input'>
         type="number"
         label={key}
         name={'fontSizes.' + key}

packages/editor/src/Theme/LineHeights.tsx

@@ -19,8 +19,7 @@ export default () => {
 
   return Object.keys(lineHeights).map(key => (
     <div key={key}>
-      <Field
-        // FIXME: Field type is comming from external package @types/theme-ui__components, not sure why type prop does not exist in type definition.
+      <Field<'input'>
         type="number"
         label={key}
         name={'lineHeights.' + key}

packages/editor/src/Theme/Space.tsx

@@ -28,8 +28,7 @@ const Space = () => {
 
   return Object.keys(space).map(key => (
     <div key={key}>
-      <Field
-        // FIXME: Field type is comming from external package @types/theme-ui__components, not sure why type prop does not exist in type definition.
+      <Field<'input'>
         type="number"
         label={key}
         name={'space.' + key}