chore: Make Text Input and Text Area uncontrolled in stories (#1533)

Co-authored-by: Vincent Smedinga <[email protected]>

storybook/src/components/OrderedList/OrderedList.stories.tsx

@@ -27,9 +27,6 @@ const meta = {
     reversed: {
       control: 'boolean',
       description: 'Numbers the items from the highest value down.',
-      table: {
-        defaultValue: { summary: 'false' },
-      },
     },
     start: {
       control: 'number',

storybook/src/components/TextArea/TextArea.stories.tsx

@@ -13,7 +13,7 @@ const meta = {
   title: 'Components/Forms/Text Area',
   component: TextArea,
   args: {
-    value: paragraph,
+    defaultValue: paragraph,
     disabled: false,
     invalid: false,
   },
@@ -24,6 +24,9 @@ const meta = {
       },
       description: 'The width, expressed in the average number of characters.',
     },
+    defaultValue: {
+      table: { disable: true },
+    },
     disabled: {
       description: 'Prevents interaction. Avoid if possible.',
     },
@@ -40,9 +43,6 @@ const meta = {
       },
       description: 'The number of lines to show',
     },
-    value: {
-      description: 'The value of the field.',
-    },
   },
 } satisfies Meta<typeof TextArea>
 

storybook/src/components/TextInput/TextInput.stories.tsx

@@ -14,15 +14,15 @@ const meta = {
     invalid: false,
   },
   argTypes: {
+    defaultValue: {
+      table: { disable: true },
+    },
     disabled: {
       description: 'Prevents interaction. Avoid if possible.',
     },
     invalid: {
       description: 'Whether the value fails a validation rule.',
     },
-    value: {
-      description: 'The value of the field.',
-    },
   },
 } satisfies Meta<typeof TextInput>
 
@@ -34,22 +34,22 @@ export const Default: Story = {}
 
 export const EmailAddress: Story = {
   args: {
+    defaultValue: '[email protected]',
     type: 'email',
-    value: '[email protected]',
   },
 }
 
 export const WebAddress: Story = {
   args: {
+    defaultValue: 'https://designsystem.amsterdam/',
     type: 'url',
-    value: 'https://designsystem.amsterdam/',
   },
 }
 
 export const PhoneNumber: Story = {
   args: {
+    defaultValue: '14020',
     type: 'tel',
-    value: '14020',
   },
 }
 
@@ -61,14 +61,14 @@ export const Placeholder: Story = {
 
 export const Invalid: Story = {
   args: {
+    defaultValue: 'Invalid value',
     invalid: true,
-    value: 'Invalid value',
   },
 }
 
 export const Disabled: Story = {
   args: {
+    defaultValue: 'Disabled input',
     disabled: true,
-    value: 'Disabled input',
   },
 }