@ui5/webcomponents 1.4.0 → 1.7.0

package/src/themes/MultiComboBox.css

@@ -22,20 +22,6 @@
 	height: 100%;
 }
 
-/* Workaround for IE */
-[ui5-multi-combobox] {
-	width: 100%;
-}
-
-[ui5-multi-combobox] [ui5-tokenizer] {
-	flex: 3;
-}
-
-[ui5-icon] {
-	border-top-right-radius: var(--ui5-multi_bombobox_icon_border_top_right_radius);
-    border-bottom-right-radius: var(--ui5-multi_bombobox_icon_border_bottom_right_radius);
-}
-
 :host([readonly]) .ui5-multi-combobox-tokenizer::part(n-more-text) {
 	color: var(--sapLinkColor);
-}
+}

package/src/themes/MultiInput.css

@@ -8,11 +8,6 @@
 	height: 100%;
 }
 
-/* Workaround for IE */
-[ui5-multi-input] [ui5-tokenizer] {
-	flex: 3;
-}
-
 :host([readonly]) .ui5-multi-input-tokenizer::part(n-more-text) {
 	color: var(--sapLinkColor);
-}
+}

package/src/themes/Panel.css

@@ -37,11 +37,7 @@
 	transition: transform 0.4s ease-out;
 }
 
-:host(:not([_has-header])) .ui5-panel-header-button {
-	pointer-events: none;
-}
-
-:host(:not([_has-header]):not([fixed])) {
+:host(:not([_has-header]):not([fixed])) .ui5-panel-header {
 	cursor: pointer;
 }
 

package/src/themes/PopupsCommon.css

@@ -20,12 +20,6 @@
     outline: none;
 }
 
-@media screen and (-ms-high-contrast: active) {
-    .ui5-popup-root {
-        border: 1px solid var(--sapPageFooter_BorderColor);
-    }
-}
-
 .ui5-popup-root .ui5-popup-header-root {
     color: var(--sapPageHeader_TextColor);
     box-shadow: var(--sapContent_HeaderShadow);
@@ -47,14 +41,14 @@
 :host([header-text]) .ui5-popup-header-text {
     margin: 0;
     font-size: 1rem;
-    font-family: "72override", var(--sapFontFamily);
+    font-family: "72override", var(--_ui5_popup_header_font_family);
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .ui5-popup-header-root .ui5-popup-header-text {
-	font-weight: var(--_ui5_popup_header_footer_font_weight);
+	font-weight: var(--_ui5_popup_header_font_weight);
 }
 
 .ui5-popup-content {

package/src/themes/ResponsivePopoverCommon.css

@@ -79,11 +79,6 @@
 	color: var(--sapField_PlaceholderTextColor);
 }
 
-[inner-input]:-ms-input-placeholder {
-	font-style: italic;
-	color: var(--sapField_PlaceholderTextColor);
-}
-
 .input-root-phone[value-state]:not([value-state="None"]) {
 	border-width: var(--_ui5_input_state_border_width);
 }
@@ -161,12 +156,6 @@
 	border-color: var(--_ui5_input_focused_value_state_information_border_color);
 }
 
-/* Remove IE's defaut clear button */
-[inner-input]::-ms-clear {
-	height: 0;
-	width: 0;
-}
-
 /* MultiComboBox & MultiInput specific */
 .ui5-multi-combobox-toggle-button {
 	margin-left: 0.5rem;

package/src/themes/SliderBase.css

@@ -11,7 +11,6 @@
 	cursor: pointer;
 	vertical-align: top;
 	width: 100%;
-	height: 3.3125rem;
 }
 
 :host(:not([hidden])) {
@@ -21,10 +20,9 @@
 .ui5-slider-root {
 	box-sizing: border-box;
 	height: 3.3125rem;
-	padding: 1rem 0;
 	outline: none;
+	padding: var(--_ui5_slider_padding);
 	touch-action: none;
-	-ms-touch-action: pan-y;
 }
 
 .ui5-slider-inner {
@@ -147,7 +145,7 @@
 	outline: var(--_ui5_slider_handle_active_focused_outline);
 }
 
-.ui5-slider-handle.ui5-slider-handle--start:focus, 
+.ui5-slider-handle.ui5-slider-handle--start:focus,
 .ui5-slider-handle--end:focus {
 	border: var(--_ui5_slider_handle_focus_border);
 }
@@ -245,4 +243,4 @@
 	position: absolute;
 	border-radius: var(--_ui5_slider_handle_border_radius);
 	pointer-events: none;
-}
+}

package/src/themes/Switch.css

@@ -110,7 +110,6 @@
 	white-space: nowrap;
 	user-select: none;
 	-webkit-user-select: none;
-	-ms-user-select: none;
 }
 
 .ui5-switch-handle,
@@ -262,7 +261,7 @@
 .ui5-switch-root.ui5-switch--no-label .ui5-switch-text {
 	display: flex;
 	justify-content: center;
-	
+
 }
 
 .ui5-switch--no-label .ui5-switch-no-label-icon-on,
@@ -276,7 +275,7 @@
 .ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off {
 	width: var(--_ui5_switch_icon_width);
 	height: var(--_ui5_switch_icon_height)
-} 
+}
 
 .ui5-switch-root .ui5-switch-text {
 	font-family: var(--_ui5_switch_text_font_family);
@@ -295,7 +294,7 @@
 
 :host([active]) .ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled) .ui5-switch-track {
 	background: var( --_ui5-switch_track-off-active-background);
-} 
+}
 
 /* active & on */
 

package/src/themes/TextArea.css

@@ -145,13 +145,6 @@
 	color: var(--sapField_PlaceholderTextColor);
 }
 
-.ui5-textarea-inner:-ms-input-placeholder {
-	/* IE 10+ */
-	font-weight: normal;
-	font-style: var(--_ui5_textarea_placeholder_font_style);
-	color: var(--sapField_PlaceholderTextColor);
-}
-
 .ui5-textarea-inner:-moz-placeholder {
 	/* Firefox 18- */
 	font-weight: normal;
@@ -173,13 +166,6 @@
 	color: var(--_ui5_textarea_error_placeholder_color);
 }
 
-:host([value-state="Error"]) .ui5-textarea-inner:-ms-input-placeholder {
-	/* IE 10+ */
-	font-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);
-	font-style: var(--_ui5_textarea_error_placeholder_font_style);
-	color: var(--_ui5_textarea_error_placeholder_color);
-}
-
 :host([value-state="Error"]) .ui5-textarea-inner:-moz-placeholder {
 	/* Firefox 18- */
 	font-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);
@@ -332,38 +318,38 @@
 	font-size: var(--sapFontSmallSize);
 }
 
-:host ::-webkit-scrollbar {
+: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([readonly]) ::-webkit-scrollbar {
+:host([readonly]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
 	background: var(--sapField_ReadOnly_BackgroundStyle);
 	background-color: var(--sapScrollBar_TrackColor);
 }
 
-:host([value-state="Error"]) ::-webkit-scrollbar {
+:host([value-state="Error"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
 	background: var(--sapField_InvalidBackgroundStyle);
 	background-color: var(--sapScrollBar_TrackColor);
 }
 
-:host([value-state="Warning"]) ::-webkit-scrollbar {
+:host([value-state="Warning"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
 	background: var(--sapField_WarningBackgroundStyle);
 	background-color: var(--sapScrollBar_TrackColor);
 }
 
-:host([value-state="Information"]) ::-webkit-scrollbar {
+:host([value-state="Information"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
 	background: var(--sapField_InformationBackgroundStyle);
 	background-color: var(--sapScrollBar_TrackColor);
 }
 
-:host([value-state="Success"]) ::-webkit-scrollbar {
+:host([value-state="Success"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
 	background: var(--sapField_SuccessBackgroundStyle);
 	background-color: var(--sapScrollBar_TrackColor);
 }
 
-:host([focused]) ::-webkit-scrollbar {
+:host([focused]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
 	background-image: none;
-}
+}

package/src/themes/Title.css

@@ -7,7 +7,7 @@
 	max-width: 100%;
 	color: var(--sapGroup_TitleTextColor);
 	font-size: var(--sapFontHeader2Size);
-	font-family: "72override", var(--sapFontFamily);
+	font-family: "72override", var(--sapFontHeaderFamily);
 	text-shadow: var(--sapContent_TextShadow);
 }
 

package/src/themes/Toast.css

@@ -30,12 +30,6 @@
 	white-space: pre-line;
 }
 
-@media screen and (-ms-high-contrast: active) {
-    .ui5-toast-root {
-        border: 1px solid var(--sapPageFooter_BorderColor);
-    }
-}
-
 :host(:not([placement])) .ui5-toast-root {
 	bottom: var(--_ui5_toast_vertical_offset);
 	left: 50%;

package/src/themes/ToggleButton.css

@@ -2,11 +2,6 @@
 	display: inline-block;
 }
 
-/* this line is also included from the Button.css, but keep it here in case we start using it for automatic IE11 compilation */
-:host([disabled]) {
-	pointer-events: none;
-}
-
 :host([pressed]),
 :host([design="Default"][pressed]),
 :host([design="Transparent"][pressed]),
@@ -125,4 +120,4 @@
 	background: var(--sapButton_Attention_Selected_Background);
 	border-color: var(--sapButton_Attention_Selected_BorderColor);
 	color: var(--sapButton_Attention_Selected_TextColor);
-}
+}

package/src/themes/Tokenizer.css

@@ -44,12 +44,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 {

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/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

@@ -58,6 +58,7 @@
 	--_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);
 }

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

@@ -6,7 +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;
@@ -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/sizes-parameters.css

@@ -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);
@@ -229,6 +231,7 @@
 
 	/* Dialog */
 	--_ui5_dialog_content_min_height: 2.5rem;
+    --_ui5_dialog_footer_height: 2.5rem;
 
 	/* Input */
 	--_ui5_input_height: var(--_ui5_input_compact_height);
@@ -265,6 +268,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_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_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_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],

package/src/themes/sap_fiori_3_hcw/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_hcw/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_hcw/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],

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

@@ -4,6 +4,7 @@
 	--_ui5_checkbox_wrapper_padding: .6875rem;
 	--_ui5_checkbox_width_height: 2.75rem;
 	--_ui5_checkbox_icon_size: 1rem;
+	--_ui5_checkbox_label_color: var(--sapField_TextColor);
 	/* default checkbox*/
 	--_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);

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

@@ -1,3 +1,6 @@
+@import "../base/PopupsCommon-parameters.css";
+
 :root {
+	--_ui5_popup_header_font_family: var(--sapFontHeaderFamily);
 	--_ui5_popup_border_radius: 0.5rem;
 }

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

@@ -2,7 +2,7 @@
 @import "../base/rtl-parameters.css";
 @import "./Avatar-parameters.css";
 @import "./AvatarGroup-parameters.css";
-@import "../base/Badge-parameters.css";
+@import "./Badge-parameters.css";
 @import "./Breadcrumbs-parameters.css";
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
@@ -29,7 +29,6 @@
 @import "./MonthPicker-parameters.css";
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
-@import "../base/PopupsCommon-parameters.css";
 @import "./PopupsCommon-parameters.css";
 @import "./ProgressIndicator-parameters.css";
 @import "../base/RadioButton-parameters.css";

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

@@ -4,6 +4,7 @@
 	--_ui5_checkbox_wrapper_padding: .6875rem;
 	--_ui5_checkbox_width_height: 2.75rem;
 	--_ui5_checkbox_icon_size: 1rem;
+	--_ui5_checkbox_label_color: var(--sapField_TextColor);
 	/* default checkbox*/
 	--_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);

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

@@ -1,3 +1,6 @@
+@import "../base/PopupsCommon-parameters.css";
+
 :root {
+	--_ui5_popup_header_font_family: var(--sapFontHeaderFamily);
 	--_ui5_popup_border_radius: 0.5rem;
 }

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

@@ -2,7 +2,7 @@
 @import "../base/rtl-parameters.css";
 @import "./Avatar-parameters.css";
 @import "../sap_horizon/AvatarGroup-parameters.css";
-@import "../base/Badge-parameters.css";
+@import "./Badge-parameters.css";
 @import "./Breadcrumbs-parameters.css";
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
@@ -29,7 +29,6 @@
 @import "./MonthPicker-parameters.css";
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
-@import "../base/PopupsCommon-parameters.css";
 @import "./PopupsCommon-parameters.css";
 @import "../sap_horizon/ProgressIndicator-parameters.css";
 @import "../base/RadioButton-parameters.css";