@ui5/webcomponents 0.0.0-cad512aa3 → 0.0.0-cb061e041

package/src/themes/StepInput.css

@@ -1,3 +1,4 @@
+@import "./FormComponents.css";
 @import "./InvisibleTextStyles.css";
 @import "./InputIcon.css";
 
@@ -54,23 +55,23 @@
 :host([value-state="None"]:not([readonly]):not([disabled]):not([focused]):hover) {
 	background-color: var(--sapField_Hover_Background);
 	border: var(--_ui5_step_input_border_style_hover);
-	box-shadow: var(--_ui5_input_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_Shadow);
 }
 
 :host([value-state="Success"]:not([readonly]):not([disabled]):not([focused]):hover) {
-	box-shadow: var(--_ui5_input_value_state_success_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_SuccessShadow);
 }
 
 :host([value-state="Information"]:not([readonly]):not([disabled]):not([focused]):hover) {
-	box-shadow: var(--_ui5_input_value_state_information_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_InformationShadow);
 }
 
 :host([value-state="Warning"]:not([readonly]):not([disabled]):not([focused]):hover) {
-	box-shadow: var(--_ui5_input_value_state_warning_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_WarningShadow);
 }
 
 :host([value-state="Error"]:not([readonly]):not([disabled]):not([focused]):hover) {
-	box-shadow: var(--_ui5_input_value_state_error_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_InvalidShadow);
 }
 
 :host([value-state="Success"]:not([readonly]):not([disabled]):hover),

package/src/themes/Suggestions.css

@@ -20,3 +20,15 @@
 .ui5-suggestions-popover [ui5-li-suggestion-item]::part(icon) {
 	color: var(--sapList_TextColor);
 }
+
+.input-root-phone.native-input-wrapper {
+	display: contents;
+}
+
+.input-root-phone.native-input-wrapper::before {
+	display: none;
+}
+
+.native-input-wrapper .ui5-input-inner-phone {
+	margin: 0;
+}

package/src/themes/TabContainer.css

@@ -81,6 +81,8 @@
 
 .ui5-tc__overflow > [ui5-button][focused] {
 	outline-offset: 0.125rem;
+	--_ui5_button_focused_border: none;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }
 
 .ui5-tc-root.ui5-tc--textOnly .ui5-tc__content {

package/src/themes/TabInStrip.css

@@ -229,6 +229,11 @@
 	display: flex;
 }
 
+.ui5-tab-strip-itemAdditionalText-hidden {
+	visibility: hidden;
+	margin-top: 1.25rem;
+}
+
 .ui5-tab-strip-item--inline .ui5-tab-strip-itemAdditionalText + .ui5-tab-strip-itemText {
 	display: inline;
 }
@@ -253,7 +258,7 @@
 	padding: 0 0.188rem;
 }
 
-.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--withAddionalText {
+.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--withAdditionalText {
 	justify-content: flex-start;
 	height: var(--_ui5_tc_item_text_only_with_additional_text_height);
 }

package/src/themes/TableCell.css

@@ -2,9 +2,8 @@
 	display: table-cell;
 	font-family: "72override", var(--sapFontFamily);
 	font-size: 0.875rem;
-	height: 100%;
+	height: var(--ui5_table_row_height);
 	box-sizing: border-box;
-	overflow: hidden;
 	color: var(--sapContent_LabelColor);
 	word-break: break-word;
 	vertical-align: middle;

package/src/themes/TableRow.css

@@ -11,7 +11,6 @@
 	background-color: var(--sapList_Background);
 	color: var(--sapList_TextColor);
 	border-top: 1px solid var(--sapList_BorderColor);
-	height: var(--ui5_table_row_height);
 }
 
 .ui5-table-row-root:focus {

package/src/themes/TextArea.css

@@ -1,3 +1,4 @@
+@import "./FormComponents.css";
 @import "./InvisibleTextStyles.css";
 
 :host(:not([hidden])) {
@@ -17,18 +18,21 @@
 	margin: var(--_ui5_textarea_margin);
 }
 
-:host(:not([value-state]):not([readonly]):not([disabled]):not([focused])) .ui5-textarea-wrapper {
+:host(:not([value-state]):not([readonly]):not([disabled]):not([focused])) .ui5-textarea-wrapper,
+:host([value-state="None"]:not([readonly]):not([disabled]):not([focused])) .ui5-textarea-wrapper {
 	background: var(--sapField_BackgroundStyle);
 	background-color: var(--sapField_Background);
 }
 
-:host(:not([value-state]):not([readonly]):not([disabled]):hover) .ui5-textarea-wrapper {
+:host(:not([value-state]):not([readonly]):not([disabled]):hover) .ui5-textarea-wrapper,
+:host([value-state="None"]:not([readonly]):not([disabled]):hover) .ui5-textarea-wrapper {
 	background: var(--sapField_Hover_BackgroundStyle);
 	background-color: var(--sapField_Hover_Background);
 	border: var(--_ui5_textarea_hover_border);
 }
 
-:host(:not([value-state]):not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {
+:host(:not([value-state]):not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper,
+:host([value-state="None"]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {
 	box-shadow: var(--_ui5_textarea_hover_box_shadow);
 }
 

package/src/themes/TimePicker.css

@@ -1,3 +1,4 @@
+@import "./FormComponents.css";
 @import "./InvisibleTextStyles.css";
 @import "./InputIcon.css";
 

package/src/themes/Title.css

@@ -30,10 +30,17 @@
 	cursor: inherit;
 }
 
-:host([wrapping-type="Normal"]) .ui5-title-root {
+:host([wrapping-type="Normal"]) .ui5-title-root,
+:host([wrapping-type="Normal"]) ::slotted(*) {
 	white-space: pre-line;
 }
 
+::slotted(*) {
+	font-size: inherit;
+	font-family: inherit;
+	text-shadow: inherit;
+}
+
 /* Level H1 */
 :host([level="H1"]) {
 	font-size: var(--sapFontHeader1Size);

package/src/themes/TreeItem.css

@@ -32,7 +32,7 @@
 	bottom: 0.125rem;
 }
 
-:host([_minimal]) .ui5-li-tree-text-wrapper {
+:host([_minimal]) .ui5-li-text-wrapper {
 	display: none;
 }
 
@@ -94,12 +94,6 @@
 	color: var(--sapList_Active_TextColor);
 }
 
-.ui5-li-tree-text-wrapper {
-	display: flex;
-	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 */
 

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

@@ -1,11 +1,10 @@
 :root {
 	--_ui5_input_width: 13.125rem;
 	--_ui5_input_min_width: 2.75rem;
-	--_ui5_input_height: 2.25rem;
+	--_ui5_input_height: var(--sapElement_Height);
 	--_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);
 	--_ui5_input_background_color: var(--sapField_Background);
 	--_ui5_input_border_radius: var(--sapField_BorderCornerRadius);

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

@@ -11,4 +11,6 @@
 	--_ui5_link_focus_color: inherit;
 	--_ui5_link_focus_text_decoration: underline;
 	--_ui5_link_subtle_text_decoration: none;
+	--_ui5_link_subtle_text_decoration_hover: underline;
+
 }

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

@@ -10,6 +10,7 @@
 	--_ui5_panel_header_padding_right: 0.5rem;
 	--_ui5_panel_header_button_wrapper_padding: .25rem;
 	--_ui5_panel_focus_offset: 1px;
+	--_ui5_panel_content_padding: 0.625rem 1rem 1.375rem 1rem
 }
 
 [data-ui5-compact-size],

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

@@ -18,6 +18,7 @@
 	--_ui5_progress_indicator_bar_border_radius: 0.5rem 0 0 0.5rem;
 	--_ui5_progress_indicator_remaining_bar_border_radius: 0 0.5rem 0.5rem 0;
 	--_ui5_menu_submenu_margin_offset: -0.25rem 0;
+	--_ui5_menu_submenu_placement_type_left_margin_offset: 0.25rem 0;
 	--_ui5-menu_item_icon_float: right;
 }
 
@@ -38,6 +39,7 @@
 	--_ui5_progress_indicator_bar_border_radius: 0 0.5rem 0.5rem 0;
 	--_ui5_progress_indicator_remaining_bar_border_radius: 0.5rem 0 0 0.5rem;
 
-	--_ui5_menu_submenu_margin_offset: 0 0.25rem;
+	--_ui5_menu_submenu_margin_offset: 0 -0.25rem;
+	--_ui5_menu_submenu_placement_type_left_margin_offset: 0 0.25rem;
 	--_ui5-menu_item_icon_float: left;
 }

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

@@ -235,7 +235,7 @@
     --_ui5_dialog_footer_height: 2.5rem;
 
 	/* Input */
-	--_ui5_input_height: var(--_ui5_input_compact_height);
+	--_ui5_input_height: var(--sapElement_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;

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

@@ -2,7 +2,6 @@
 
 :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;
 	--_ui5_input_information_icon_padding: .625rem .5rem .625rem .5625rem;

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

@@ -2,7 +2,6 @@
 
 :root {
 	--_ui5_input_min_width: 3rem;
-	--_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);

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

@@ -2,7 +2,6 @@
 
 :root {
 	--_ui5_input_min_width: 3rem;
-	--_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);

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

@@ -8,38 +8,32 @@
 	/* default checkbox*/
 	--_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);
-	--_ui5_checkbox_active_background: var(--sapField_Background);
 	--_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
 	--_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
 	/* hover & active */
-	--_ui5_checkbox_inner_default_box_shadow: var(--sapContent_Interaction_Shadow);
-	--_ui5_checkbox_hover_background: var(--sapField_Hover_Background);
+	--_ui5_checkbox_hover_background: var(--sapContent_Selected_Hover_Background);
 	--_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
-	--_ui5_checkbox_hover_background: var(--sapField_Hover_Background);
 	--_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
 	--_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);
-	--_ui5_checkbox_active_background: var(--sapField_Hover_Background);
+	--_ui5_checkbox_active_background: var(--sapContent_Selected_Hover_Background);
 	--_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
 	/* readonly */
 	--_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth)  var(--sapField_ReadOnly_BorderColor) dashed;
 	/* error state */
 	--_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--sapField_InvalidColor);
-	--_ui5_checkbox_inner_error_box_shadow: var(--sapContent_Negative_Shadow);
 	--_ui5_checkbox_inner_error_background_hover: var(--sapField_Hover_Background);
 	/* warning state */
 	--_ui5_checkbox_inner_warning_border:  var(--sapField_WarningBorderWidth) solid var(--sapField_WarningColor);
-	--_ui5_checkbox_inner_warning_color: var(--sapField_TextColor);
-	--_ui5_checkbox_inner_warning_box_shadow: var(--sapContent_Critical_Shadow);
+	--_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
 	--_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
+	--_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
 	/* success state */
 	--_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
-	--_ui5_checkbox_inner_success_box_shadow: var(--sapContent_Positive_Shadow);
 	--_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
 	/* information state */
 	--_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
 	--_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) solid var(--sapField_InformationColor);
-	--_ui5_checkbox_inner_information_box_shadow: var(--sapContent_Informative_Shadow);
 	--_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
 	/* disabled */
 	--_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);

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

@@ -3,11 +3,6 @@
 :root {
 	--_ui5-input-border: none;
 	--_ui5_input_hover_border: none;
-	--_ui5_input_hover_box_shadow: var(--sapContent_Interaction_Shadow);
-	--_ui5_input_value_state_warning_hover_box_shadow: var(--sapContent_Critical_Shadow);
-	--_ui5_input_value_state_success_hover_box_shadow: var(--sapContent_Positive_Shadow);
-	--_ui5_input_value_state_information_hover_box_shadow: var(--sapContent_Informative_Shadow);
-	--_ui5_input_value_state_error_hover_box_shadow: var(--sapContent_Negative_Shadow);
 	--_ui5_input_focus_border_radius: 0.25rem;
 	--_ui5_input_error_warning_border_style: none;
 	--_ui5_input_focused_value_state_error_background: var(--sapField_Hover_Background);

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

@@ -11,4 +11,5 @@
 	--_ui5_link_focus_background_color: var(--sapContent_FocusColor);
 	--_ui5_link_focus_color: var(--sapContent_ContrastTextColor);
 	--_ui5_link_subtle_text_decoration: underline;
+	--_ui5_link_subtle_text_decoration_hover: none;
 }

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

@@ -9,4 +9,5 @@
 	--_ui5_panel_border_radius_expanded: var(--sapElement_BorderCornerRadius) var(--sapElement_BorderCornerRadius) 0 0;
 	--_ui5_panel_icon_color: var(--sapButton_Lite_TextColor);
 	--_ui5_panel_focus_offset: -1px;
+	--_ui5_panel_content_padding: 0.625rem 1rem;
 }

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

@@ -8,38 +8,32 @@
 	/* default checkbox*/
 	--_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);
-	--_ui5_checkbox_active_background: var(--sapField_Background);
 	--_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
 	--_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
 	/* hover & active */
-	--_ui5_checkbox_inner_default_box_shadow: var(--sapContent_Interaction_Shadow);
-	--_ui5_checkbox_hover_background: var(--sapField_Hover_Background);
+	--_ui5_checkbox_hover_background: var(--sapContent_Selected_Hover_Background);
 	--_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
-	--_ui5_checkbox_hover_background: var(--sapField_Hover_Background);
 	--_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
 	--_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);
-	--_ui5_checkbox_active_background: var(--sapField_Hover_Background);
+	--_ui5_checkbox_active_background: var(--sapContent_Selected_Hover_Background);
 	--_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
 	/* readonly */
 	--_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth)  var(--sapField_ReadOnly_BorderColor) dashed;
 	/* error state */
 	--_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--sapField_InvalidColor);
-	--_ui5_checkbox_inner_error_box_shadow: var(--sapContent_Negative_Shadow);
 	--_ui5_checkbox_inner_error_background_hover: var(--sapField_Hover_Background);
 	/* warning state */
 	--_ui5_checkbox_inner_warning_border:  var(--sapField_WarningBorderWidth) solid var(--sapField_WarningColor);
-	--_ui5_checkbox_inner_warning_color: var(--sapField_TextColor);
-	--_ui5_checkbox_inner_warning_box_shadow: var(--sapContent_Critical_Shadow);
+	--_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
 	--_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
+	--_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
 	/* success state */
 	--_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
-	--_ui5_checkbox_inner_success_box_shadow: var(--sapContent_Positive_Shadow);
 	--_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
 	/* information state */
 	--_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
 	--_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) solid var(--sapField_InformationColor);
-	--_ui5_checkbox_inner_information_box_shadow: var(--sapContent_Informative_Shadow);
 	--_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
 	/* disabled */
 	--_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);

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

@@ -3,11 +3,6 @@
 :root {
 	--_ui5-input-border: none;
 	--_ui5_input_hover_border: none;
-	--_ui5_input_hover_box_shadow: var(--sapContent_Interaction_Shadow);
-	--_ui5_input_value_state_warning_hover_box_shadow: var(--sapContent_Critical_Shadow);
-	--_ui5_input_value_state_success_hover_box_shadow: var(--sapContent_Positive_Shadow);
-	--_ui5_input_value_state_information_hover_box_shadow: var(--sapContent_Informative_Shadow);
-	--_ui5_input_value_state_error_hover_box_shadow: var(--sapContent_Negative_Shadow);
 	--_ui5_input_focus_border_radius: 0.25rem;
 	--_ui5_input_error_warning_border_style: none;
 	--_ui5_input_focused_value_state_error_background: var(--sapField_Hover_Background);

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

@@ -11,4 +11,5 @@
 	--_ui5_link_focus_background_color: var(--sapContent_FocusColor);
 	--_ui5_link_focus_color: var(--sapContent_ContrastTextColor);
 	--_ui5_link_subtle_text_decoration: underline;
+	--_ui5_link_subtle_text_decoration_hover: none;
 }

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

@@ -9,4 +9,5 @@
 	--_ui5_panel_border_radius_expanded: var(--sapElement_BorderCornerRadius) var(--sapElement_BorderCornerRadius) 0 0;
 	--_ui5_panel_icon_color: var(--sapButton_Lite_TextColor);
 	--_ui5_panel_focus_offset: -1px;
+	--_ui5_panel_content_padding: 0.625rem 1rem;
 }

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

@@ -6,7 +6,6 @@
 	--_ui5_input_readonly_background: var(--sapNeutralBackground);
 	--_ui5_input_readonly_border_color: transparent;
 	--_ui5_input_hover_border: 2px solid transparent;
-	--_ui5_input_hover_box_shadow: 0 0 2px rgb(131 150 168 / 16%), 0 8px 16px rgb(131 150 168 / 16%);
 	--_ui5_input_border_radius: 8px;
 	--_ui5_input_placeholder_style: normal;
 	--_ui5_input_placeholder_color: var(--sapNeutralColor);
@@ -23,20 +22,16 @@
 	--_ui5-input-value-state-error-border-botom-color: #d20a0a;
 	--_ui5_input_value_state_error_border_color: transparent;
 	--_ui5_input_focused_value_state_error_border_color: var(--_ui5-input-focused-border-color);
-	--_ui5_input_value_state_error_hover_box_shadow: 0 0 2px rgba(245, 40, 40, 0.16), 0 8px 16px rgba(245, 40, 40, 0.16);
 	--_ui5_input_value_state_warning_border_botom_color: #c35500;
 	--_ui5_input_value_state_warning_border_color: transparent;
 	--_ui5_input_focused_value_state_warning_border_color: var(--_ui5-input-focused-border-color);
-	--_ui5_input_value_state_warning_hover_box_shadow: 0 0 2px rgba(255, 179, 0, 0.16), 0 8px 16px rgba(255, 179, 0, 0.16);
 	--_ui5_input_value_state_success_border_botom_color: #36a41d;
 	--_ui5_input_value_state_success_border_color: transparent;
 	--_ui5_input_focused_value_state_success_border_color: var(--_ui5-input-focused-border-color);
-	--_ui5_input_value_state_success_hover_box_shadow: 0 0 2px rgba(131, 150, 168, 0.16), 0 8px 16px rgba(131, 150, 168, 0.16);
 	--_ui5_input_value_state_success_border_width: 2px;
 	--_ui5_input_value_success_information_border_botom_color: #0070f2;
 	--_ui5_input_value_state_information_border_color: transparent;
 	--_ui5_input_focused_value_state_information_border_color: var(--_ui5-input-focused-border-color);
-	--_ui5_input_value_state_information_hover_box_shadow: 0 0 2px rgba(27, 144, 255, 0.16), 0 8px 16px rgba(27, 144, 255, 0.16);
 	--_ui5-input-value-state-information-border-width: 2px;
 	--_ui5_input_focus_offset: -2px;
 	--_ui5_input_focus_border_radius: 0.5rem;

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

@@ -12,10 +12,8 @@
 	--_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
 	--_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
 	/* hover & active */
-	--_ui5_checkbox_inner_default_box_shadow: var(--sapContent_Interaction_Shadow);
 	--_ui5_checkbox_hover_background: var(--sapSelectedColor);
 	--_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
-	--_ui5_checkbox_hover_background: var(--sapSelectedColor);
 	--_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
 	--_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);
@@ -25,21 +23,18 @@
 	--_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth)  var(--sapField_ReadOnly_BorderColor) solid;
 	/* error state */
 	--_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) dashed var(--sapField_InvalidColor);
-	--_ui5_checkbox_inner_error_box_shadow: var(--sapContent_Negative_Shadow);
 	--_ui5_checkbox_inner_error_background_hover: var(--sapField_Hover_Background);
 	/* warning state */
 	--_ui5_checkbox_inner_warning_border:  var(--sapField_WarningBorderWidth) dashed var(--sapField_WarningColor);
-	--_ui5_checkbox_inner_warning_color: var(--sapField_TextColor);
-	--_ui5_checkbox_inner_warning_box_shadow: var(--sapContent_Critical_Shadow);
+	--_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
 	--_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
+	--_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
 	/* success state */
 	--_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
-	--_ui5_checkbox_inner_success_box_shadow: var(--sapContent_Positive_Shadow);
 	--_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
 	/* information state */
 	--_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
 	--_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) dashed var(--sapField_InformationColor);
-	--_ui5_checkbox_inner_information_box_shadow: var(--sapContent_Informative_Shadow);
 	--_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
 	/* disabled */
 	--_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);

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

@@ -5,6 +5,7 @@
 	--_ui5_link_hover_text_decoration: none;
 	--_ui5_link_active_text_decoration: none;
 	--_ui5_link_subtle_text_decoration: underline;
+	--_ui5_link_subtle_text_decoration_hover: none;
 	--_ui5_link_border: 0.125rem dotted transparent;
 	--_ui5_link_border_focus: 0.125rem dotted var(--sapContent_FocusColor);
 }

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

@@ -5,4 +5,5 @@
 	--_ui5_panel_default_header_border: 0.0625rem solid var(--sapGroup_TitleBorderColor);
 	--_ui5_panel_outline_offset: -0.125rem;
 	--_ui5_panel_icon_color: var(--sapButton_Lite_TextColor);
+	--_ui5_panel_content_padding: 0.625rem 1rem;
 }

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

@@ -12,10 +12,8 @@
 	--_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
 	--_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
 	/* hover & active */
-	--_ui5_checkbox_inner_default_box_shadow: var(--sapContent_Interaction_Shadow);
 	--_ui5_checkbox_hover_background: var(--sapSelectedColor);
 	--_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
-	--_ui5_checkbox_hover_background: var(--sapSelectedColor);
 	--_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
 	--_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);
@@ -25,21 +23,18 @@
 	--_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth)  var(--sapField_ReadOnly_BorderColor) solid;
 	/* error state */
 	--_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) dashed var(--sapField_InvalidColor);
-	--_ui5_checkbox_inner_error_box_shadow: var(--sapContent_Negative_Shadow);
 	--_ui5_checkbox_inner_error_background_hover: var(--sapField_Hover_Background);
 	/* warning state */
 	--_ui5_checkbox_inner_warning_border:  var(--sapField_WarningBorderWidth) dashed var(--sapField_WarningColor);
-	--_ui5_checkbox_inner_warning_color: var(--sapField_TextColor);
-	--_ui5_checkbox_inner_warning_box_shadow: var(--sapContent_Critical_Shadow);
+	--_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
 	--_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
+	--_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
 	/* success state */
 	--_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
-	--_ui5_checkbox_inner_success_box_shadow: var(--sapContent_Positive_Shadow);
 	--_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
 	/* information state */
 	--_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
 	--_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) dashed var(--sapField_InformationColor);
-	--_ui5_checkbox_inner_information_box_shadow: var(--sapContent_Informative_Shadow);
 	--_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
 	/* disabled */
 	--_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);

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

@@ -5,6 +5,7 @@
 	--_ui5_link_hover_text_decoration: none;
 	--_ui5_link_active_text_decoration: none;
 	--_ui5_link_subtle_text_decoration: underline;
+	--_ui5_link_subtle_text_decoration_hover: none;
 	--_ui5_link_border: 0.125rem dotted transparent;
 	--_ui5_link_border_focus: 0.125rem dotted var(--sapContent_FocusColor);
 }

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

@@ -6,4 +6,5 @@
 	--_ui5_panel_default_header_border: 0.0625rem solid var(--sapGroup_TitleBorderColor);
 	--_ui5_panel_outline_offset: -0.125rem;
 	--_ui5_panel_icon_color: var(--sapButton_Lite_TextColor);
+	--_ui5_panel_content_padding: 0.625rem 1rem;
 }

package/tsconfig.json

@@ -9,7 +9,8 @@
       "sourceMap": true,
       "inlineSources": true,
       "strict": true,
-      "moduleResolution": "node",
+      "module": "node16",
+      "moduleResolution": "node16",
       "experimentalDecorators": true,
     },
 }