@ui5/webcomponents 0.0.0-ec448881d → 0.0.0-ee3bbe46b

package/src/themes/{TreeListItem.css → TreeItem.css}

@@ -40,11 +40,11 @@
 	padding-inline-start: 0;
 }
 
-:host(:not([level="1"])) {
+:host(:not([level="1"])) .ui5-li-root {
 	border-color: var(--sapList_AlternatingBackground);
 }
 
-:host([_toggle-button-end][selected]:not([level="1"])) {
+:host([_toggle-button-end][selected]:not([level="1"])) .ui5-li-root {
 	border-bottom: var(--ui5-listitem-selected-border-bottom);
 }
 
@@ -99,3 +99,50 @@
 	justify-content: space-between;
 	width: 100%;
 }
+
+/* move host styles to .ui5-li-root as the focused element of [ui5-tree-item]
+is the .ui5-li-root and not the host. The host height expands to fill subtree */
+
+:host {
+    height: unset;
+}
+
+.ui5-li-root {
+    height: var(--_ui5_list_item_base_height);
+}
+
+/* selected */
+:host([selected]) {
+    background: unset;
+}
+:host([selected]) .ui5-li-root {
+    background: var(--sapList_SelectionBackgroundColor);
+}
+
+:host([has-border]) {
+    border-bottom: unset;
+}
+:host([has-border]) .ui5-li-root {
+    border-bottom: var(--ui5-listitem-border-bottom);
+}
+
+/* focused & selected */
+:host(:not([focused])[selected][has-border]) {
+    border-bottom: unset;
+}
+:host(:not([focused])[selected][has-border]) .ui5-li-root {
+    border-bottom: var(--ui5-listitem-selected-border-bottom);
+}
+
+:host([focused][selected]) {
+    border-bottom: unset;
+}
+:host([focused][selected]) .ui5-li-root {
+    border-bottom: var(--ui5-listitem-focused-selected-border-bottom);
+}
+
+.ui5-tree-li-subtree {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}

package/src/themes/ValueStateMessage.css

@@ -1,4 +1,5 @@
 .ui5-valuestatemessage-popover {
+	border-radius: var(--_ui5_value_state_message_popover_border_radius);
 	box-shadow: var(--_ui5_value_state_message_popover_box_shadow);
 }
 

package/src/themes/YearPicker.css

@@ -36,7 +36,6 @@
 	box-sizing: border-box;
 	-webkit-user-select: none;
 	-moz-user-select: none;
-	-ms-user-select: none;
 	user-select: none;
 	cursor: default;
 	outline: none;
@@ -45,11 +44,22 @@
 	border-radius: var(--_ui5_yearpicker_item_border_radius);
 }
 
+.ui5-yp-item-secondary-type {
+	flex-direction: column;
+	width: calc(50% - 0.125rem);
+}
+
+.ui5-yp-item-sec-type{
+	font-size: 0.75rem;
+	color: var(--sapNeutralElementColor);
+}
+
 .ui5-yp-item:hover {
 	background-color: var(--sapList_Hover_Background);
 }
 
-.ui5-yp-item.ui5-yp-item--selected {
+.ui5-yp-item.ui5-yp-item--selected,
+.ui5-yp-item.ui5-yp-item--selected .ui5-yp-item-sec-type {
 	background-color: var(--_ui5_yearpicker_item_selected_background_color);
 	color: var(--_ui5_yearpicker_item_selected_text_color);
 	box-shadow: var(--_ui5_yearpicker_item_selected_box_shadow);
@@ -66,7 +76,7 @@
 }
 
 .ui5-yp-item.ui5-yp-item--selected:focus::after {
-	border-color: var(--sapContent_ContrastFocusColor);
+	border-color: var(--_ui5_yearpicker_item_focus_after_border);
 }
 
 .ui5-yp-item.ui5-yp-item--selected:hover {

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

@@ -1,6 +1,7 @@
 :root {
 	--ui5-avatar-initials-color: var(--sapContent_ImagePlaceholderForegroundColor);
 	--ui5-avatar-border-radius: .25rem;
+	--ui5-avatar-border-radius-img-deduction: 0.0625rem;
 	--ui5-avatar-initials-border: none;
 	--ui5-avatar-accent1: var(--sapAccentColor1);
 	--ui5-avatar-accent2: var(--sapAccentColor2);

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

@@ -38,4 +38,7 @@
 	--_ui5_daypicker_item_selected_between_hover_background: inherit;
 	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.0625rem var(--_ui5_daypicker_item_selected_border_color);
 	--_ui5_daypicker_item_selected_text_outline: none;
+	--_ui5_daypicker_item_now_not_selected_inset: 0;
+	--_ui5_daypicker_item_now_inset: 0.1875rem;
+	--_ui5_daypicker_item_now_border_color: var(--sapLegend_CurrentDateTime);
 }

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

@@ -7,4 +7,12 @@
 	--_ui5_dialog_header_focus_left_offset: 2px;
 	--_ui5_dialog_header_focus_right_offset: 2px;
 	--_ui5_dialog_header_border_radius: 0px;
+	--_ui5_dialog_header_error_state_box_shadow: inset 0 -0.0625rem var(--sapErrorBorderColor), var(--sapContent_HeaderShadow);
+	--_ui5_dialog_header_information_state_box_shadow: inset 0 -0.0625rem var(--sapInformationBorderColor), var(--sapContent_HeaderShadow);
+	--_ui5_dialog_header_success_state_box_shadow: inset 0 -0.0625rem var(--sapSuccessBorderColor), var(--sapContent_HeaderShadow);
+	--_ui5_dialog_header_warning_state_box_shadow: inset 0 -0.0625rem var(--sapWarningBorderColor), var(--sapContent_HeaderShadow);
+	--_ui5_dialog_header_error_state_icon_color: var(--sapNegativeElementColor);
+	--_ui5_dialog_header_information_state_icon_color: var(--sapInformativeElementColor);
+	--_ui5_dialog_header_success_state_icon_color: var(--sapPositiveElementColor);
+	--_ui5_dialog_header_warning_state_icon_color: var(--sapCriticalElementColor);
 }

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

@@ -33,7 +33,7 @@
 	--_ui5_input_information_custom_icon_padding: .5rem .625rem;
 	--_ui5_input_error_warning_icon_padding: .5rem .5rem .5rem .5625rem;
 	--_ui5_input_information_icon_padding: .5rem .5rem .5rem .5625rem;
-	--_ui5_input_disabled_opacity: 0.4;
+	--_ui5_input_disabled_opacity: var(--sapContent_DisabledOpacity);
 	--_ui5_input_icon_min_width: 2.25rem;
 	--_ui5_input_compact_min_width: 2rem;
 	--_ui5_input_transition: none;
@@ -58,6 +58,17 @@
 	--_ui5-input-background-image: none;
 	--_ui5_input_focus_offset: 1px;
 	--ui5_input_focus_pseudo_element_content: '';
-	--_ui5_input_value_state_error_placeholder_font_weight: normal;
+	--_ui5_input_value_state_error_warning_placeholder_font_weight: normal;
 	--_ui5_input_focus_outline_color: var(--sapContent_FocusColor);
+	--_ui5-input_error_placeholder_color: var(--sapField_PlaceholderTextColor);
+	--_ui5_input_icon_width: 2.25rem;
+	--_ui5_input_icon_wrapper_height: 100%;
+	--_ui5_input_icon_wrapper_state_height: 100%;
+	--_ui5_input_icon_wrapper_success_state_height: 100%;
 }
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_input_icon_width: 2rem;
+}

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

@@ -1,4 +1,6 @@
 :root {
 	--_ui5_menu_popover_border_radius: var(--sapElement_BorderCornerRadius);
 	--_ui5_menu_item_padding: 0 1rem 0 0.75rem;
+	--_ui5_menu_item_submenu_icon_right: 1rem;
+	--_ui5_menu_item_additional_text_start_margin: 1rem;
 }

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

@@ -9,6 +9,7 @@
 	--_ui5_panel_icon_color: var(--sapContent_IconColor);
 	--_ui5_panel_header_padding_right: 0.5rem;
 	--_ui5_panel_header_button_wrapper_padding: .25rem;
+	--_ui5_panel_focus_offset: 1px;
 }
 
 [data-ui5-compact-size],

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

@@ -6,6 +6,8 @@
 	--_ui5_popup_header_footer_padding_m_l: 2rem;
 	--_ui5_popup_header_footer_padding_xl: 3rem;
 	--_ui5_popup_viewport_margin: 10px;
-	--_ui5_popup_header_footer_font_weight: 400;
+	--_ui5_popup_header_font_weight: 400;
+	--_ui5_popup_header_font_family: var(--sapFontFamily);
 	--_ui5_popup_header_prop_header_text_alignment: flex-start;
+	--_ui5_popup_border_radius: var(--sapElement_BorderCornerRadius);
 }

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

@@ -4,6 +4,7 @@
 	--_ui5_slider_progress_container_dot_display: none;
 	--_ui5_slider_progress_container_dot_background: var(--sapField_BorderColor);
 	--_ui5_slider_progress_border: none;
+	--_ui5_slider_padding: 1.406rem 1.0625rem;
 	--_ui5_slider_inner_height: 0.25rem;
 	--_ui5_slider_outer_height: 1.6875rem;
 	--_ui5_slider_progress_border_radius: 0.25rem;
@@ -91,6 +92,7 @@
 	--_ui5_slider_no_tickmarks_active_progress_left: var(--_ui5_slider_active_progress_left);
 	--_ui5_slider_no_tickmarks_active_progress_top: var(--_ui5_slider_active_progress_top);
 	--_ui5_slider_handle_focus_visibility: none;
+	--_ui5_slider_handle_icon_size: 1rem;
 }
 
 [data-ui5-compact-size],
@@ -98,4 +100,6 @@
 .sapUiSizeCompact {
 	--_ui5_slider_handle_focused_top: -0.625rem;
 	--_ui5_slider_handle_focused_margin_left: -0.75rem;
+	--_ui5_slider_handle_icon_size: .875rem;
+	--_ui5_slider_padding: 1rem 1.0625rem;
 }

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

@@ -5,6 +5,10 @@
 	--_ui5_tc_header_height_text_with_additional_text: var(--_ui5_tc_item_text_only_with_additional_text_height);
 	--_ui5_tc_header_box_shadow: var(--sapContent_HeaderShadow);
 	--_ui5_tc_header_border_bottom: 0.125rem solid var(--sapObjectHeader_Background);
+	--_ui5_tc_header_background: var(--sapObjectHeader_Background);
+	--_ui5_tc_header_background_translucent: var(--sapObjectHeader_Background);
+	--_ui5_tc_content_background: var(--sapBackgroundColor);
+	--_ui5_tc_content_background_translucent: var(--sapGroup_ContentBackground);
 
 	/* Header Item */
 	--_ui5_tc_headeritem_padding: 0 1rem;

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

@@ -5,4 +5,5 @@
 	--ui5_table_header_row_font_weight: normal;
 	--ui5_table_header_row_border_bottom_color: var(--sapList_BorderColor);
 	--ui5_table_header_row_border_width: 1px;
+	--_ui5_table_load_more_border-bottom: none;
 }

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

@@ -1,26 +1,44 @@
 :root {
-	--_ui5_textarea_focus_after_width: 1px;
-	--_ui5_textarea_warning_border_style: solid;
 	--_ui5_textarea_state_border_width: 0.125rem;
 	--_ui5_textarea_information_border_width: 0.125rem;
-	--_ui5_textarea_focus_box_shadow: none;
-	--_ui5_textarea_value_state_warning_focus_box_shadow: none;
-	--_ui5_textarea_value_state_error_focus_box_shadow: none;
-	--_ui5_textarea_value_state_success_focus_box_shadow: none;
-	--_ui5_textarea_hover_box_shadow: none;
-	--_ui5_textarea_inner_border_width: var(--sapField_BorderWidth);
-	--_ui5_textarea_success_border_width: 1px;
-	--_ui5_textarea_focus_outline: var(--_ui5_textarea_focus_after_width) dotted var(--sapContent_FocusColor);
-	--_ui5_textarea_focus_outline_offset: -3px;
-	--_ui5_textarea_value_state_focus_outline: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);
-	--_ui5_textarea_value_state_focus_outline_offset: -4px;
-	--_ui5_textarea_after_element_display: none;
 	--_ui5_textarea_placeholder_font_style: italic;
-	--_ui5_input_warning_font_weight: normal;
 	--_ui5_textarea_value_state_error_warning_placeholder_font_weight: normal;
 	--_ui5_textarea_error_placeholder_font_style: italic;
 	--_ui5_textarea_error_placeholder_color: var(--sapField_PlaceholderTextColor);
-	--_ui5_textarea_disabled_background_color: var(--sapField_ReadOnly_Background);
 	--_ui5_textarea_error_hover_background_color: var(--sapField_Hover_Background);
-	--_ui5_textarea_error_focused_background_color: var(--sapField_Focus_Background);
+	--_ui5_textarea_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);
+	--_ui5_textarea_hover_box_shadow: none;
+	--_ui5_textarea_error_warning_border_style: solid;
+	--_ui5_textarea_disabled_opacity: 0.4;
+	--_ui5_textarea_line_height: 1.4;
+	--_ui5_textarea_focus_pseudo_element_content: '';
+	--_ui5_textarea_focused_value_state_error_background: var(--sapField_InvalidBackground);
+	--_ui5_textarea_focused_value_state_warning_background: var(--sapField_WarningBackground);
+	--_ui5_textarea_focused_value_state_success_background: var(--sapField_SuccessBackground);
+	--_ui5_textarea_focused_value_state_information_background: var(--sapField_InformationBackground);
+	--_ui5_textarea_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);
+	--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);
+	--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);
+	--_ui5_textarea_focus_offset: 1px;
+	--_ui5_textarea_value_state_focus_offset: 1px;
+	--_ui5_textarea_focus_outline_color: var(--sapContent_FocusColor);
+	--__ui5_textarea_min_height: 2.25rem;
+	--_ui5_textarea_padding_top_error_warning: 0.375rem;
+	--_ui5_textarea_padding_bottom_error_warning: 0.375rem;
+	--_ui5_textarea_padding_top_information: 0.375rem;
+	--_ui5_textarea_padding_bottom_information: 0.375rem;
+	--_ui5_textarea_margin: 0.25rem 0;
+	--_ui5_textarea_exceeded_text_height: 1rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_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;
+	--_ui5_textarea_exceeded_text_height: 0.375rem;
+	--_ui5_textarea_margin: 0.1875rem 0;
+	--__ui5_textarea_min_height: 1.625rem;
 }

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

@@ -1,7 +1,7 @@
 :root {
 	/* Calendar */
 	--_ui5_calendar_height: 24.5rem;
-	--_ui5_calendar_width: 20.5rem;
+	--_ui5_calendar_width: 20rem;
 	--_ui5_calendar_padding: 1rem;
 	--_ui5_calendar_left_right_padding:  0.5rem;
 	--_ui5_calendar_top_bottom_padding: 1rem;
@@ -34,6 +34,7 @@
 
 	/* Dialog */
 	--_ui5_dialog_content_min_height: 2.75rem;
+    --_ui5_dialog_footer_height: 2.75rem;
 
 	--_ui5_input_inner_padding: 0 0.625rem;
 	--_ui5_input_inner_padding_with_icon: 0 0.25rem 0 0.625rem;
@@ -51,6 +52,7 @@
 	--_ui5_list_item_icon_size: 1.125rem;
 	--_ui5_list_item_icon_padding-inline-end: 0.5rem;
 	--_ui5_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5_checkbox_wrapper_padding));
+	--_ui5_list_item_content_vertical_offset: calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2);
 	--_ui5_group_header_list_item_height: 2.75rem;
 	--_ui5_list_busy_row_height: 3rem;
 	--_ui5_month_picker_item_height: 3rem;
@@ -80,7 +82,7 @@
 	--_ui5_switch_with_label_width: var(--_ui5_switch_with_label_width);
 
 	--_ui5_switch_root_outline_top: var(--_ui5_switch_root_outline_top);
-	--_ui5_switch_root_outline_bottom: var(--_ui5_switch_root_outline_bottom);	
+	--_ui5_switch_root_outline_bottom: var(--_ui5_switch_root_outline_bottom);
 
 	--_ui5_switch_track_width: var(--_ui5_switch_track_width);
 	--_ui5_switch_track_height: var(--_ui5_switch_track_height);
@@ -117,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 */
@@ -229,6 +234,7 @@
 
 	/* Dialog */
 	--_ui5_dialog_content_min_height: 2.5rem;
+    --_ui5_dialog_footer_height: 2.5rem;
 
 	/* Input */
 	--_ui5_input_height: var(--_ui5_input_compact_height);
@@ -244,6 +250,7 @@
 
 	/* Menu */
 	--_ui5_menu_item_padding: 0 0.75rem 0 0.5rem;
+	--_ui5_menu_item_submenu_icon_right: 0.75rem;
 
 	/* Notifications */
 	--_ui5-notification-overflow-popover-padding: 0.25rem 0.5rem;
@@ -252,7 +259,6 @@
 	--_ui5_popup_default_header_height: 2.5rem;
 
 	/* TextArea */
-	--_ui5_textarea_padding: .1875rem .5rem;
 	--_ui5_textarea_margin: .1875rem 0;
 
 	/* List */
@@ -265,6 +271,7 @@
 	--_ui5_list_item_base_height: 2rem;
 	--_ui5_list_item_icon_size: 1rem;
 	--_ui5_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5_checkbox_wrapper_padding));
+	--_ui5_list_item_content_vertical_offset: calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2);
 	--_ui5_list_busy_row_height: 2rem;
 	--_ui5_list_buttons_left_space: 0.125rem;
 
@@ -284,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/DayPicker-parameters.css

@@ -10,7 +10,7 @@
 	--_ui5_daypicker_item_selected_focus_color: var(--sapContent_ContrastFocusColor);
 	--_ui5_daypicker_item_selected_focus_width: 0.0625rem;
 	--_ui5_daypicker_item_no_selected_inset: 0.125rem;
-	--_ui5_daypicker_item_now_border_focus_after: 0.0625rem dotted var(--sapList_SelectionBorderColor);
+	--_ui5_daypicker_item_now_border_focus_after: 0.0625rem dotted var(--sapContent_FocusColor);
 	--_ui5_daypicker_item_now_border_radius_focus_after: 0.0625rem;
 	--_ui5_day_picker_item_selected_now_border: 0.1875rem solid var(--sapList_Background);
 	--_ui5_day_picker_item_selected_now_border_foucs: 0.0625rem dotted var(--sapContent_ContrastFocusColor);

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/Button-parameters.css

@@ -8,5 +8,6 @@
 	--_ui5_button_focus_width: 1px;
 	--_ui5_button_focus_color: var(--sapContent_FocusColor);
 	--_ui5_button_focussed_border_color: transparent;
+	--_ui5_button_text_shadow: none;
 	--_ui5_button_emphasized_outline: 0.125rem dotted var(--sapContent_FocusColor);
 }

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

@@ -10,4 +10,11 @@
 	--_ui5_daypicker_item_now_selected_focus_after_width: calc(100% - 0.25rem);
 	--_ui5_daypicker_item_now_selected_focus_after_height: calc(100% - 0.25rem);
 	--_ui5_daypicker_item_selected_box_shadow: none;
+	--_ui5_daypicker_item_not_selected_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_daypicker_item_no_selected_inset: 0;
+	--_ui5_daypicker_item_now_border_focus_after: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_daypicker_item_now_not_selected_inset: 0.125rem;
+	--_ui5_daypicker_item_now_inset: 0;
+	--_ui5_daypicker_item_now_border_color: var(--sapContent_FocusColor);
+	--sapLegend_WorkingBackground: var(--_ui5_daypicker_item_othermonth_background_color);
 }

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

@@ -22,6 +22,9 @@
 	--_ui5-input_disabled_background: var(--sapField_ReadOnly_Background);
 	--_ui5_input_disabled_border_color: var(--sapField_ReadOnly_BorderColor);
 	--_ui5_input_value_state_error_hover_background: var(--sapField_InvalidBackground);
+	--_ui5_input_value_state_error_warning_placeholder_font_weight: bold;
+	--_ui5_input_placeholder_style: normal;
+	--_ui5-input_error_placeholder_color: var(--sapField_TextColor);
 }
 
 [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/Button-parameters.css

@@ -8,5 +8,6 @@
 	--_ui5_button_focus_width: 1px;
 	--_ui5_button_focus_color: var(--sapContent_FocusColor);
 	--_ui5_button_focussed_border_color: transparent;
+	--_ui5_button_text_shadow: none;
 	--_ui5_button_emphasized_outline: 0.125rem dotted var(--sapContent_FocusColor);
 }

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

@@ -11,4 +11,11 @@
 	--_ui5_daypicker_item_now_selected_focus_after_height: calc(100% - 0.25rem);
 	--_ui5_daypicker_item_selected_border_color: transparent;
 	--_ui5_daypicker_item_selected_box_shadow: none;
+	--_ui5_daypicker_item_not_selected_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_daypicker_item_no_selected_inset: 0;
+	--_ui5_daypicker_item_now_border_focus_after: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_daypicker_item_now_not_selected_inset: 0.125rem;
+	--_ui5_daypicker_item_now_inset: 0;
+	--_ui5_daypicker_item_now_border_color: var(--sapContent_FocusColor);
+	--sapLegend_WorkingBackground: var(--_ui5_daypicker_item_othermonth_background_color);
 }

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

@@ -22,6 +22,9 @@
 	--_ui5-input_disabled_background: var(--sapField_ReadOnly_Background);
 	--_ui5_input_disabled_border_color: var(--sapField_ReadOnly_BorderColor);
 	--_ui5_input_value_state_error_hover_background: var(--sapField_InvalidBackground);
+	--_ui5_input_value_state_error_warning_placeholder_font_weight: bold;
+	--_ui5_input_placeholder_style: normal;
+	--_ui5-input_error_placeholder_color: var(--sapField_TextColor);
 }
 
 [data-ui5-compact-size],

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/Button-parameters.css

@@ -6,6 +6,7 @@
 	--_ui5_button_focus_width: 1px;
 	--_ui5_button_focus_color: var(--sapContent_FocusColor);
 	--_ui5_button_focussed_border_color: transparent;
+	--_ui5_button_text_shadow: none;
 	--_ui5_button_emphasized_outline: 0.125rem dotted var(--sapContent_FocusColor);
 	--_ui5_button_base_height: 2.25rem;
 }

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

@@ -0,0 +1,8 @@
+@import "../base/Dialog-parameters.css";
+
+:root {
+	--_ui5_dialog_header_error_state_box_shadow: inset 0 -0.125rem var(--sapErrorBorderColor);
+	--_ui5_dialog_header_information_state_box_shadow: inset 0 -0.125rem var(--sapInformationBorderColor);
+	--_ui5_dialog_header_success_state_box_shadow: inset 0 -0.125rem var(--sapSuccessBorderColor);
+	--_ui5_dialog_header_warning_state_box_shadow: inset 0 -0.125rem var(--sapWarningBorderColor);
+}

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

@@ -14,10 +14,11 @@
 	--_ui5_input_disabled_color: var(--sapContent_DisabledTextColor);
 	--_ui5_input_disabled_font_weight: normal;
 	--_ui5_input_placeholder_style: normal;
-	--_ui5_input_placeholder_color: var(--sapField_TextColor);
 	--_ui5_input_information_icon_padding: .5625rem;
 	--_ui5_input_information_custom_icon_padding: .5625rem .625rem;
 	--_ui5_input_value_state_error_hover_background: var(--sapField_InvalidBackground);
+	--_ui5_input_value_state_error_warning_placeholder_font_weight: bold;
+	--_ui5-input_error_placeholder_color: var(--sapField_TextColor);
 }
 
 [data-ui5-compact-size],