@ui5/webcomponents 0.0.0-453158269 → 0.0.0-4738ea0dc

package/src/themes/Tokenizer.css

@@ -1,3 +1,5 @@
+@import "./InvisibleTextStyles.css";
+
 :host {
 	display: inline-block;
 	box-sizing: border-box;
@@ -5,12 +7,6 @@
 	height: 2.25rem;
 }
 
-.ui5-hidden-text {
-	width: 1px;
-	overflow: hidden;
-	color: transparent;
-}
-
 .ui5-tokenizer-root {
 	height: 100%;
 	display: flex;
@@ -44,12 +40,8 @@
 	display: flex;
 	flex-wrap: nowrap;
 	align-items: center;
-	overflow: auto;
-	padding-inline-start: var(--_ui5_tokenizer_padding);
-}
-
-.ui5-tokenizer--content.ui5-tokenizer-nmore--content {
 	overflow: hidden;
+	padding-inline-start: var(--_ui5_tokenizer_padding);
 }
 
 .ui5-tokenizer-more-text {
@@ -59,7 +51,7 @@
 	white-space: nowrap;
 	font-size: var(--sapFontSize);
 	font-weight: normal;
-	color: var(--sapField_TextColor);
+	color: var(--_ui5_tokenizer_n_more_text_color);
 }
 
 :host([expanded]) .ui5-tokenizer--content {

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);
 }
 
@@ -44,8 +45,11 @@
 	border: var(--_ui5_value_state_message_border);
 }
 
-[ui5-responsive-popover] .ui5-valuestatemessage-header {
+[ui5-responsive-popover] .ui5-valuestatemessage-header, [ui5-popover] .ui5-valuestatemessage-header  {
 	min-height: 2rem;
+}
+
+[ui5-responsive-popover] .ui5-valuestatemessage-header {
 	padding: var(--_ui5_value_state_header_padding);
 	border: var(--_ui5_value_state_header_border);
 	border-bottom: var(--_ui5_value_state_header_border_bottom);
@@ -81,3 +85,8 @@
 .ui5-valuestatemessage-popover::part(footer) {
 	min-height: 0;
 }
+
+.ui5-valuestatemessage-popover::part(header),
+.ui5-suggestions-popover-with-value-state-header::part(header) {
+	margin-bottom: 0;
+}

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

@@ -1,7 +1,9 @@
 :root {
 	--_ui5_input_width: 13.125rem;
+	--_ui5_input_min_width: 2.75rem;
 	--_ui5_input_height: 2.25rem;
 	--_ui5_input_compact_height: 1.625rem;
+	--_ui5_input_margin_top_bottom: 0.25rem;
 	--_ui5_input_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);
 	--_ui5_input_hover_box_shadow: none;
 	--_ui5_input_value_state_error_hover_background: var(--sapField_Hover_Background);
@@ -33,7 +35,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 +60,21 @@
 	--_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%;
+	--_ui5-input-icons-count: 0;
+	--_ui5_input_margin_top_bottom: 0.1875rem;
+	--_ui5_input_tokenizer_min_width: 3.25rem;
 }
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_input_min_width: 2rem;
+	--_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/Select-parameters.css

@@ -5,5 +5,5 @@
 	--_ui5_select_state_error_warning_border_width: 0.125rem;
 	--_ui5_select_hover_icon_left_border: 1px solid transparent;
 	--_ui5_select_focus_width: 1px;
-	--_ui5_select_label_olor: var(--sapField_TextColor);
+	--_ui5_select_label_color: var(--sapField_TextColor);
 }

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;
@@ -100,4 +101,5 @@
 	--_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/StepInput-parameters.css

@@ -21,4 +21,12 @@
 	--_ui5_step_input_border_hover: 1px solid var(--sapField_Hover_BorderColor);
 	--_ui5_input_input_background_color: var(--sapField_InvalidBackground);
 	--_ui5_step_input_min_width: 7.25rem;
+	--_ui5_step_input_padding: 2.5rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_step_input_min_width: 6rem;
+	--_ui5_step_input_padding: 2rem;
 }

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,62 @@
 :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_readonly_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_right_and_left: 0.5625rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.5625rem;
+	--_ui5_textarea_padding_top: 0.4375rem;
+	--_ui5_textarea_padding_bottom: 0.4375rem;
+	--_ui5_textarea_padding_top_readonly: 0.4375rem;
+	--_ui5_textarea_padding_bottom_readonly:0.4375rem;
+	--_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;
+	--_ui5_textarea_readonly_border_style: var(--sapField_BorderStyle);
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_textarea_padding_right_and_left: 0.4375rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.375rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.375rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.4375rem;
+	--_ui5_textarea_padding_top: 0.125rem;
+	--_ui5_textarea_padding_bottom: 0.125rem;
+	--_ui5_textarea_padding_top_readonly: 0.125rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.125rem;
+	--_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/ToggleButton-parameters.css

@@ -5,4 +5,5 @@
 	--_ui5_toggle_button_selected_negative_text_color: var(--sapButton_Selected_TextColor);
 	--_ui5_toggle_button_selected_attention_text_color: var(--sapButton_Selected_TextColor);
 	--_ui5_toggle_button_emphasized_pressed_focussed_hovered: var(--sapContent_FocusColor);
+	--_ui5_toggle_button_emphasized_text_shadow: none;
 }

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

@@ -1,3 +1,4 @@
 :root {
 	--_ui5_tokenizer_padding: 0.3125rem;
+	--_ui5_tokenizer_n_more_text_color: var(--sapField_TextColor);
 }

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,9 +34,12 @@
 
 	/* 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;
+	--_ui5_input_inner_space_to_tokenizer: 0.125rem;
+	--_ui5_input_inner_space_to_n_more_text: 0.1875rem;
 	--_ui5_input_value_state_icon_padding: var(--_ui5-input-icon-padding);
 	--_ui5_list_no_data_height: 3rem;
 	--_ui5_list_item_cb_margin_right: 0;
@@ -51,6 +54,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 +84,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 +121,6 @@
 	--_ui5_tc_item_add_text_margin_top: 0.375rem;
 
 	/* TextArea */
-	--_ui5_textarea_padding: 0.5rem 0.625rem;
 	--_ui5_textarea_margin: .25rem 0;
 
 	/* Panel */
@@ -229,10 +232,14 @@
 
 	/* Dialog */
 	--_ui5_dialog_content_min_height: 2.5rem;
+    --_ui5_dialog_footer_height: 2.5rem;
 
 	/* Input */
 	--_ui5_input_height: var(--_ui5_input_compact_height);
 	--_ui5_input_inner_padding: 0 0.5rem;
+	--_ui5_input_inner_padding_with_icon: 0 0.2rem 0 0.5rem;
+	--_ui5_input_inner_space_to_tokenizer: 0.125rem;
+	--_ui5_input_inner_space_to_n_more_text: 0.125rem;
 	--_ui5_input_icon_min_width: var(--_ui5_input_compact_min_width);
 	--_ui5_input_icon_padding: .25rem .4375rem;
 	--_ui5_input_error_warning_icon_padding: .1875rem .375rem .1875rem .4375rem;
@@ -244,6 +251,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 +260,6 @@
 	--_ui5_popup_default_header_height: 2.5rem;
 
 	/* TextArea */
-	--_ui5_textarea_padding: .1875rem .5rem;
 	--_ui5_textarea_margin: .1875rem 0;
 
 	/* List */
@@ -265,6 +272,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;
 

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

@@ -1,6 +1,7 @@
 @import "../base/Input-parameters.css";
 
 :root {
+	--_ui5_input_min_width: 3rem;
 	--_ui5_input_height: 2.5rem;
 	--_ui5_input_custom_icon_padding: .6875rem .625rem;
 	--_ui5_input_error_warning_icon_padding: .625rem .5rem .625rem .5625rem;
@@ -16,6 +17,7 @@
 [data-ui5-compact-size],
 .ui5-content-density-compact,
 .sapUiSizeCompact {
+	--_ui5_input_min_width: 2rem;
 	--_ui5_input_error_warning_custom_icon_padding: .1875rem .5rem;
 	--_ui5_input_information_custom_icon_padding: .1875rem .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,23 @@
+@import "../base/TextArea-parameters.css";
+
+:root {
+	--__ui5_textarea_min_height: 2.5rem;
+	--_ui5_textarea_padding_top: 0.5625rem;
+	--_ui5_textarea_padding_bottom:0.5625rem;
+	--_ui5_textarea_padding_top_readonly: 0.5625rem;
+	--_ui5_textarea_padding_bottom_readonly:0.5625rem;
+	--_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;
+	--_ui5_textarea_padding_right_and_left: 0.6875rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.625rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.625rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.6875rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--__ui5_textarea_min_height: 1.625rem;
+}

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

@@ -0,0 +1,5 @@
+@import "../base/ToggleButton-parameters.css";
+
+:root {
+	--_ui5_toggle_button_emphasized_text_shadow: 0 0 0.125rem rgb(0 0 0 / 50%);
+}

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";
@@ -33,6 +33,7 @@
 @import "../base/SegmentedButtton-parameters.css";
 @import "../base/Select-parameters.css";
 @import "./SplitButton-parameters.css";
+@import "./ToggleButton-parameters.css";
 @import "../base/Switch-parameters.css";
 @import "./TabContainer-parameters.css";
 @import "./Table-parameters.css";
@@ -40,7 +41,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

@@ -1,6 +1,7 @@
 @import "../base/Input-parameters.css";
 
 :root {
+	--_ui5_input_min_width: 3rem;
 	--_ui5_input_height: 2.5rem;
 	--_ui5_input_focus_border_width: 0.125rem;
 	--_ui5_input_state_border_width: 1px;
@@ -22,11 +23,15 @@
 	--_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],
 .ui5-content-density-compact,
 .sapUiSizeCompact {
+	--_ui5_input_min_width: 2rem;
 	--_ui5_input_error_warning_custom_icon_padding: .25rem .5rem;
 	--_ui5_input_information_custom_icon_padding: .25rem .5rem;
 	--_ui5_input_error_warning_icon_padding: .25rem .4375rem .25rem .4375rem;