fix(ui5-textarea): set textarea wrapper padding in base theme file (#13345)

Author: aleksandar-terziev

packages/main/src/themes/base/TextArea-parameters.css

@@ -23,7 +23,7 @@
 	--_ui5_textarea_value_state_focus_offset: 1px;
 	--_ui5_textarea_focus_outline_color: var(--sapContent_FocusColor);
 	--_ui5_textarea_min_height: 2.25rem;
-	--_ui5_textarea_wrapper_padding: 0;
+	--_ui5_textarea_wrapper_padding: 0.0625rem;
 	--_ui5_textarea_success_wrapper_padding: 0;
 	--_ui5_textarea_warning_error_wrapper_padding: 0;
 	--_ui5_textarea_information_wrapper_padding: 0;

packages/main/src/themes/sap_horizon/TextArea-parameters.css

@@ -16,7 +16,6 @@
 	--_ui5_textarea_readonly_focus_offset: 1px;
 	--_ui5_textarea_focus_outline_color: var(--sapField_Active_BorderColor);
 	--_ui5_textarea_value_state_focus_offset: 1px;
-	--_ui5_textarea_wrapper_padding: 0.0625rem;
 	--_ui5_textarea_success_wrapper_padding: 0.0625rem;
 	--_ui5_textarea_warning_error_wrapper_padding: 0.0625rem 0.0625rem 0.125rem 0.0625rem;
 	--_ui5_textarea_information_wrapper_padding: 0.0625rem 0.0625rem 0.125rem 0.0625rem;

packages/main/src/themes/sap_horizon_dark/TextArea-parameters.css

@@ -16,7 +16,6 @@
 	--_ui5_textarea_readonly_focus_offset: 1px;
 	--_ui5_textarea_focus_outline_color: var(--sapField_Active_BorderColor);
 	--_ui5_textarea_value_state_focus_offset: 1px;
-	--_ui5_textarea_wrapper_padding: 0.0625rem;
 	--_ui5_textarea_success_wrapper_padding: 0.0625rem;
 	--_ui5_textarea_warning_error_wrapper_padding: 0.0625rem 0.0625rem 0.125rem 0.0625rem;
 	--_ui5_textarea_information_wrapper_padding: 0.0625rem 0.0625rem 0.125rem 0.0625rem;

packages/main/test/pages/TextArea.html

@@ -125,6 +125,25 @@
 		<ui5-textarea class="fixed-width" placeholder="Growing Text Area" rows="4" growing-max-rows="12" growing></ui5-textarea>
 	</section>
 
+	<section class="group">
+		<ui5-title>Text Area: Growing with long text</ui5-title>
+		<ui5-textarea 
+			class="fixed-width"
+			growing
+			growing-max-rows="30"
+			rows="4"
+			value="some text line 1
+some text line 2
+some text line 3
+some text line 4
+some text line 5
+some text line 6
+some text line 7
+some text line 8
+some text line 9">
+		</ui5-textarea>
+	</section>
+
 	<section class="group">
 		<ui5-title>Text Area: growing with max length 20 characters </ui5-title>
 		<ui5-textarea id="ta-max-length" class="fixed-width" value-state="Negative" growing maxlength="20" placeholder="Max length"></ui5-textarea>