fix(input): remove required from value prop, fixed type imports

.changeset/silly-dodos-love.md

@@ -0,0 +1,5 @@
+---
+'@twilio-paste/input': patch
+---
+
+Removed required from the `value` prop, so Input can be used as an uncontrolled component. This allows Input to be used with libraries like `React-Hook-Form`. An example can be found by visiting this [link](https://cizwz.csb.app/).

packages/paste-core/components/input/__tests__/input.test.tsx

@@ -5,7 +5,8 @@ import {Label} from '@twilio-paste/label';
 import {HelpText} from '@twilio-paste/help-text';
 // @ts-ignore typescript doesn't like js imports
 import axe from '../../../../../.jest/axe-helper';
-import {InputTypes, Input} from '../src';
+import {Input} from '../src';
+import type {InputTypes} from '../src';
 
 const NOOP = (): void => {};
 

packages/paste-core/components/input/src/Input.tsx

@@ -22,7 +22,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
   size?: never;
   style?: never;
   type: InputTypes;
-  value: string;
+  value?: string;
   variant?: InputVariants;
   width?: never;
 }
@@ -146,7 +146,7 @@ if (process.env.NODE_ENV === 'development') {
     readOnly: PropTypes.bool,
     required: PropTypes.bool,
     type: PropTypes.oneOf(['text', 'email', 'hidden', 'number', 'password', 'search', 'tel']).isRequired as any,
-    value: PropTypes.string.isRequired,
+    value: PropTypes.string,
   };
 }
 

packages/paste-core/components/input/stories/input.stories.tsx

@@ -7,8 +7,10 @@ import {Box} from '@twilio-paste/box';
 import {Text} from '@twilio-paste/text';
 import {InformationIcon} from '@twilio-paste/icons/esm/InformationIcon';
 import {Label} from '@twilio-paste/label';
-import {HelpText, HelpTextVariants} from '@twilio-paste/help-text';
-import {Input, InputTypes} from '../src';
+import {HelpText} from '@twilio-paste/help-text';
+import type {HelpTextVariants} from '@twilio-paste/help-text';
+import {Input} from '../src';
+import type {InputTypes} from '../src';
 
 const inputTypeOptions = ['text', 'email', 'hidden', 'number', 'password', 'search', 'tel'];
 const helpVariantOptions = ['default', 'error'];