@ui5/webcomponents 1.2.4 → 1.3.0

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

@@ -2,13 +2,19 @@
 	--_ui5_radio_button_min_width: 2.75rem;
 	--_ui5_radio_button_min_width_compact: 2rem;
 	--_ui5_radio_button_hover_fill: var(--sapField_Hover_Background);
+	--_ui5_radio_button_hover_fill_error: var(--sapField_Hover_Background);
+	--_ui5_radio_button_hover_fill_warning: var(--sapField_Hover_Background);
+	--_ui5_radio_button_hover_fill_success: var(--sapField_Hover_Background);
+	--_ui5_radio_button_hover_fill_information: var(--sapField_Hover_Background);
 	--_ui5_radio_button_border_width: 1px;
 	--_ui5_radio_button_checked_fill: var(--sapSelectedColor);
 	--_ui5_radio_button_checked_error_fill: var(--sapField_InvalidColor);
 	--_ui5_radio_button_checked_warning_fill: var(--sapField_TextColor);
+	--_ui5_radio_button_checked_success_fill: var(--sapField_SuccessColor);
+	--_ui5_radio_button_checked_information_fill: var(--sapField_InformationColor);
 	--_ui5_radio_button_warning_error_border_dash: 0;
 	--_ui5_radio_button_outer_ring_color: var(--sapField_BorderColor);
-	--_ui5_radio_button_outer_ring_width: 1;
+	--_ui5_radio_button_outer_ring_width: var(--sapField_BorderWidth);
 	--_ui5_radio_button_outer_ring_bg: var(--sapField_Background);
 	--_ui5_radio_button_outer_ring_hover_color: var(--sapField_Hover_BorderColor);
 	--_ui5_radio_button_outer_ring_active_color: var(--sapField_Hover_BorderColor);
@@ -29,4 +35,14 @@
 	--_ui5_radio_button_items_align: unset;
 	--_ui5_radio_button_inner_width: initial;
 	--_ui5_radio_button_border_readonly_focus_style: var(--sapContent_FocusStyle);
-}
+	--_ui5_radio_button_inner_ring_radius: 22%;
+	--_ui5_radio_button_outer_ring_hover_shadow: none;
+	--_ui5_radio_button_outer_ring_hover_shadow_error: none;
+	--_ui5_radio_button_outer_ring_hover_shadow_warning: none;
+	--_ui5_radio_button_outer_ring_hover_shadow_success: none;
+	--_ui5_radio_button_outer_ring_hover_shadow_information: none;
+	--_ui5_radio_button_read_only_border_type: none;
+	--_ui5_radio_button_inner_ring_color: var(--sapSelectedColor);
+	--_ui5_radio_button_information_border_width: var(--sapField_InformationBorderWidth);
+	--_ui5_radio_button_read_only_border_width: var(--sapField_BorderWidth);
+}

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

@@ -1,8 +1,9 @@
 :root {
-	--_ui5_segmented_btn_inner_border: 0.0625rem solid var(--sapButton_Selected_BorderColor);
+	--_ui5_segmented_btn_inner_border: 0.0625rem solid var(--sapButton_BorderColor);
 	--_ui5_segmented_btn_inner_border_odd_child: 0;
 	--_ui5_segmented_btn_inner_pressed_border_odd_child: 0;
-	--_ui5_segmented_btn_border_radius: 0.35rem;
+	--_ui5_segmented_btn_border_radius: 0.375rem;
 	--_ui5_segmented_btn_inner_border_radius: 0;
+	--_ui5_segmented_btn_outer_border_radius: 0.375rem;
 	--_ui5_segmented_btn_background_color: transparent;
 }

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

@@ -0,0 +1,17 @@
+:root {
+	--_ui5_split_button_focused_border: 0.0625rem dotted var(--sapContent_FocusColor);
+	--_ui5_split_button_focused_border_radius: 0.125rem;
+	--_ui5_split_button_hover_border_radius: 0;
+	--_ui5_split_button_hover_border_radius: 0;
+	--_ui5_split_button_attention_separator_color: var(--sapButton_Attention_BorderColor);
+	--_ui5_split_button_middle_separator_width: 0;
+	--_ui5_split_button_middle_separator_left: 0;
+	--_ui5_split_button_middle_separator_hover_display: block;
+	--_ui5_split_button_text_button_width: 2.25rem;
+	--_ui5_split_button_text_button_right_border_width: 0;
+	--_ui5_split_button_transparent_hover_background: var(--sapButton_Lite_Background);
+	--_ui5_split_button_transparent_hover_color: var(--sapButton_Lite_TextColor);
+	--_ui5_split_button_transparent_disabled_background: transparent;
+	--_ui5_split_button_inner_focused_border_radius_outer: 0.25rem;
+	--_ui5_split_button_inner_focused_border_radius_inner: 0;
+}

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

@@ -20,4 +20,5 @@
 	--_ui5_step_input_border_color_hover: var(--sapField_Hover_Background);
 	--_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;
 }

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

@@ -9,6 +9,7 @@
 	/* Header Item */
 	--_ui5_tc_headeritem_padding: 0 1rem;
 	--_ui5_tc_headerItem_color: var(--sapContent_LabelColor);
+	--_ui5_tc_headeritem_additional_text_color: var(--sapContent_LabelColor);
 	--_ui5_tc_headerItem_text_hover_color: var(--_ui5_tc_headerItem_color);
 	--_ui5_tc_headeritem_text_selected_color: var(--sapSelectedColor);
 	--_ui5_tc_headeritem_text_selected_hover_color: var(--sapSelectedColor);
@@ -43,12 +44,24 @@
 	--_ui5_tc_headerItemContent_offset: 1rem;
 	--_ui5_tc_headerItemContent_focus_offset: 1rem;
 	--_ui5_tc_headerItem_focus_border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	--_ui5_tc_headerItem_text_focus_border_offset_left: 0px;
+	--_ui5_tc_headerItem_text_focus_border_offset_right: 0px;
+	--_ui5_tc_headerItem_text_focus_border_offset_top: 0px;
+	--_ui5_tc_headerItem_text_focus_border_offset_bottom: 0px;
+	--_ui5_tc_headerItem_mixed_mode_focus_border_offset_left: 0.75rem;
+	--_ui5_tc_headerItem_mixed_mode_focus_border_offset_right: 	0.625rem;
+	--_ui5_tc_headerItem_mixed_mode_focus_border_offset_top: 0.75rem;
+	--_ui5_tc_headerItem_mixed_mode_focus_border_offset_bottom: 0.75rem;
 	--_ui5_tc_headerItemContent_padding: 0;
 	--_ui5_tc_headerItemContent_focus_border: none;
 	--_ui5_tc_headerItemContent_default_focus_border: none;
 	--_ui5_tc_headerItemContent_focus_border_radius: 0;
 	--_ui5_tc_headerItemSemanticIcon_display: none;
 	--_ui5_tc_headerItem_focus_border_radius: 0px;
+	--_ui5_tc_mixedMode_itemText_color: var(--sapContent_LabelColor);
+	--_ui5_tc_mixedMode_itemText_font_family: var(--sapFontFamily);
+	--_ui5_tc_mixedMode_itemText_font_size:  var(--sapFontSmallSize);
+	--_ui5_tc_mixedMode_itemText_font_weight: normal;
 
 	/* Overflow Item */
 
@@ -57,6 +70,7 @@
 	--_ui5_tc_overflowItem_negative_color: var(--sapNegativeColor);
 	--_ui5_tc_overflowItem_critical_color: var(--sapCriticalColor);
 	--_ui5_tc_overflowItem_focus_border: 0px;
+	--_ui5_tc_overflowItem_focus_offset: 0.125rem;
 
 	/* Header Item icons */
 	--_ui5_tc_headerItemIcon_border: 1px solid var(--sapHighlightColor);
@@ -68,6 +82,7 @@
 	--_ui5_tc_headerItemIcon_critical_selected_background: var(--sapCriticalColor);
 	--_ui5_tc_headerItemIcon_neutral_selected_background: var(--sapNeutralColor);
 	--_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapGroup_ContentBackground);
+	--_ui5_tc_headerItemIcon_background_color: transparent;
 
 	--_ui5_tc_overflowItem_default_color: var(--sapNeutralTextColor);
 	--_ui5_tc_overflowItem_current_color: CurrentColor;

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

@@ -3,4 +3,6 @@
 	--ui5_table_header_row_outline_width: 1px;
 	--ui5_table_multiselect_column_width: 2.75rem;
 	--ui5_table_header_row_font_weight: normal;
+	--ui5_table_header_row_border_bottom_color: var(--sapList_BorderColor);
+	--ui5_table_header_row_border_width: 1px;
 }

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

@@ -0,0 +1,4 @@
+:root {
+	--ui5_table_group_row_font-weight: normal;
+	--ui5_table_border_width: 0 0 1px 0;
+}

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

@@ -2,21 +2,23 @@
 	--_ui5_textarea_focus_after_width: 1px;
 	--_ui5_textarea_warning_border_style: solid;
 	--_ui5_textarea_state_border_width: 0.125rem;
-	--_ui5_textarea_background_image: none;
-	--_ui5_textarea_error_background_image: none;
-	--_ui5_textarea_warning_background_image: none;
-	--_ui5_textarea_information_background_image: none;
-	--_ui_textarea_success_background_image: none;
+	--_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: 1px;
+	--_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_value_state_focus_outline: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);
 	--_ui5_textarea_after_element_display: none;
 	--_ui5_textarea_placeholder_font_style: italic;
 	--_ui5_input_warning_font_weight: normal;
+	--_ui5_textarea_value_state_error_placeholder_font_weight: normal;
+	--_ui5_textarea_error_placeholder_font_style: normal;
+	--_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);
 }

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

@@ -1,7 +1,13 @@
 :root {
 	--_ui5_value_state_message_border: none;
+	--_ui5_value_state_header_border: none;
 	--_ui5_value_state_message_focus_border_radius: 0;
 	--_ui5_input_value_state_icon_display: none;
 	--_ui5_value_state_message_padding: 0.5rem;
 	--_ui5_value_state_header_padding: .5625rem 1rem;
+	--_ui5_value_state_message_popover_box_shadow: none;
+	--_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
 }

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

@@ -0,0 +1,16 @@
+:root, [dir="ltr"] {
+	--_ui5_rotation_90deg: rotate(90deg);
+	--_ui5_rotation_minus_90deg: rotate(-90deg);
+
+	--_ui5_icon_transform_scale: none;
+	--_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_90deg);
+	--_ui5_li_notification_group_toggle_btn_rotation: var(--_ui5_rotation_90deg);
+	--_ui5_timeline_scroll_container_offset: 0.5rem;
+}
+
+[dir="rtl"] {
+	--_ui5_icon_transform_scale: scale(-1, 1);
+	--_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_minus_90deg);
+	--_ui5_li_notification_group_toggle_btn_rotation: var(--_ui5_rotation_minus_90deg);
+	--_ui5_timeline_scroll_container_offset: -0.5rem;
+}

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

@@ -23,6 +23,7 @@
 	 --_ui5_color-palette-item-hover-height: 2.375rem;
 	 --_ui5_color-palette-item-margin: calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2);
 	 --_ui5_color-palette-row-width: 12rem;
+	 --_ui5_color-palette-swatch-container-padding: 0.3125rem 0.6875rem;
 
 	 /* DateTimePicker */
 	--_ui5_datetime_picker_width: 40.0625rem;
@@ -41,7 +42,9 @@
 	--_ui5_list_item_cb_margin_right: 0;
 	--_ui5_list_item_title_size: var(--sapFontLargeSize);
 	--_ui5_list_item_img_size: 3rem;
-	--_ui5_list_item_img_margin: 0.5rem 0.75rem 0.5rem 0rem;
+	--_ui5_list_item_img_top_margin: 0.5rem;
+	--_ui5_list_item_img_bottom_margin: 0.5rem;
+	--_ui5_list_item_img_hn_margin: 0.75rem;
 	--_ui5_list_item_dropdown_base_height: 2.5rem;
 	--_ui5_list_item_base_height: 2.75rem;
 	--_ui5_list_item_icon_size: 1.125rem;
@@ -53,6 +56,9 @@
 	/* Popup subclasses */
 	--_ui5_popup_default_header_height: 2.75rem;
 
+	/* Notifications */
+	--_ui5-notification-overflow-popover-padding: 0.25rem 0.5rem;
+
 	--_ui5_year_picker_item_height: 3rem;
 	--_ui5_tokenizer_root_padding: 0.1875rem;
 	--_ui5_token_height: 1.625rem;
@@ -77,13 +83,17 @@
 	--_ui5_tc_item_height: 4.75rem;
 	--_ui5_tc_item_text_only_height: 2.75rem;
 	--_ui5_tc_item_text_only_with_additional_text_height: 3.75rem;
-	--_ui5_tc_item_text_line_height: normal;
+	--_ui5_tc_item_text_line_height: 1.325rem;
 	--_ui5_tc_item_icon_circle_size: 2.75rem;
 	--_ui5_tc_item_icon_size: 1.25rem;
 	--_ui5_tc_item_add_text_margin_top: 0.375rem;
 
 	/* TextArea */
-	--_ui5_textarea_padding: 0.5625rem 0.6875rem;
+	--_ui5_textarea_padding: 0.5rem 0.625rem;
+	--_ui5_textarea_margin: .25rem 0;
+
+	/* Panel */
+	--_ui5_panel_header_height: 2.75rem;
 
 	/* Radio Button */
 	--_ui5_radio_button_height: 2.75rem;
@@ -106,6 +116,9 @@
 	--_ui5_load_more_text_font_size: var(--sapFontMediumSize);
 	--_ui5_load_more_desc_padding:  0.375rem 2rem 0.875rem 2rem;
 	--ui5_table_header_row_height: 2.75rem;
+	--ui5_table_row_height: 2.75rem;
+	--ui5_table_focus_outline_offset: -0.125rem;
+	--ui5_table_group_row_height: 2rem;
 
 	/* Tree */
 	--_ui5-tree-indent-step: 1.5rem;
@@ -121,6 +134,10 @@
 
 	/* SegmentedButton */
 	--_ui5_segmented_btn_border_radius: 0.375rem;
+
+	/* SplitButton */
+	--_ui5_split_button_middle_separator_top: 0;
+	--_ui5_split_button_middle_separator_height: 2.25rem;
 }
 
 [data-ui5-compact-size],
@@ -159,6 +176,7 @@
 	--_ui5_color-palette-item-hover-height: 1.625rem;
 	--_ui5_color-palette-item-margin: calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2);
 	--_ui5_color-palette-row-width: 8.125rem;
+	--_ui5_color-palette-swatch-container-padding: 0.1875rem 0.8125rem;
 	--_ui5_color-palette-item-hover-margin: 0;
 	--_ui5_color-palette-row-height: 7.5rem;
 	--_ui5_color-palette-button-height: 2rem;
@@ -187,20 +205,29 @@
 	--_ui5_input_height: var(--_ui5_input_compact_height);
 	--_ui5_input_inner_padding: 0 0.5rem;
 	--_ui5_input_icon_min_width: var(--_ui5_input_compact_min_width);
-	--_ui5_input_icon_padding: .25rem .5rem;
+	--_ui5_input_icon_padding: .25rem .4375rem;
+	--_ui5_input_error_warning_icon_padding: .1875rem .375rem .1875rem .4375rem;
+	--_ui5_input_information_icon_padding: .1875rem .375rem .1875rem .4375rem;
+	--_ui5_input_custom_icon_padding: .25rem .5rem;
+	--_ui5_input_error_warning_custom_icon_padding: .1875rem .5rem;
+	--_ui5_input_information_custom_icon_padding: .1875rem .5rem;
 	--_ui5_input_value_state_icon_padding: .1875rem .5rem;
 
+	/* Notifications */
+	--_ui5-notification-overflow-popover-padding: 0.25rem 0.5rem;
+
 	/* Popup subclasses */
 	--_ui5_popup_default_header_height: 2.5rem;
 
 	/* TextArea */
 	--_ui5_textarea_padding: .1875rem .5rem;
+	--_ui5_textarea_margin: .1875rem 0;
 
 	/* List */
 	--_ui5_list_no_data_height: 2rem;
 	--_ui5_list_item_cb_margin_right: .5rem;
 	--_ui5_list_item_title_size: var(--sapFontSize);
-	--_ui5_list_item_img_margin: 0.55rem 0.75rem 0.5rem 0rem;
+	--_ui5_list_item_img_top_margin: 0.55rem;
 	--_ui5_list_item_dropdown_base_height: 2rem;
 	--_ui5_list_item_base_height: 2rem;
 	--_ui5_list_item_icon_size: 1rem;
@@ -208,8 +235,8 @@
 	--_ui5_list_busy_row_height: 2rem;
 
 	--_ui5_month_picker_item_height: 2rem;
-	--_ui5_panel_header_height: 2rem;
 	--_ui5_year_picker_item_height: 2rem;
+	--_ui5_panel_header_height: 2.5rem;
 
 	--_ui5_tokenizer_root_padding: 0.125rem;
 	--_ui5_token_height: 1.125rem;
@@ -282,11 +309,19 @@
 	--_ui5_slider_progress_outline_offset: -0.625rem;
 	--_ui5_slider_outer_height: 1.3125rem;
 
+	/* SplitButton */
+	--_ui5_split_button_middle_separator_top: 0;
+	--_ui5_split_button_middle_separator_height: 1.625rem;
+
+	/* StepInput */
+	--_ui5_step_input_min_width: 6rem;
+
 	/* Table */
 	--_ui5_load_more_text_height: 2.625rem;
 	--_ui5_load_more_text_font_size: var(--sapFontSize);
 	--_ui5_load_more_desc_padding: 0 2rem 0.875rem 2rem;
 	--ui5_table_header_row_height: 2rem;
+	--ui5_table_row_height: 2rem;
 
 	/* Tree */
 	--_ui5-tree-indent-step: 0.5rem;
@@ -299,4 +334,10 @@
 	--_ui5_timeline_tli_indicator_before_right: -0.5rem;
 	--_ui5_timeline_tli_indicator_before_without_icon_bottom: -0.75rem;
 	--_ui5_timeline_tli_indicator_before_without_icon_right: -0.8125rem;
+
+	/* ViewSettingsDialog */
+	--_ui5_vsd_header_container: 2.5rem;
+	--_ui5_vsd_sub_header_container_height: 2rem;
+	--_ui5_vsd_header_height: 4rem;
+	--_ui5_vsd_expand_content_height: 25.4375rem;
 }

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

@@ -0,0 +1,5 @@
+@import "../base/Card-parameters.css";
+
+:root {
+	--_ui5_card_header_subtitle_margin_top: .5rem;
+}

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

@@ -1,6 +1,21 @@
 @import "../base/Input-parameters.css";
 
 :root {
-	--_ui5_input_icon_padding: 0.75rem;
+	--_ui5_input_height: 2.5rem;
+	--_ui5_input_custom_icon_padding: .6875rem .625rem;
+	--_ui5_input_error_warning_icon_padding: .625rem .5rem .625rem .5625rem;
+	--_ui5_input_information_icon_padding: .625rem .5rem .625rem .5625rem;
 	--_ui5-input-border: 1px solid var(--sapField_BorderColor);
+	--_ui5_input_disabled_opacity: 0.5;
+	--_ui5_input_error_warning_custom_icon_padding: .625rem;
+	--_ui5_input_information_custom_icon_padding: .625rem;
+	--_ui5-input_disabled_background: var(--sapField_ReadOnly_Background);
+	--_ui5_input_disabled_border_color: var(--sapField_ReadOnly_BorderColor);
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_input_error_warning_custom_icon_padding: .1875rem .5rem;
+	--_ui5_input_information_custom_icon_padding: .1875rem .5rem;
 }

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

@@ -1,5 +1,5 @@
 @import "../base/InputIcon-parameters.css";
 
 :root {
-	--_ui5_input_icon_padding: 0.6875rem .6875rem;
+	--_ui5_input_icon_padding: .6875rem .5625rem;
 }

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

@@ -0,0 +1,12 @@
+@import "../base/Panel-parameters.css";
+
+:root {
+	--_ui5_panel_header_padding_right: 1rem;
+	--_ui5_panel_header_height: 3rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_panel_header_height: 2rem;
+}

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

@@ -0,0 +1,5 @@
+@import "../base/PopupsCommon-parameters.css";
+
+:root {
+	--_ui5_popup_header_prop_header_text_alignment: center;
+}

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

@@ -0,0 +1,6 @@
+@import "../base/SplitButton-parameters.css";
+
+:root {
+	--_ui5_split_button_hover_border_radius: 0;
+	--_ui5_split_button_text_button_width: 2.5rem;
+}

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

@@ -0,0 +1,5 @@
+@import "../base/TableRow-parameters.css";
+
+:root {
+	--ui5_table_row_height: 3rem;
+}

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

@@ -1,4 +1,5 @@
 @import "../base/sizes-parameters.css";
+@import "../base/rtl-parameters.css";
 @import "../base/Avatar-parameters.css";
 @import "../base/Badge-parameters.css";
 @import "./BrowserScrollbar-parameters.css";
@@ -9,7 +10,7 @@
 @import "./Dialog-parameters.css";
 @import "../base/CalendarHeader-parameters.css";
 @import "./Carousel-parameters.css";
-@import "../base/Card-parameters.css";
+@import "./Card-parameters.css";
 @import "../base/CheckBox-parameters.css";
 @import "../base/ColorPalette-parameters.css";
 @import "../base/ColorPicker-parameters.css";
@@ -21,20 +22,22 @@
 @import "../base/ListItemBase-parameters.css";
 @import "../base/MessageStrip-parameters.css";
 @import "../base/MonthPicker-parameters.css";
-@import "../base/Panel-parameters.css";
-@import "../base/PopupsCommon-parameters.css";
+@import "./Panel-parameters.css";
+@import "./PopupsCommon-parameters.css";
 @import "./ProgressIndicator-parameters.css";
 @import "../base/RadioButton-parameters.css";
 @import "../base/SegmentedButtton-parameters.css";
 @import "../base/Select-parameters.css";
+@import "./SplitButton-parameters.css";
 @import "../base/Switch-parameters.css";
 @import "./TabContainer-parameters.css";
 @import "./Table-parameters.css";
-@import "../base/TableRow-parameters.css";
+@import "../base/TableColumn-parameters.css";
+@import "./TableRow-parameters.css";
+@import "../base/TableGroupRow-parameters.css";
 @import "../base/GrowingButton-parameters.css";
 @import "../base/TextArea-parameters.css";
 @import "./TimePicker-parameters.css";
-@import "../base/Title-parameters.css";
 @import "../base/Toast-parameters.css";
 @import "../base/ToggleButton-parameters.css";
 @import "../base/Tokenizer-parameters.css";

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

@@ -0,0 +1,15 @@
+@import "../base/sizes-parameters.css";
+
+:root {
+	/* SplitButton */
+	--_ui5_split_button_middle_separator_height: 2.5rem;
+	--_ui5_split_button_text_button_width: 2.5rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	/* SplitButton */
+	--_ui5_split_button_middle_separator_height: 1.625rem;
+	--_ui5_split_button_text_button_width: 2.25rem;
+}

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

@@ -1,8 +1,8 @@
 @import "../base/Button-parameters.css";
 
 :root {
-	--_ui5_button_outline_offset: -0.125rem;
-	--_ui5_button_outline: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_button_focused_border: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_button_focused_border_radius: 0.25rem;
 	--_ui5_button_positive_focus_border_color: transparent;
 	--_ui5_button_negative_focus_border_color: transparent;
 	--_ui5_button_focus_width: 1px;

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

@@ -3,4 +3,5 @@
 :root {
 	--_ui5_card_box_shadow: none;
 	--_ui5_card_header_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
-}
+	--_ui5_card_header_subtitle_margin_top: .5rem;
+}

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

@@ -1,8 +1,10 @@
 @import "../base/Input-parameters.css";
 
 :root {
+	--_ui5_input_height: 2.5rem;
 	--_ui5_input_focus_border_width: 0.125rem;
 	--_ui5_input_state_border_width: 1px;
+	--_ui5_input_information_border_width: var(--sapField_BorderWidth);
 	--_ui5-input-border: 1px solid var(--sapField_BorderColor);
 	--_ui5_input_error_warning_border_style: dashed;
 	--_ui5_input_error_warning_font_style: italic;
@@ -11,4 +13,21 @@
 	--_ui5_input_disabled_color: var(--sapContent_DisabledTextColor);
 	--_ui5_input_disabled_font_weight: normal;
 	--_ui5_input_icon_padding: 0.65rem 0.75rem;
+	--_ui5_input_disabled_opacity: 0.5;
+	--_ui5_input_custom_icon_padding: .6875rem .625rem;
+	--_ui5_input_error_warning_icon_padding: .6875rem .5625rem;
+	--_ui5_input_information_icon_padding: .6875rem .5625rem;
+	--_ui5_input_error_warning_custom_icon_padding: .6875rem .625rem;
+	--_ui5_input_information_custom_icon_padding: .6875rem .625rem;
+	--_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);
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_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;
 }

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

@@ -1,5 +1,5 @@
 @import "../base/InputIcon-parameters.css";
 
 :root {
-	--_ui5_input_icon_padding: 0.6875rem .6875rem;
+	--_ui5_input_icon_padding: .6875rem .5625rem;
 }

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

@@ -1,7 +1,8 @@
 @import "../base/Link-parameters.css";
 
 :root {
-	--_ui5_link_opacity: 0.4;
 	--_ui5_link_text_decoration: underline;
 	--_ui5_link_hover_text_decoration: none;
+	--_ui5_link_border: 0.125rem dotted transparent;
+	--_ui5_link_border_focus: 0.125rem dotted var(--sapContent_FocusColor);
 }

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

@@ -1,7 +1,6 @@
 @import "../base/MessageStrip-parameters.css";
 
 :root{
-	--_ui5_message_strip_close_button_size: 1.5rem;
 	--_ui5_message_strip_close_button_border: 1px solid var(--sapButton_BorderColor);
 	--_ui5_message_strip_border_width: 0.125rem;
 	--_ui5_message_strip_icon_top: 0.375rem;

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

@@ -2,4 +2,12 @@
 
 :root {
 	--_ui5_panel_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_panel_header_padding_right: 1rem;
+	--_ui5_panel_header_height: 3rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_panel_header_height: 2rem;
 }

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

@@ -0,0 +1,5 @@
+@import "../base/PopupsCommon-parameters.css";
+
+:root {
+	--_ui5_popup_header_prop_header_text_alignment: center;
+}

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

@@ -2,9 +2,13 @@
 
 :root {
 	--_ui5_radio_button_checked_fill: var(--sapContent_IconColor);
-	--_ui5_radio_button_checked_warning_fill: var(--sapContent_IconColor);
 	--_ui5_radio_button_checked_error_fill: var(--sapContent_IconColor);
+	--_ui5_radio_button_checked_warning_fill: var(--sapContent_IconColor);
+	--_ui5_radio_button_checked_success_fill: var(--sapContent_IconColor);
+	--_ui5_radio_button_checked_information_fill: var(--sapContent_IconColor);
 	--_ui5_radio_button_hover_fill: var(--sapSelectedColor);
 	--_ui5_radio_button_border_width: 0.125rem;
 	--_ui5_radio_button_warning_error_border_dash: 5;
-}
+	--_ui5_radio_button_inner_ring_color: var(--sapContent_IconColor);
+	--_ui5_radio_button_hover_fill_error: var(--sapField_InvalidBackground);
+}

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

@@ -0,0 +1,10 @@
+@import "../base/SplitButton-parameters.css";
+
+:root {
+	--_ui5_split_button_focused_border: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_split_button_focused_border_radius: 0.375rem;
+	--_ui5_split_button_hover_border_radius: 0;
+	--_ui5_split_button_text_button_width: 2.5rem;
+	--_ui5_split_button_text_button_right_border_width: 0;
+	--_ui5_split_button_transparent_disabled_background: var(--sapButton_Background);
+}

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

@@ -2,4 +2,5 @@
 
 :root {
 	--ui5_table_row_outline_width: 0.125rem;
+	--ui5_table_row_height: 3rem;
 }

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

@@ -3,4 +3,7 @@
 :root {
 	--_ui5_textarea_focus_after_width: 2px;
 	--_ui5_textarea_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);
 }

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

@@ -2,4 +2,6 @@
 
 :root {
 	--_ui5_value_state_message_border: 2px solid var(--sapField_BorderColor);
+	--_ui5_value_state_header_border_bottom: 2px solid var(--sapField_BorderColor);
+	--_ui5_value_state_header_offset: -0.1875rem
 }