docs: migrate Textarea docs to csf3

Author: Nikolai Lopin

src/components/Textarea/Textarea.tsx

@@ -40,16 +40,19 @@ const TextareaField: FC<TextAreaProps & Pick<InternalInputComponentProps, 'hasVa
     resize: ${p => p.resize};
 `;
 
+// TODO looks like neither variant nor size props are used
 interface TextAreaProps
     extends WrapperProps,
         Omit<ComponentPropsWithoutRef<'textarea'>, 'size' | 'width'>,
         Pick<CSSProperties, 'resize'> {
     /**
      * Sets the variant of the textarea
+     * @default 'boxed'
      */
     variant?: ResponsiveValue<'boxed' | 'bottom-lined'>;
     /**
      * Sets the size of the input
+     * @default 'medium'
      */
     size?: ResponsiveValue<'small' | 'medium'>;
     /**

src/components/Textarea/docs/Textarea.stories.mdx

@@ -0,0 +1,63 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+import { Textarea } from '../Textarea';
+import { onDarkBackground } from '../../../docs/parameters';
+
+const meta: Meta = {
+    title: 'Components/Textarea',
+    component: Textarea,
+    argTypes: {
+        variant: {
+            table: {
+                disable: true
+            }
+        },
+        size: {
+            table: {
+                disable: true
+            }
+        }
+    },
+    args: {
+        label: 'E-Mail Address'
+    }
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Textarea>;
+
+export const Default: Story = {
+    args: {
+        label: undefined
+    }
+};
+
+export const WithLabel: Story = {};
+
+export const WithPlaceholder: Story = {
+    args: {
+        placeholder: '[email protected]'
+    }
+};
+
+export const WithError: Story = {
+    args: {
+        error: true
+    }
+};
+
+export const Disabled: Story = {
+    args: {
+        disabled: true
+    }
+};
+
+export const Inverted: Story = {
+    args: {
+        inverted: true
+    },
+    parameters: {
+        ...onDarkBackground
+    }
+};

src/components/Textarea/docs/Textarea.stories.tsx

@@ -0,0 +1,18 @@
+import { Primary, Stories, ArgTypes, Meta } from '@storybook/blocks';
+import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
+
+import * as TextareaStories from './Textarea.stories';
+
+<Meta of={TextareaStories} />
+
+# Textarea
+
+<Primary />
+
+## Properties
+
+<ArgTypes of={TextareaStories} />
+
+<StyledSystemLinks component="Textarea" supportedProps={['margin', 'height', 'width']} />
+
+<Stories includePrimary={false} />