feat: blacklist input types for Textfield

.changeset/proud-deers-poke.md

@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Textfield: Blacklist some `input` types for `Textfield`

packages/react/src/components/Textfield/Textfield.stories.tsx

@@ -14,32 +14,24 @@ export default {
     multiline: {
       type: 'boolean',
     },
-    // Using argType here to exclude values from React.HTMLInputTypeAttribute
     type: {
       control: 'select',
+      /* Only allowed types for Textfield */
       options: [
-        'checkbox',
         'date',
         'datetime-local',
         'email',
         'month',
         'number',
         'password',
-        'radio',
         'search',
         'tel',
         'text',
         'time',
         'url',
         'week',
-        // 'button',
         'color',
         'file',
-        // 'hidden',
-        // 'image',
-        // 'range',
-        // 'reset',
-        // 'submit',
       ],
     },
   },

packages/react/src/components/Textfield/Textfield.tsx

@@ -49,6 +49,20 @@ type TextfieldTextareaProps = {
 type TextfieldInputProps = {
   /** Use to render a `Textarea` instead of `Input` for multiline support  */
   multiline?: never | false;
+  /**
+   * type of the input field
+   */
+  type?: Omit<
+    InputProps['type'],
+    | 'button'
+    | 'image'
+    | 'range'
+    | 'reset'
+    | 'submit'
+    | 'checkbox'
+    | 'hidden'
+    | 'radio'
+  >;
 } & InputProps_;
 
 export type TextfieldProps = SharedTextfieldProps &