@ui5/webcomponents 0.0.0-c6c04c609 → 0.0.0-c8721b8d2

package/src/themes/SplitButton.css

@@ -9,6 +9,43 @@
 	box-shadow: var(--_ui5_split_button_host_default_box_shadow);
 }
 
+:host([active-arrow-button][design="Negative"]) .ui5-split-arrow-button,
+:host([design="Negative"]) .ui5-split-arrow-button[active] {
+	background-color: var(--sapButton_Reject_Selected_Background);
+	border: 0.0625rem solid var(--sapButton_Reject_Active_BorderColor);
+	color: var(--sapButton_Reject_Active_TextColor);
+}
+
+:host([active-arrow-button][design="Positive"]) .ui5-split-arrow-button,
+:host([design="Positive"]) .ui5-split-arrow-button[active] {
+	background-color: var(--sapButton_Accept_Selected_Background);
+	border: 0.0625rem solid var(--sapButton_Accept_Active_BorderColor);
+	color: var(--sapButton_Accept_Active_TextColor);
+}
+
+:host([active-arrow-button][design="Attention"]) .ui5-split-arrow-button,
+:host([design="Attention"]) .ui5-split-arrow-button[active] {
+	background-color: var(--sapButton_Attention_Selected_Background);
+	border: 0.0625rem solid var(--sapButton_Attention_Active_BorderColor);
+	color: var(--sapButton_Attention_Active_TextColor);
+}
+
+:host([active-arrow-button][design="Emphasized"]) .ui5-split-arrow-button,
+:host([design="Emphasized"]) .ui5-split-arrow-button[active] {
+	background-color: var(--sapButton_Selected_Background);
+	border: 0.0625rem solid var(--sapButton_Emphasized_Active_BorderColor);
+}
+
+:host([active-arrow-button][design="Transparent"]) .ui5-split-arrow-button,
+:host([active-arrow-button]) .ui5-split-arrow-button,
+:host([design="Transparent"]) .ui5-split-arrow-button[active],
+:host([design="Default"]) .ui5-split-arrow-button[active],
+.ui5-split-arrow-button[active], .ui5-split-arrow-button[active]:hover {
+	background-color: var(--sapButton_Selected_Background);
+	border: 0.0625rem solid var(--sapButton_Lite_Active_BorderColor);
+	color: var(--sapButton_Active_TextColor);
+}
+
 :host([disabled]:not([hidden])) {
 	pointer-events: none;
 }
@@ -79,6 +116,12 @@
 	width: inherit;
 }
 
+.ui5-split-button-root:focus,
+.ui5-split-text-button:focus,
+.ui5-split-arrow-button:focus {
+	outline: 0;
+}
+
 .ui5-split-text-button {
 	border-top-right-radius: var(--_ui5_split_button_hover_border_radius);
 	border-bottom-right-radius: var(--_ui5_split_button_hover_border_radius);
@@ -135,33 +178,39 @@
 	border-left: var(--_ui5_split_text_button_transparent_hover_border_left);
 }
 
-.ui5-split-text-button[active] {
-	outline: 0;
-}
-
 .ui5-split-text-button[active][design="Emphasized"] {
 	background-color: var(--sapButton_Selected_Background);
 	color: var(--sapButton_Emphasized_Active_TextColor);
+	border-color: var(--sapButton_Emphasized_Active_BorderColor);
 }
 .ui5-split-text-button[active][design="Negative"] {
 	background-color: var(--sapButton_Reject_Selected_Background);
 	color: var(--sapButton_Reject_Active_TextColor);
+	border-color: var(--sapButton_Reject_Active_BorderColor);
 }
 .ui5-split-text-button[active][design="Positive"] {
 	background-color: var(--sapButton_Accept_Selected_Background);
 	color: var(--sapButton_Accept_Active_TextColor);
+	border-color: var(--sapButton_Accept_Active_BorderColor);
 }
 .ui5-split-text-button[active][design="Attention"] {
 	background-color: var(--sapButton_Attention_Selected_Background);
 	color: var(--sapButton_Attention_Active_TextColor);
+	border-color: var(--sapButton_Attention_Active_BorderColor);
 }
 .ui5-split-text-button[active][design="Default"] {
 	background-color: var(--sapButton_Active_Background);
 	color: var(--sapButton_Active_TextColor);
+	border-color: var(--sapButton_Active_BorderColor);
 }
 .ui5-split-text-button[active][design="Transparent"] {
 	background-color: var(--sapButton_Active_Background);
 	color: var(--sapButton_Active_TextColor);
+	border-color: var(--sapButton_Active_BorderColor);
+}
+
+.ui5-split-text-button[active] {
+	outline: 0;
 }
 
 .ui5-split-arrow-button-wrapper {
@@ -317,7 +366,7 @@
 }
 
 .ui5-split-arrow-button[design="Attention"]:before {
-	border-color: var(--_ui5_split_button_attention_separator_color);
+	border-color: var(--_ui5_split_button_attention_separator_color_default);
 }
 
 .ui5-split-text-button[dir="rtl"] {
@@ -366,32 +415,53 @@
 	border-bottom-right-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);
 }
 
+.ui5-split-text-button[active][design="Emphasized"] {
+	color: var(--sapButton_Emphasized_Active_TextColor);
+	background-color: var(--sapButton_Selected_Background);
+}
+
+:host([design="Emphasized"][active-arrow-button]) .ui5-split-arrow-button,
 .ui5-split-arrow-button[active][design="Emphasized"] {
 	background-color: var(--sapButton_Selected_Background);
 	color: var(--sapButton_Emphasized_Active_TextColor);
+	border: var(--_ui5_split_arrow_button_emphasized_hover_border);
 }
 
-.ui5-split-arrow-button[active][design="Negative"] {
-	background-color: var(--sapButton_Reject_Selected_Background);
-	color: var(--sapButton_Reject_Active_TextColor);
+:host([design="Transparent"][active-arrow-button]:not([hidden]):not([disabled]):hover) .ui5-split-arrow-button {
+	color: var(--sapButton_Active_TextColor);
 }
 
-.ui5-split-arrow-button[active][design="Positive"] {
-	background-color: var(--sapButton_Accept_Selected_Background);
-	color: var(--sapButton_Accept_Active_TextColor);
+
+:host([active-arrow-button]) .ui5-split-arrow-button {
+	border: 0.0625rem solid var(--sapButton_Lite_Active_BorderColor);
 }
 
-.ui5-split-arrow-button[active][design="Attention"] {
-	background-color: var(--sapButton_Attention_Selected_Background);
-	color: var(--sapButton_Attention_Active_TextColor);
+:host([active-arrow-button]) .ui5-split-arrow-button::before,
+.ui5-split-arrow-button[active]::before,
+.ui5-split-text-button[active] + .ui5-split-arrow-button-wrapper > .ui5-split-arrow-button::before {
+	border-color: transparent;
 }
 
-.ui5-split-arrow-button[active][design="Default"] {
-	background-color: var(--sapButton_Active_Background);
-	color: var(--sapButton_Active_TextColor);
+:host([design="Emphasized"][active-arrow-button]) .ui5-split-arrow-button::before,
+:host([design="Emphasized"]) .ui5-split-arrow-button[active]::before,
+:host([design="Emphasized"]) .ui5-split-text-button[active] + .ui5-split-arrow-button-wrapper > .ui5-split-arrow-button::before {
+	border-color: var(--_ui5_split_button_emphasized_separator_color);
 }
 
-.ui5-split-arrow-button[active][design="Transparent"] {
-	background-color: var(--sapButton_Active_Background);
-	color: var(--sapButton_Active_TextColor);
+:host([design="Positive"][active-arrow-button]) .ui5-split-arrow-button::before,
+:host([design="Positive"]) .ui5-split-arrow-button[active]::before,
+:host([design="Positive"]) .ui5-split-text-button[active] + .ui5-split-arrow-button-wrapper > .ui5-split-arrow-button::before {
+	border-color: var(--_ui5_split_button_positive_separator_color);
+}
+
+:host([design="Negative"][active-arrow-button]) .ui5-split-arrow-button::before,
+:host([design="Negative"]) .ui5-split-arrow-button[active]::before,
+:host([design="Negative"]) .ui5-split-text-button[active] + .ui5-split-arrow-button-wrapper > .ui5-split-arrow-button::before {
+	border-color: var(--_ui5_split_button_negative_separator_color);
+}
+
+:host([design="Attention"][active-arrow-button]) .ui5-split-arrow-button::before,
+:host([design="Attention"]) .ui5-split-arrow-button[active]::before,
+:host([design="Attention"]) .ui5-split-text-button[active] + .ui5-split-arrow-button-wrapper > .ui5-split-arrow-button::before {
+	border-color: var(--_ui5_split_button_attention_separator_color);
 }

package/src/themes/Table.css

@@ -67,6 +67,7 @@ tr {
 	bottom: 0;
 	top: 0;
 	outline: none;
+	z-index: 100;
 }
 
 :host([busy]) .ui5-table-busy-ind {

package/src/themes/TableRow.css

@@ -31,6 +31,10 @@
 	padding-inline-start: 1rem;
 }
 
+:host([mode="MultiSelect"]) .ui5-table-popin-row td:not(.ui5-table-row-navigated) {
+	padding-inline-start: var(--ui5_table_multiselect_popin_row_padding);
+}
+
 .ui5-table-popin-row:last-child td {
 	padding-bottom: .5rem;
 }

package/src/themes/TextArea.css

@@ -64,6 +64,7 @@
 	border-radius: var(--sapField_BorderCornerRadius);
 	border-width: var(--sapField_BorderWidth);
 	border-style: var(--sapField_BorderStyle);
+	padding: var(--_ui5_textarea_wrapper_padding);
 	outline: none;
 }
 
@@ -331,6 +332,7 @@
 :host([value-state="Warning"]:not([readonly]):not([disabled])) .ui5-textarea-wrapper {
 	border-style: var(--_ui5_textarea_error_warning_border_style);
 	border-width: var(--_ui5_textarea_state_border_width);
+	padding: var(--_ui5_textarea_warning_error_wrapper_padding);
 }
 
 :host([value-state="Error"]:not([readonly]):not([disabled])) .ui5-textarea-inner,
@@ -366,6 +368,7 @@
 	border-color: var(--sapField_SuccessColor);
 	border-width: var(--sapField_BorderWidth);
 	box-shadow: var(--sapField_SuccessShadow);
+	padding: var(--_ui5_textarea_success_wrapper_padding);
 }
 
 :host([value-state="Success"][focused]:not([readonly])) .ui5-textarea-wrapper {
@@ -396,6 +399,7 @@
 	background-color: var(--sapField_InformationBackground);
 	border-color: var(--sapField_InformationColor);
 	box-shadow: var(--sapField_InformationShadow);
+	padding: var(--_ui5_textarea_information_wrapper_padding);
 }
 
 :host([value-state="Information"][focused]:not([readonly])) .ui5-textarea-wrapper {
@@ -426,29 +430,23 @@
 }
 
 :host :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
-	background: var(--sapField_BackgroundStyle);
-	background-color: var(--sapScrollBar_TrackColor);
 	border-top-right-radius: var(--sapField_BorderCornerRadius);
 	border-bottom-right-radius: var(--sapField_BorderCornerRadius);
 }
 
 :host([value-state="Error"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
-	background: var(--sapField_InvalidBackgroundStyle);
 	background-color: var(--sapScrollBar_TrackColor);
 }
 
 :host([value-state="Warning"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
-	background: var(--sapField_WarningBackgroundStyle);
 	background-color: var(--sapScrollBar_TrackColor);
 }
 
 :host([value-state="Information"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
-	background: var(--sapField_InformationBackgroundStyle);
 	background-color: var(--sapScrollBar_TrackColor);
 }
 
 :host([value-state="Success"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
-	background: var(--sapField_SuccessBackgroundStyle);
 	background-color: var(--sapScrollBar_TrackColor);
 }
 

package/src/themes/Toolbar.css

@@ -6,23 +6,9 @@
 	justify-content: flex-end;
 	padding: 0 var(--_ui5-toolbar-padding-left) 0 var(--_ui5-toolbar-padding-right);
 	box-sizing: border-box;
-	background: var(--ui5-toolbar-Background);
-	color: var(--sapButton_TextColor);
 	border-bottom: 0.0625rem solid var(--sapGroup_ContentBorderColor);
 }
 
-:host([design="Solid"]) {
-	background: var(--sapBaseColor);
-}
-
-:host([design="Transparent"]) {
-	background: var(--sapToolbar_Background);
-}
-
-:host([styling="Clear"]) {
-	border-bottom: 0;
-}
-
 :host([align-content="Start"]) {
 	justify-content: flex-start;
 }
@@ -39,10 +25,6 @@
     width: 100%;
 }
 
-.ui5-tb-item[design="Transparent"] {
-	color: inherit;
-}
-
 .ui5-tb-item {
     flex-shrink: 0;
 }

package/src/themes/ValueStateMessage.css

@@ -43,6 +43,7 @@
 	text-overflow: ellipsis;
 	min-width: 6.25rem;
 	border: var(--_ui5_value_state_message_border);
+	line-height: var(--_ui5_value_state_message_line_height);
 }
 
 [ui5-responsive-popover] .ui5-valuestatemessage-header, [ui5-popover] .ui5-valuestatemessage-header  {
@@ -53,6 +54,8 @@
 	padding: var(--_ui5_value_state_header_padding);
 	border: var(--_ui5_value_state_header_border);
 	border-bottom: var(--_ui5_value_state_header_border_bottom);
+	flex-grow: 1;
+	position: relative;
 }
 
 .ui5-valuestatemessage--success {
@@ -87,6 +90,56 @@
 }
 
 .ui5-valuestatemessage-popover::part(header),
-.ui5-suggestions-popover-with-value-state-header::part(header) {
+.ui5-popover-with-value-state-header::part(header),
+.ui5-popover-with-value-state-header-phone::part(header) {
 	margin-bottom: 0;
 }
+
+.ui5-popover-with-value-state-header-phone .ui5-valuestatemessage-root {
+	padding: var(--_ui5_value_state_message_padding_phone);
+	width: 100%;
+}
+
+.ui5-popover-with-value-state-header-phone .ui5-input-value-state-message-icon {
+	left: var(--_ui5_value_state_message_icon_offset_phone);
+}
+
+.ui5-popover-with-value-state-header-phone .ui5-valuestatemessage-header {
+	position: relative;
+	flex: none;
+	top: 0;
+	left: 0;
+}
+
+.ui5-popover-with-value-state-header-phone::part(content) {
+	padding: 0;
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+}
+
+.ui5-popover-with-value-state-header-phone .ui5-valuestatemessage-root + [ui5-list] {
+	overflow: auto;
+}
+
+/* ValueState Header bottom border color in Responsive Popover and Dialog */
+[ui5-responsive-popover] .ui5-valuestatemessage--error {
+	box-shadow: var(--_ui5_value_state_header_box_shadow_error);
+}
+
+[ui5-responsive-popover] .ui5-valuestatemessage--information {
+	box-shadow: var(--_ui5_value_state_header_box_shadow_information);
+}
+
+[ui5-responsive-popover] .ui5-valuestatemessage--success {
+	box-shadow: var(--_ui5_value_state_header_box_shadow_success);
+}
+
+[ui5-responsive-popover] .ui5-valuestatemessage--warning {
+	box-shadow: var(--_ui5_value_state_header_box_shadow_warning);
+}
+
+/* Unset bottom border box-shadow in a specific case when the value state message is displayed on desktop in a popover and the suggestions list is empty */
+[ui5-responsive-popover].ui5-popover-with-value-state-header .ui5-valuestatemessage-root:has(+[ui5-list]:empty) {
+	box-shadow: none;
+}

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

@@ -9,6 +9,7 @@
 	--_ui5_input_background_color: var(--sapField_Background);
 	--_ui5_input_border_radius: var(--sapField_BorderCornerRadius);
 	--_ui5_input_focus_border_radius: 0;
+	--_ui5_input_readonly_focus_border_radius: 0;
 	--_ui5-input-border: 2px solid transparent; /* The value of this variable defaults to sap_horizon theme, because if it defaults to fiori, then a flickering of the border is present*/
 	--_ui5_input_placeholder_style: italic;
 	--_ui5_input_placeholder_color: var(--sapField_PlaceholderTextColor);
@@ -62,6 +63,7 @@
 	--_ui5-input-value-state-information-border-width: 1px;
 	--_ui5-input-background-image: none;
 	--_ui5_input_focus_offset: 1px;
+	--_ui5_input_readonly_focus_offset: 1px;
 	--ui5_input_focus_pseudo_element_content: '';
 	--_ui5_input_value_state_error_warning_placeholder_font_weight: normal;
 	--_ui5_input_focus_outline_color: var(--sapContent_FocusColor);

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

@@ -1,6 +1,8 @@
 :root {
 	--_ui5_panel_focus_border:   var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
-	--_ui5_panel_button_root_width: 3rem;
+	--_ui5_panel_header_height: 2.75rem;
+	--_ui5_panel_button_root_width: 2.75rem;
+	--_ui5_panel_button_root_height: 2.75rem;
 	--_ui5_panel_border_radius: 0px;
 	--_ui5_panel_border_radius_expanded: 0;
 	--_ui5_panel_default_header_border: none;
@@ -17,5 +19,5 @@
 [data-ui5-compact-size],
 .ui5-content-density-compact,
 .sapUiSizeCompact {
-	--_ui5_panel_header_button_wrapper_padding: .5625rem .375rem;
+	--_ui5_panel_header_button_wrapper_padding: .1875rem .25rem;
 }

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

@@ -3,7 +3,6 @@
 	--_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;
@@ -16,6 +15,14 @@
 	--_ui5_split_button_inner_focused_border_radius_outer: 0.25rem;
 	--_ui5_split_button_inner_focused_border_radius_inner: 0;
 	
+	/* Separator colors */
+	--_ui5_split_button_emphasized_separator_color: var(--sapButton_Emphasized_TextColor);
+	--_ui5_split_button_positive_separator_color: var(--sapButton_Accept_BorderColor);
+	--_ui5_split_button_negative_separator_color: var(--sapButton_Reject_BorderColor);
+	--_ui5_split_button_attention_separator_color: var(--sapButton_Attention_BorderColor);
+	--_ui5_split_button_attention_separator_color_default: var(--sapButton_Attention_BorderColor);
+
+
 	--_ui5_split_button_host_default_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);
 	--_ui5_split_button_host_attention_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Attention_BorderColor);
 	--_ui5_split_button_host_emphasized_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Emphasized_BorderColor);

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

@@ -1,3 +1,4 @@
 :root {
 	--ui5_table_row_outline_width: 1px;
+	--ui5_table_multiselect_popin_row_padding: 3.25rem;
 }

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

@@ -23,6 +23,10 @@
 	--_ui5_textarea_value_state_focus_offset: 1px;
 	--_ui5_textarea_focus_outline_color: var(--sapContent_FocusColor);
 	--_ui5_textarea_min_height: 2.25rem;
+	--_ui5_textarea_wrapper_padding: 0;
+	--_ui5_textarea_success_wrapper_padding: 0;
+	--_ui5_textarea_warning_error_wrapper_padding: 0;
+	--_ui5_textarea_information_wrapper_padding: 0;
 	--_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;

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

@@ -3,6 +3,7 @@
 	--_ui5_value_state_header_border: none;
 	--_ui5_input_value_state_icon_display: none;
 	--_ui5_value_state_message_padding: 0.5rem;
+	--_ui5_value_state_message_padding_phone: 0.5rem 0.5rem 0.5rem 1rem;
 	--_ui5_value_state_header_padding: .5625rem 1rem;
 	--_ui5_value_state_message_popover_box_shadow: none;
 	--_ui5_value_state_message_icon_width: .875rem;
@@ -10,4 +11,11 @@
 	--_ui5_input_value_state_icon_offset: .5rem;
 	--_ui5_value_state_header_offset: -0.125rem;
 	--_ui5_value_state_message_popover_border_radius: 0;
+	--_ui5_value_state_header_box_shadow_error: inset 0 -0.0625rem var(--sapField_InvalidColor);
+	--_ui5_value_state_header_box_shadow_information: inset 0 -0.0625rem var(--sapField_InformationColor);
+	--_ui5_value_state_header_box_shadow_success: inset 0 -0.0625rem var(--sapField_SuccessColor);
+	--_ui5_value_state_header_box_shadow_warning: inset 0 -0.0625rem var(--sapField_WarningColor);
+	--_ui5_value_state_message_line_height: 1rem;
+	--_ui5_value_state_message_icon_offset_phone: 1rem;
+	--_ui5_value_state_header_border_bottom: none;
 }

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

@@ -97,9 +97,6 @@
 	/* TextArea */
 	--_ui5_textarea_margin: .25rem 0;
 
-	/* Panel */
-	--_ui5_panel_header_height: 2.75rem;
-
 	/* Radio Button */
 	--_ui5_radio_button_height: 2.75rem;
 	--_ui5_radio_button_label_side_padding: .875rem;
@@ -248,7 +245,9 @@
 
 	--_ui5_month_picker_item_height: 2rem;
 	--_ui5_year_picker_item_height: 2rem;
-	--_ui5_panel_header_height: 2.5rem;
+	--_ui5_panel_header_height: 2rem;
+	--_ui5_panel_button_root_height: 2rem;
+	--_ui5_panel_button_root_width: 2.5rem;
 
 	--_ui5_token_height: 1.25rem;
 	--_ui5_token_right_margin: 0.25rem;

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

@@ -3,6 +3,8 @@
 :root {
 	--_ui5_panel_header_padding_right: 1rem;
 	--_ui5_panel_header_height: 3rem;
+	--_ui5_panel_button_root_width: 3rem;
+	--_ui5_panel_button_root_height: 3rem;
 }
 
 [data-ui5-compact-size],

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

@@ -2,4 +2,5 @@
 
 :root {
 	--ui5_table_row_height: 3rem;
+	--ui5_table_multiselect_popin_row_padding: 3.5rem;
 }

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

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

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

@@ -1,7 +1,10 @@
 @import "../base/ValueStateMessage-parameters.css";
 
 :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
+	--_ui5_value_state_message_border: var(--sapField_BorderWidth) solid var(--sapField_BorderColor);
+	--_ui5_value_state_header_box_shadow_error: inset 0 -0.125rem var(--sapField_InvalidColor);
+	--_ui5_value_state_header_box_shadow_information: inset 0 -0.125rem var(--sapField_InformationColor);
+	--_ui5_value_state_header_box_shadow_success: inset 0 -0.125rem var(--sapField_SuccessColor);
+	--_ui5_value_state_header_box_shadow_warning: inset 0 -0.125rem var(--sapField_WarningColor);
+	--_ui5_value_state_header_offset: -0.1875rem;
 }

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

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

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

@@ -1,7 +1,10 @@
 @import "../base/ValueStateMessage-parameters.css";
 
 :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
+	--_ui5_value_state_message_border: var(--sapField_BorderWidth) solid var(--sapField_BorderColor);
+	--_ui5_value_state_header_box_shadow_error: inset 0 -0.125rem var(--sapField_InvalidColor);
+	--_ui5_value_state_header_box_shadow_information: inset 0 -0.125rem var(--sapField_InformationColor);
+	--_ui5_value_state_header_box_shadow_success: inset 0 -0.125rem var(--sapField_SuccessColor);
+	--_ui5_value_state_header_box_shadow_warning: inset 0 -0.125rem var(--sapField_WarningColor);
+	--_ui5_value_state_header_offset: -0.1875rem;
 }

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

@@ -22,7 +22,7 @@
 @import "../base/Menu-parameters.css";
 @import "./MonthPicker-parameters.css";
 @import "../base/MessageStrip-parameters.css";
-@import "./Panel-parameters.css";
+@import "../base/Panel-parameters.css";
 @import "../base/Popover-parameters.css";
 @import "../base/PopupsCommon-parameters.css";
 @import "../base/ProgressIndicator-parameters.css";

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

@@ -22,7 +22,7 @@
 @import "../base/Menu-parameters.css";
 @import "./MonthPicker-parameters.css";
 @import "../base/MessageStrip-parameters.css";
-@import "./Panel-parameters.css";
+@import "../base/Panel-parameters.css";
 @import "../base/Popover-parameters.css";
 @import "../base/PopupsCommon-parameters.css";
 @import "../base/ProgressIndicator-parameters.css";

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

@@ -1,7 +1,12 @@
 @import "../base/ValueStateMessage-parameters.css";
 
 :root {
-	--_ui5_value_state_message_border: 2px solid var(--sapField_BorderColor);
+	--_ui5_value_state_message_border: var(--sapField_BorderWidth) solid var(--sapField_BorderColor);
 	--_ui5_value_state_header_offset: -0.1875rem;
-	--_ui5_value_state_header_border_bottom: 2px solid var(--sapField_BorderColor);
+	--_ui5_value_state_header_box_shadow_error: inset 0 -0.125rem var(--sapField_InvalidColor);
+	--_ui5_value_state_header_box_shadow_information: inset 0 -0.125rem var(--sapField_InformationColor);
+	--_ui5_value_state_header_box_shadow_success: inset 0 -0.125rem var(--sapField_SuccessColor);
+	--_ui5_value_state_header_box_shadow_warning: inset 0 -0.125rem var(--sapField_WarningColor);
+	--_ui5_value_state_message_icon_width: .75rem;
+	--_ui5_value_state_message_icon_height: .75rem;
 }

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

@@ -1,7 +1,12 @@
 @import "../base/ValueStateMessage-parameters.css";
 
 :root {
-	--_ui5_value_state_message_border: 2px solid var(--sapField_BorderColor);
+	--_ui5_value_state_message_border: var(--sapField_BorderWidth) solid var(--sapField_BorderColor);
 	--_ui5_value_state_header_offset: -0.1875rem;
-	--_ui5_value_state_header_border_bottom: 2px solid var(--sapField_BorderColor);
+	--_ui5_value_state_header_box_shadow_error: inset 0 -0.125rem var(--sapField_InvalidColor);
+	--_ui5_value_state_header_box_shadow_information: inset 0 -0.125rem var(--sapField_InformationColor);
+	--_ui5_value_state_header_box_shadow_success: inset 0 -0.125rem var(--sapField_SuccessColor);
+	--_ui5_value_state_header_box_shadow_warning: inset 0 -0.125rem var(--sapField_WarningColor);
+	--_ui5_value_state_message_icon_width: .75rem;
+	--_ui5_value_state_message_icon_height: .75rem;
 }

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

@@ -4,6 +4,7 @@
 	--_ui5-input-border: none;
 	--_ui5_input_hover_border: none;
 	--_ui5_input_focus_border_radius: 0.25rem;
+	--_ui5_input_readonly_focus_border_radius: 0.125rem;
 	--_ui5_input_error_warning_border_style: none;
 	--_ui5_input_focused_value_state_error_background: var(--sapField_Hover_Background);
 	--_ui5_input_focused_value_state_warning_background: var(--sapField_Hover_Background);
@@ -13,6 +14,7 @@
 	--_ui5_input_focused_value_state_warning_focus_outline_color: var(--sapField_WarningColor);
 	--_ui5_input_focused_value_state_success_focus_outline_color: var(--sapField_SuccessColor);
 	--_ui5_input_focus_offset: 0;
+	--_ui5_input_readonly_focus_offset: 0.125rem;
 	--_ui5_input_information_icon_padding: .625rem .625rem .5rem .625rem;
 	--_ui5_input_information_focused_icon_padding: .625rem .625rem .5625rem .625rem;
 	--_ui5_input_error_warning_icon_padding: .625rem .625rem .5rem .625rem;

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

@@ -1,7 +1,6 @@
 @import "../base/Panel-parameters.css";
 
 :root {
-	--_ui5_panel_button_root_width: 2.75rem;
 	--_ui5_panel_border_radius: var(--sapElement_BorderCornerRadius);
 	--_ui5_panel_border_bottom: none;
 	--_ui5_panel_default_header_border: 0.0625rem solid var(--sapGroup_TitleBorderColor);

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

@@ -4,7 +4,6 @@
 	--_ui5_split_button_focused_border: 0.125rem solid var(--sapContent_FocusColor);
 	--_ui5_split_button_focused_border_radius: 0.375rem;
 	--_ui5_split_button_hover_border_radius: var(--_ui5_button_border_radius);
-	--_ui5_split_button_attention_separator_color: var(--sapButton_Attention_TextColor);
 	--_ui5_split_button_middle_separator_width: 0;
 	--_ui5_split_button_middle_separator_left: -0.0625rem;
 	--_ui5_split_button_middle_separator_hover_display: none;
@@ -16,6 +15,13 @@
 	--_ui5_split_button_inner_focused_border_radius_outer: 0.375rem;
 	--_ui5_split_button_inner_focused_border_radius_inner: 0.375rem;
 
+	/* Separator colors */
+	--_ui5_split_button_emphasized_separator_color: transparent;
+	--_ui5_split_button_positive_separator_color: transparent;
+	--_ui5_split_button_negative_separator_color: transparent;
+	--_ui5_split_button_attention_separator_color: transparent;
+	--_ui5_split_button_attention_separator_color_default: var(--sapButton_Attention_TextColor);
+
 	--_ui5_split_text_button_hover_border_right: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
 	--_ui5_split_text_button_emphasized_hover_border_right: none;
 	--_ui5_split_text_button_positive_hover_border_right: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);

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

@@ -16,6 +16,10 @@
 	--_ui5_textarea_readonly_focus_offset: 1px;
 	--_ui5_textarea_focus_outline_color: var(--sapField_Active_BorderColor);
 	--_ui5_textarea_value_state_focus_offset: 0;
+	--_ui5_textarea_wrapper_padding: 0.0625rem;
+	--_ui5_textarea_success_wrapper_padding: 0.0625rem;
+	--_ui5_textarea_warning_error_wrapper_padding:  0.0625rem 0.0625rem 0.125rem 0.0625rem;
+	--_ui5_textarea_information_wrapper_padding: 0.0625rem 0.0625rem 0.125rem 0.0625rem;
 	--_ui5_textarea_padding_top: 0.5rem;
 	--_ui5_textarea_padding_bottom: 0.4375rem;
 	--_ui5_textarea_padding_bottom_readonly: 0.375rem;