@ui5/webcomponents 1.9.0 → 1.9.2

package/src/themes/base/ValueStateMessage-parameters.css

@@ -8,5 +8,6 @@
 	--_ui5_value_state_message_icon_width: .875rem;
 	--_ui5_value_state_message_icon_height: .875rem;
 	--_ui5_input_value_state_icon_offset: .5rem;
-	--_ui5_value_state_header_offset: -0.125rem
+	--_ui5_value_state_header_offset: -0.125rem;
+	--_ui5_value_state_message_popover_border_radius: 0;
 }

package/src/themes/base/sizes-parameters.css

@@ -119,7 +119,10 @@
 	--_ui5_tc_item_add_text_margin_top: 0.375rem;
 
 	/* TextArea */
-	--_ui5_textarea_padding: 0.5rem 0.625rem;
+	--_ui5_textarea_padding_top: 0.4375rem;
+	--_ui5_textarea_padding_bottom:0.4375rem;
+	--_ui5_textarea_padding_left: 0.625rem;
+	--_ui5_textarea_padding_right: 0.625rem;
 	--_ui5_textarea_margin: .25rem 0;
 
 	/* Panel */
@@ -256,7 +259,6 @@
 	--_ui5_popup_default_header_height: 2.5rem;
 
 	/* TextArea */
-	--_ui5_textarea_padding: .1875rem .5rem;
 	--_ui5_textarea_margin: .1875rem 0;
 
 	/* List */
@@ -289,6 +291,10 @@
 	--_ui5_token_wrapper_right_padding: 0.25rem;
 	--_ui5_token_wrapper_left_padding: 0;
 	--_ui5_token_outline_offset: -0.125rem;
+	--_ui5_textarea_padding_top: 0.125rem;
+	--_ui5_textarea_padding_bottom: 0.125rem;
+	--_ui5_textarea_padding_left: 0.5rem;
+	--_ui5_textarea_padding_right: 0.5rem;
 
 	--_ui5_tl_bubble_padding: .5rem;
 	--_ui5_tl_indicator_before_bottom: -.5rem;

package/src/themes/sap_belize/TabContainer-parameters.css

@@ -3,4 +3,8 @@
 :root {
 	--_ui5_tc_headerItem_text_selected_color: #3b6f9a;
 	--_ui5_tc_headerItemIcon_selected_background: #3b6f9a;
+	--_ui5_tc_header_background: var( --sapObjectHeader_Background);
+	--_ui5_tc_header_background_translucent: rgba(239,244,249,0.6);
+	--_ui5_tc_content_background: var(--sapGroup_ContentBackground);
+	--_ui5_tc_content_background_translucent: rgba(255,255,255,0.6);
 }

package/src/themes/sap_belize/TextArea-parameters.css

@@ -0,0 +1,15 @@
+@import "../base/TextArea-parameters.css";
+
+:root {
+	--__ui5_textarea_min_height: 2.5rem;
+	--_ui5_textarea_padding_top_error_warning: 0.5rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.5rem;
+	--_ui5_textarea_padding_top_information: 0.5rem;
+	--_ui5_textarea_padding_bottom_information: 0.5rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--__ui5_textarea_min_height: 1.625rem;
+}

package/src/themes/sap_belize/parameters-bundle.css

@@ -1,4 +1,4 @@
-@import "../base/sizes-parameters.css";
+@import "./sizes-parameters.css";
 @import "../base/rtl-parameters.css";
 @import "../base/Avatar-parameters.css";
 @import "../base/AvatarGroup-parameters.css";
@@ -40,7 +40,7 @@
 @import "./TableRow-parameters.css";
 @import "../base/TableGroupRow-parameters.css";
 @import "../base/GrowingButton-parameters.css";
-@import "../base/TextArea-parameters.css";
+@import "./TextArea-parameters.css";
 @import "./TimePicker-parameters.css";
 @import "../base/Toast-parameters.css";
 @import "../base/ToggleButton-parameters.css";

package/src/themes/sap_belize/sizes-parameters.css

@@ -4,6 +4,8 @@
 	/* SplitButton */
 	--_ui5_split_button_middle_separator_height: 2.5rem;
 	--_ui5_split_button_text_button_width: 2.5rem;
+	--_ui5_textarea_padding_top: 0.5625rem;
+	--_ui5_textarea_padding_bottom: 0.5625rem;
 }
 
 [data-ui5-compact-size],

package/src/themes/sap_belize_hcb/TextArea-parameters.css

@@ -1,13 +1,31 @@
 @import "../base/TextArea-parameters.css";
 
 :root {
-	--_ui5_textarea_focus_after_width: 2px;
-	--_ui5_textarea_warning_border_style: dashed;
+	--__ui5_textarea_min_height: 2.5rem;
+	--_ui5_textarea_error_warning_border_style: dashed;
 	--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
-	--_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground);
 	--_ui5_textarea_information_border_width: var(--sapField_BorderWidth);
-	--_ui5_textarea_placeholder_font_style: normal;
 	--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
 	--_ui5_textarea_error_placeholder_font_style: normal;
+	--_ui5_textarea_error_placeholder_font_weight: bold;
+	--_ui5_textarea_placeholder_font_style: normal;
+	--_ui5_textarea_error_warning_font_style: italic;
+	--_ui5_textarea_error_warning_font_weight: bold;
+	--_ui5_textarea_state_border_width: 0.0625rem;
 	--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
+	--_ui5_textarea_padding_top: 0.5625rem;
+	--_ui5_textarea_padding_bottom: 0.5625rem;
+	--_ui5_textarea_padding_top_error_warning: 0.5625rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.5625rem;
+	--_ui5_textarea_padding_top_information: 0.5625rem;
+	--_ui5_textarea_padding_bottom_information: 0.5625rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_textarea_padding_top_error_warning: 0.125rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
+	--_ui5_textarea_padding_top_information: 0.125rem;
+	--_ui5_textarea_padding_bottom_information: 0.125rem;
 }

package/src/themes/sap_belize_hcw/TextArea-parameters.css

@@ -1,13 +1,31 @@
 @import "../base/TextArea-parameters.css";
 
 :root {
-	--_ui5_textarea_focus_after_width: 2px;
-	--_ui5_textarea_warning_border_style: dashed;
+	--__ui5_textarea_min_height: 2.5rem;
+	--_ui5_textarea_error_warning_border_style: dashed;
 	--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
-	--_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground);
 	--_ui5_textarea_information_border_width: var(--sapField_BorderWidth);
-	--_ui5_textarea_placeholder_font_style: normal;
 	--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
+	--_ui5_textarea_error_placeholder_font_weight: bold;
+	--_ui5_textarea_placeholder_font_style: normal;
+	--_ui5_textarea_error_warning_font_style: italic;
+	--_ui5_textarea_error_warning_font_weight: bold;
+	--_ui5_textarea_state_border_width: 0.0625rem;
 	--_ui5_textarea_error_placeholder_font_style: normal;
 	--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
+	--_ui5_textarea_padding_top: 0.5625rem;
+	--_ui5_textarea_padding_bottom: 0.5625rem;
+	--_ui5_textarea_padding_top_error_warning: 0.5625rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.5625rem;
+	--_ui5_textarea_padding_top_information: 0.5625rem;
+	--_ui5_textarea_padding_bottom_information: 0.5625rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_textarea_padding_top_error_warning: 0.125rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
+	--_ui5_textarea_padding_top_information: 0.125rem;
+	--_ui5_textarea_padding_bottom_information: 0.125rem;
 }

package/src/themes/sap_fiori_3_hcb/TextArea-parameters.css

@@ -1,18 +1,28 @@
 @import "../base/TextArea-parameters.css";
 
 :root {
-	--_ui5_textarea_focus_after_width: 2px;
-	--_ui5_textarea_warning_border_style: dashed;
-	--_ui5_textarea_error_warning_border_width: 2 * var(--sapField_BorderWidth);
-	--_ui5_textarea_information_border_width: 0.0625rem;
 	--_ui5_textarea_placeholder_font_style: normal;
 	--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
 	--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
 	--_ui5_textarea_error_placeholder_font_style: normal;
-	--_ui5_input_warning_font_weight: bold;
+	--_ui5_textarea_error_warning_font_weight: bold;
+	--_ui5_textarea_error_warning_font_style: italic;
 	--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
-	--_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground);
 	--_ui5_textarea_information_border_width: var(--sapField_BorderWidth);
-	--_ui5_textarea_value_state_focus_outline_offset: -5px;
-	--_ui5_textarea_focus_outline_offset: -5px;
+	--_ui5_textarea_error_warning_border_style: dashed;
+	--_ui5_textarea_padding_top_information: 0.4375rem;
+	--_ui5_textarea_padding_bottom_information: 0.4375rem;
+	--_ui5_textarea_padding_top: 0.375rem;
+	--_ui5_textarea_padding_bottom: 0.375rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_textarea_padding_top: 0.0625rem;
+	--_ui5_textarea_padding_bottom: 0.0625rem;
+	--_ui5_textarea_padding_top_error_warning: 0.0625rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.0625rem;
+	--_ui5_textarea_padding_top_information: 0.0625rem;
+	--_ui5_textarea_padding_bottom_information: 0.0625rem;
 }

package/src/themes/sap_fiori_3_hcw/TextArea-parameters.css

@@ -1,18 +1,28 @@
 @import "../base/TextArea-parameters.css";
 
 :root {
-	--_ui5_textarea_focus_after_width: 2px;
-	--_ui5_textarea_warning_border_style: dashed;
-	--_ui5_textarea_error_warning_border_width: 2 * var(--sapField_BorderWidth);
-	--_ui5_textarea_information_border_width: 0.0625rem;
 	--_ui5_textarea_placeholder_font_style: normal;
 	--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
 	--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
 	--_ui5_textarea_error_placeholder_font_style: normal;
-	--_ui5_input_warning_font_weight: bold;
+	--_ui5_textarea_error_warning_font_weight: bold;
+	--_ui5_textarea_error_warning_font_style: italic;
 	--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
-	--_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground);
 	--_ui5_textarea_information_border_width: var(--sapField_BorderWidth);
-	--_ui5_textarea_value_state_focus_outline_offset: -5px;
-	--_ui5_textarea_focus_outline_offset: -5px;
+	--_ui5_textarea_error_warning_border_style: dashed;
+	--_ui5_textarea_padding_top_information: 0.4375rem;
+	--_ui5_textarea_padding_bottom_information: 0.4375rem;
+	--_ui5_textarea_padding_top: 0.375rem;
+	--_ui5_textarea_padding_bottom: 0.375rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_textarea_padding_top: 0.0625rem;
+	--_ui5_textarea_padding_bottom: 0.0625rem;
+	--_ui5_textarea_padding_top_error_warning: 0.0625rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.0625rem;
+	--_ui5_textarea_padding_top_information: 0.0625rem;
+	--_ui5_textarea_padding_bottom_information: 0.0625rem;
 }

package/src/themes/sap_horizon/TextArea-parameters.css

@@ -1,17 +1,36 @@
 @import "../base/TextArea-parameters.css";
 
 :root {
-	--_ui5_textarea_inner_border_width: 0px;
-	--_ui5_textarea_state_border_width: 0px;
-	--_ui5_textarea_success_border_width: 0px;
+	--_ui5_textarea_hover_border: none;
 	--_ui5_textarea_hover_box_shadow: var(--sapContent_Interaction_Shadow);
-	--_ui5_textarea_focus_box_shadow: 0px 0px 0px 0.125rem var(--sapField_Focus_BorderColor);
-	--_ui5_textarea_value_state_warning_focus_box_shadow: 0px 0px 0px 2px var(--sapField_WarningColor);
-	--_ui5_textarea_value_state_error_focus_box_shadow: 0px 0px 0px 2px var(--sapField_InvalidColor);
-	--_ui5_textarea_value_state_success_focus_box_shadow: 0px 0px 0px 2px var(--sapField_SuccessColor);
-	--_ui5_textarea_focus_outline: none;
-	--_ui5_textarea_value_state_focus_outline: none;
-	--_ui5_textarea_after_element_display: inline-block;
-	--_ui5_textarea_value_state_warning_hover_box_shadow: none;
-	--_ui5_textarea_disabled_background_color: var(--sapField_Background);
+	--_ui5_textarea_value_state_warning_hover_box_shadow: var(--sapContent_Critical_Shadow);
+	--_ui5_textarea_value_state_success_hover_box_shadow: var(--sapContent_Positive_Shadow);
+	--_ui5_textarea_value_state_information_hover_box_shadow: var(--sapContent_Informative_Shadow);
+	--_ui5_textarea_value_state_error_hover_box_shadow: var(--sapContent_Negative_Shadow);
+	--_ui5_textarea_focus_border_radius: 0.25rem;
+	--_ui5_textarea_error_warning_border_style: none;
+	--_ui5_textarea_line_height: 1.5;
+	--_ui5_textarea_focused_value_state_error_background: var(--sapField_Hover_Background);
+	--_ui5_textarea_focused_value_state_warning_background: var(--sapField_Hover_Background);
+	--_ui5_textarea_focused_value_state_success_background: var(--sapField_Hover_Background);
+	--_ui5_textarea_focused_value_state_information_background: var(--sapField_Hover_Background);
+	--_ui5_textarea_focused_value_state_error_focus_outline_color: var(--sapField_InvalidColor);
+	--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapField_WarningColor);
+	--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapField_SuccessColor);
+	--_ui5_textarea_focus_offset: 0;
+	--_ui5_textarea_focus_outline_color: var(--sapField_Active_BorderColor);
+	--_ui5_textarea_value_state_focus_offset: 0;
+	--_ui5_textarea_padding_top_error_warning: 0.5rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.4375rem;
+	--_ui5_textarea_padding_top_information: 0.5rem;
+	--_ui5_textarea_padding_bottom_information: 0.4375rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_textarea_padding_top_error_warning: 0.1875rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
+	--_ui5_textarea_padding_top_information: 0.1875rem;
+	--_ui5_textarea_padding_bottom_information: 0.125rem;
 }

package/src/themes/sap_horizon/ValueStateMessage-parameters.css

@@ -8,4 +8,5 @@
 	--_ui5_value_state_message_icon_width: 1rem;
 	--_ui5_value_state_message_icon_height: 1rem;
 	--_ui5_value_state_header_offset: -0.25rem;
+	--_ui5_value_state_message_popover_border_radius: var(--sapPopover_BorderCornerRadius);
 }

package/src/themes/sap_horizon/sizes-parameters.css

@@ -10,11 +10,15 @@
 	--_ui5_color-palette-item-hover-height: 2.25rem;
 	--_ui5_color-palette-item-margin: calc(((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2) + 0.0625rem);
 	--_ui5_color-palette-row-width: 12rem;
+	--_ui5_textarea_padding_top: 0.5rem;
+	--_ui5_textarea_padding_bottom: 0.4375rem;
 }
 
 [data-ui5-compact-size],
 .ui5-content-density-compact,
 .sapUiSizeCompact {
+	--_ui5_textarea_padding_top: 0.1875rem;
+	--_ui5_textarea_padding_bottom: 0.125rem;
 	--_ui5_radio_button_focus_dist: 0.25rem;
 	--_ui5_checkbox_focus_position: 0.25rem;
 

package/src/themes/sap_horizon_dark/TextArea-parameters.css

@@ -1,17 +1,36 @@
 @import "../base/TextArea-parameters.css";
 
 :root {
-	--_ui5_textarea_inner_border_width: 0px;
-	--_ui5_textarea_state_border_width: 0px;
-	--_ui5_textarea_success_border_width: 0px;
+	--_ui5_textarea_hover_border: none;
 	--_ui5_textarea_hover_box_shadow: var(--sapContent_Interaction_Shadow);
-	--_ui5_textarea_focus_box_shadow: 0px 0px 0px 0.125rem var(--sapField_Focus_BorderColor);
-	--_ui5_textarea_value_state_warning_focus_box_shadow: 0px 0px 0px 2px var(--sapField_WarningColor);
-	--_ui5_textarea_value_state_error_focus_box_shadow: 0px 0px 0px 2px var(--sapField_InvalidColor);
-	--_ui5_textarea_value_state_success_focus_box_shadow: 0px 0px 0px 2px var(--sapField_SuccessColor);
-	--_ui5_textarea_focus_outline: none;
-	--_ui5_textarea_value_state_focus_outline: none;
-	--_ui5_textarea_after_element_display: inline-block;
-	--_ui5_textarea_value_state_warning_hover_box_shadow: none;
-	--_ui5_textarea_disabled_background_color: var(--sapField_Background);
+	--_ui5_textarea_value_state_warning_hover_box_shadow: var(--sapContent_Critical_Shadow);
+	--_ui5_textarea_value_state_success_hover_box_shadow: var(--sapContent_Positive_Shadow);
+	--_ui5_textarea_value_state_information_hover_box_shadow: var(--sapContent_Informative_Shadow);
+	--_ui5_textarea_value_state_error_hover_box_shadow: var(--sapContent_Negative_Shadow);
+	--_ui5_textarea_focus_border_radius: 0.25rem;
+	--_ui5_textarea_line_height: 1.5;
+	--_ui5_textarea_error_warning_border_style: none;
+	--_ui5_textarea_focused_value_state_error_background: var(--sapField_Hover_Background);
+	--_ui5_textarea_focused_value_state_warning_background: var(--sapField_Hover_Background);
+	--_ui5_textarea_focused_value_state_success_background: var(--sapField_Hover_Background);
+	--_ui5_textarea_focused_value_state_information_background: var(--sapField_Hover_Background);
+	--_ui5_textarea_focused_value_state_error_focus_outline_color: var(--sapField_InvalidColor);
+	--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapField_WarningColor);
+	--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapField_SuccessColor);
+	--_ui5_textarea_focus_offset: 0;
+	--_ui5_textarea_focus_outline_color: var(--sapField_Active_BorderColor);
+	--_ui5_textarea_value_state_focus_offset: 0;
+	--_ui5_textarea_padding_top_error_warning: 0.5rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.4375rem;
+	--_ui5_textarea_padding_top_information: 0.5rem;
+	--_ui5_textarea_padding_bottom_information: 0.4375rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_textarea_padding_top_error_warning: 0.1875rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
+	--_ui5_textarea_padding_top_information: 0.1875rem;
+	--_ui5_textarea_padding_bottom_information: 0.125rem;
 }

package/src/themes/sap_horizon_dark/ValueStateMessage-parameters.css

@@ -8,4 +8,5 @@
 	--_ui5_value_state_message_icon_width: 1rem;
 	--_ui5_value_state_message_icon_height: 1rem;
 	--_ui5_value_state_header_offset: -0.25rem;
+	--_ui5_value_state_message_popover_border_radius: var(--sapPopover_BorderCornerRadius);
 }

package/src/themes/sap_horizon_dark/sizes-parameters.css

@@ -1,6 +1,9 @@
 @import "../base/sizes-parameters.css";
 
 :root {
+	--_ui5_textarea_padding_top: 0.5rem;
+	--_ui5_textarea_padding_bottom: 0.4375rem;
+
 	/* SplitButton */
 	--_ui5_split_button_middle_separator_top: 0.625rem;
 	--_ui5_split_button_middle_separator_height: 1rem;
@@ -15,6 +18,9 @@
 [data-ui5-compact-size],
 .ui5-content-density-compact,
 .sapUiSizeCompact {
+	--_ui5_textarea_padding_top: 0.1875rem;
+	--_ui5_textarea_padding_bottom: 0.125rem;
+
 	--_ui5_radio_button_focus_dist: 0.25rem;
 	--_ui5_checkbox_focus_position: 0.25rem;
 

package/src/themes/sap_horizon_hcb/TextArea-parameters.css

@@ -1,19 +1,33 @@
 @import "../base/TextArea-parameters.css";
 
 :root {
-	--_ui5_textarea_focus_after_width: 2px;
-	--_ui5_textarea_warning_border_style: dashed;
-	--_ui5_textarea_error_warning_border_width: 2 * var(--sapField_BorderWidth);
-	--_ui5_textarea_information_border_width: 0.0625rem;
+	--_ui5_textarea_line_height: 1.5;
+	--_ui5_textarea_error_warning_border_style: dashed;
+	--_ui5_textarea_error_warning_font_weight: bold;
+	--_ui5_textarea_error_warning_font_style: italic;
 	--_ui5_textarea_placeholder_font_style: normal;
-	--_ui5_input_warning_font_weight: bold;
 	--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
 	--_ui5_textarea_error_placeholder_font_style: normal;
 	--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
-	--_ui5_textarea_disabled_background_color: var(--sapField_Background);
 	--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
-	--_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground);
-	--_ui5_textarea_information_border_width: 0.0625rem;
-	--_ui5_textarea_focus_outline_offset: -5px;
-	--_ui5_textarea_value_state_focus_outline_offset: -5px;
+	--_ui5_textarea_error_warning_border_style: dashed;
+	--_ui5_textarea_padding_top_information: 0.375rem;
+	--_ui5_textarea_padding_bottom_information: 0.3125rem;
+	--_ui5_textarea_padding_top: 0.375rem;
+	--_ui5_textarea_padding_bottom: 0.3125rem;
+	--_ui5_textarea_padding_top_error_warning: 0.375rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.3125rem;
+	--_ui5_textarea_padding_top_information: 0.375rem;
+	--_ui5_textarea_padding_bottom_information: 0.3125rem;	
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_textarea_padding_top: 0.0625rem;
+	--_ui5_textarea_padding_bottom: 0rem;
+	--_ui5_textarea_padding_top_error_warning: 0.0625rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0rem;
+	--_ui5_textarea_padding_top_information: 0.0625rem;
+	--_ui5_textarea_padding_bottom_information: 0rem;
 }

package/src/themes/sap_horizon_hcw/TextArea-parameters.css

@@ -1,19 +1,33 @@
 @import "../base/TextArea-parameters.css";
 
 :root {
-	--_ui5_textarea_focus_after_width: 2px;
-	--_ui5_textarea_warning_border_style: dashed;
-	--_ui5_textarea_error_warning_border_width: 2 * var(--sapField_BorderWidth);
-	--_ui5_textarea_information_border_width: 0.0625rem;
-	--_ui5_textarea_placeholder_font_style: normal;
-	--_ui5_input_warning_font_weight: bold;
+	--_ui5_textarea_line_height: 1.5;
+	--_ui5_textarea_error_warning_border_style: dashed;
+	--_ui5_textarea_error_warning_font_weight: bold;
+	--_ui5_textarea_error_warning_font_style: italic;
 	--_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
 	--_ui5_textarea_error_placeholder_font_style: normal;
+	--_ui5_textarea_placeholder_font_style: normal;
 	--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
-	--_ui5_textarea_disabled_background_color: var(--sapField_Background);
 	--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
-	--_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground);
-	--_ui5_textarea_information_border_width: 0.0625rem;
-	--_ui5_textarea_focus_outline_offset: -5px;
-	--_ui5_textarea_value_state_focus_outline_offset: -5px;
+	--_ui5_textarea_error_warning_border_style: dashed;
+	--_ui5_textarea_padding_top_information: 0.375rem;
+	--_ui5_textarea_padding_bottom_information: 0.3125rem;
+	--_ui5_textarea_padding_top: 0.375rem;
+	--_ui5_textarea_padding_bottom: 0.3125rem;
+	--_ui5_textarea_padding_top_error_warning: 0.375rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.3125rem;
+	--_ui5_textarea_padding_top_information: 0.375rem;
+	--_ui5_textarea_padding_bottom_information: 0.3125rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_textarea_padding_top: 0.0625rem;
+	--_ui5_textarea_padding_bottom: 0rem;
+	--_ui5_textarea_padding_top_error_warning: 0.0625rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0rem;
+	--_ui5_textarea_padding_top_information: 0.0625rem;
+	--_ui5_textarea_padding_bottom_information: 0rem;
 }

package/src/types/TabContainerBackgroundDesign.js

@@ -0,0 +1,48 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * Background design for the header and content of Tab Container
+ * @lends sap.ui.webcomponents.main.types.TabContainerBackgroundDesign.prototype
+ * @public
+ */
+const TabContainerBackgroundDesigns = {
+	/**
+	 * A Solid background color.
+	 * @public
+	 * @type {Solid}
+	 */
+	Solid: "Solid",
+
+	/**
+	 * A Transparent background color.
+	 * @public
+	 * @type {Transparent}
+	 */
+	Transparent: "Transparent",
+
+	/**
+	 * A Translucent background color.
+	 * @public
+	 * @type {Translucent}
+	 */
+	 Translucent: "Translucent",
+};
+
+/**
+ * @class
+ * Defines the Tab Container's header and content background colors
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.TabContainerBackgroundDesign
+ * @public
+ * @enum {string}
+ */
+class TabContainerBackgroundDesign extends DataType {
+	static isValid(value) {
+		return !!TabContainerBackgroundDesigns[value];
+	}
+}
+
+TabContainerBackgroundDesign.generateTypeAccessors(TabContainerBackgroundDesigns);
+
+export default TabContainerBackgroundDesign;