fix(TMC-25993): fix DS textarea row property and static css height (#…

…5424)

* fix(TMC-25993): fix DS textarea row property and static css height

* fix tests

.changeset/fuzzy-dancers-move.md

@@ -0,0 +1,5 @@
+---
+'@talend/design-system': patch
+---
+
+fix: allow form Textarea to changes number of rows and remove fixed css min-height

packages/design-system/src/components/Form/Primitives/Textarea/Textarea.module.scss

@@ -4,7 +4,6 @@
 .textarea {
 	@include Form.base-input();
 	@include Form.border-styles();
-	min-height: calc(#{tokens.$coral-sizing-l} * 2);
 	max-height: tokens.$coral-sizing-xxxl;
 	resize: vertical;
 	line-height: 140%;

packages/design-system/src/components/Form/Primitives/Textarea/Textarea.tsx

@@ -1,13 +1,17 @@
 import { forwardRef, Ref, TextareaHTMLAttributes } from 'react';
+
 import classnames from 'classnames';
+
 import styles from './Textarea.module.scss';
 
 export type TextareaPrimitiveProps = TextareaHTMLAttributes<any> & { hasError?: boolean };
 
 const Textarea = forwardRef((props: TextareaPrimitiveProps, ref: Ref<HTMLTextAreaElement>) => {
 	const { className, readOnly = false, disabled = false, hasError = false, ...rest } = props;
+	const defaultRowsNumber = 3;
 	return (
 		<textarea
+			rows={defaultRowsNumber}
 			{...rest}
 			ref={ref}
 			disabled={disabled}

packages/design-system/src/components/Form/__snapshots__/Form.test.tsx.snap

@@ -233,6 +233,7 @@ exports[`Form should render a11y html 1`] = `
             class="theme-textarea"
             id="field--mocked-uuid-8"
             name="textarea"
+            rows="3"
           />
         </div>
         <div

packages/design-system/src/stories/form/Field/Textarea/Input.Textarea.stories.tsx

@@ -43,6 +43,12 @@ export const Textarea = () => (
 			hasError
 			description="There is an error here"
 		/>
+		<Form.Textarea
+			rows={2}
+			placeholder="Placeholder"
+			name="time"
+			label="Textarea with custom number of rows"
+		/>
 	</StackVertical>
 );