@ui5/webcomponents 1.13.0-rc.2 → 1.13.0-rc.4

package/src/List.hbs

@@ -38,7 +38,7 @@
 			<slot></slot>
 
 			{{#if showNoDataText}}
-				<li id="{{_id}}-nodata" class="ui5-list-nodata" tabindex="{{noDataTabIndex}}">
+				<li id="{{_id}}-nodata" class="ui5-list-nodata">
 					<div id="{{_id}}-nodata-text" class="ui5-list-nodata-text">
 						{{noDataText}}
 					</div>

package/src/Menu.hbs

@@ -50,9 +50,12 @@
 		<ui5-list
 			id="{{_id}}-menu-list"
 			mode="None"
+			?busy="{{busy}}"
+			busy-delay="{{busyDelay}}"
 			separators="None"
 			accessible-role="menu"
 			@ui5-item-click={{_itemClick}}
+			@mouseover="{{_busyMouseOver}}"
 		>
 		{{#each _currentItems}}
 			<ui5-li
@@ -79,7 +82,7 @@
 					</div>
 				{{/if}}
 				{{this.item.text}}
-				{{#if this.item.hasChildren}}
+				{{#if this.item.hasSubmenu}}
 					<ui5-icon
 						part="icon"
 						name="slim-arrow-right"
@@ -95,6 +98,14 @@
 			</ui5-li>
 		{{/each}}
 		</ui5-list>
+	{{else if busy}}
+		<ui5-busy-indicator
+			id="{{_id}}-menu-busy-indicator"
+			delay="{{busyDelay}}"
+			class="ui5-menu-busy-indicator"
+			@mouseover="{{_busyMouseOver}}"
+			active>
+		</ui5-busy-indicator>
 	{{/if}}
 	</div>
 </ui5-responsive-popover>

package/src/MonthPicker.hbs

@@ -7,7 +7,6 @@
 	@keydown={{_onkeydown}}
 	@keyup={{_onkeyup}}
 	@click={{_selectMonth}}
-	@focusin={{_onfocusin}}
 >
 	{{#each _months}}
 		<div class="ui5-mp-quarter">

package/src/MultiComboBox.hbs

@@ -42,7 +42,6 @@
 		@input="{{_inputLiveChange}}"
 		@change={{_inputChange}}
 		@keydown="{{_onkeydown}}"
-		@keyup="{{_onkeyup}}"
 		@click={{_click}}
 		@focusin={{inputFocusIn}}
 		@focusout={{inputFocusOut}}

package/src/TabInStrip.hbs

@@ -1,5 +1,5 @@
 <div id="{{this._id}}"
-	class="{{this.stripClasses}}"
+	class="{{this.stripClasses.itemClasses}}"
 	tabindex="-1"
 	role="tab"
 	aria-roledescription="{{_roleDescription}}"
@@ -62,7 +62,5 @@
 	{{/if}}
 
 {{#*inline additionalText}}
-	{{#if this.additionalText}}
-		<span class="ui5-tab-strip-itemAdditionalText" id="{{this._id}}-additionalText">{{this.additionalText}}</span>
-	{{/if}}
+		<span class="{{this.stripClasses.additionalTextClasses}}" id="{{this._id}}-additionalText">{{this.additionalText}}</span>
 {{/inline}}

package/src/YearPicker.hbs

@@ -7,7 +7,6 @@
 	@keydown={{_onkeydown}}
 	@keyup={{_onkeyup}}
 	@click={{_selectYear}}
-	@focusin={{_onfocusin}}
 >
 	{{#each _years}}
 		<div class="ui5-yp-interval-container">

package/src/themes/Avatar.css

@@ -216,6 +216,22 @@
 	color: inherit;
 }
 
+.ui5-avatar-icon ~ .ui5-avatar-initials,
+.ui5-avatar-icon ~ .ui5-avatar-icon-fallback {
+	display: none;
+}
+
+.ui5-avatar-initials:not(.ui5-avatar-initials-hidden) + .ui5-avatar-icon-fallback {
+	display: none;
+}
+
+.ui5-avatar-initials-hidden {
+	position: absolute;
+	visibility: hidden;
+	z-index: 0;
+	pointer-events: none;
+}
+
 /* Slotted Badge */
 ::slotted([slot="badge"]) {
 	position: absolute;

package/src/themes/Card.css

@@ -19,11 +19,11 @@
 	box-sizing: border-box;
 }
 
-.ui5-card-root:hover {
+.ui5-card-root.ui5-card--interactive:hover {
 	box-shadow: var(--_ui5_card_hover_box_shadow);
 }
 
-.ui5-card-root:active {
+.ui5-card-root.ui5-card--interactive:active {
 	box-shadow: var(--_ui5_card_box_shadow);
 }
 

package/src/themes/CheckBox.css

@@ -35,7 +35,7 @@
 :host([readonly]:not([value-state="Warning"]):not([value-state="Error"])) .ui5-checkbox-inner {
 	background: var(--sapField_ReadOnly_Background);
 	border: var(--_ui5_checkbox_inner_readonly_border);
-	color: var(--sapContent_NonInteractiveIconColor);
+	color: var(--sapField_TextColor);
 }
 
 /* wrap */
@@ -63,59 +63,50 @@
 
 /* value states */
 :host([value-state="Error"]) .ui5-checkbox-inner,
-:host([value-state="Error"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
+:host([value-state="Error"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
 	background: var(--sapField_InvalidBackground);
 	border: var(--_ui5_checkbox_inner_error_border);
 	color: var(--sapField_InvalidColor);
 }
 
-:host([value-state="Error"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
-	box-shadow: var(--_ui5_checkbox_inner_error_box_shadow);
+:host([value-state="Error"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
 	background: var(--_ui5_checkbox_inner_error_background_hover);
 }
 
 :host([value-state="Warning"]) .ui5-checkbox-inner,
-:host([value-state="Warning"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
+:host([value-state="Warning"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
 	background: var(--sapField_WarningBackground);
 	border: var(--_ui5_checkbox_inner_warning_border);
 	color: var(--_ui5_checkbox_inner_warning_color);
 }
 
-:host([value-state="Warning"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
-	box-shadow: var(--_ui5_checkbox_inner_warning_box_shadow);
+:host([value-state="Warning"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
 	background: var(--_ui5_checkbox_inner_warning_background_hover);
 }
 
 :host([value-state="Information"]) .ui5-checkbox-inner,
-:host([value-state="Information"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
+:host([value-state="Information"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
 	background: var(--sapField_InformationBackground);
 	border: var(--_ui5_checkbox_inner_information_border);
 	color: var(--_ui5_checkbox_inner_information_color);
 }
 
-:host([value-state="Information"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
-	box-shadow: var(--_ui5_checkbox_inner_information_box_shadow);
+:host([value-state="Information"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
 	background: var(--_ui5_checkbox_inner_information_background_hover);
 }
 
 
 :host([value-state="Success"]) .ui5-checkbox-inner,
-:host([value-state="Success"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover  {
+:host([value-state="Success"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {
 	background: var(--sapField_SuccessBackground);
 	border: var(--_ui5_checkbox_inner_success_border);
 	color: var(--sapField_SuccessColor);
 }
 
-:host([value-state="Success"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover  {
-	box-shadow: var(--_ui5_checkbox_inner_success_box_shadow);
+:host([value-state="Success"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {
 	background: var(--_ui5_checkbox_inner_success_background_hover);
 }
 
-:host(:not([value-state])) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,
-:host([value-state="None"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
-	box-shadow: var(--_ui5_checkbox_inner_default_box_shadow);
-}
-
 :host([value-state="Warning"]) .ui5-checkbox-icon,
 :host([value-state="Warning"][indeterminate]) .ui5-checkbox-inner::after {
 	color: var(--_ui5_checkbox_checkmark_warning_color);
@@ -164,7 +155,6 @@
 /* hover */
 :host(:hover:not([disabled])) {
 	background: var(--_ui5_checkbox_outer_hover_background);
-	box-shadow: var(--_ui5_checkbox_box_shadow);
 }
 
 .ui5-checkbox--hoverable .ui5-checkbox-label:hover {
@@ -172,15 +162,15 @@
 }
 
 /* hover, not active, not checked */
-:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,
-:host(:not([active]):not([checked])[value-state="None"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
+:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,
+:host(:not([active]):not([checked])[value-state="None"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
 	background: var(--_ui5_checkbox_hover_background);
 	border-color: var(--_ui5_checkbox_inner_hover_border_color);
 }
 
 /* hover, not active, checked */
-:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,
-:host(:not([active])[checked][value-state="None"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
+:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,
+:host(:not([active])[checked][value-state="None"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
 	background: var(--_ui5_checkbox_hover_background);
 	border-color: var(--_ui5_checkbox_inner_hover_checked_border_color);
 }

package/src/themes/FileUploader.css

@@ -31,27 +31,27 @@
 :host(:not([value-state]):not([disabled]):hover) [ui5-input] {
 	border: var(--_ui5_file_uploader_hover_border);
 	background-color: var(--sapField_Hover_Background);
-	box-shadow: var(--_ui5_input_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_Shadow);
 }
 
 :host([value-state="Error"]:not([disabled]):hover) [ui5-input] {
 	background-color: var(--_ui5_file_uploader_value_state_error_hover_background_color);
-	box-shadow: var(--_ui5_input_value_state_error_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_InvalidShadow);
 }
 
 :host([value-state="Warning"]:not([disabled]):hover) [ui5-input] {
 	background-color: var(--sapField_Hover_Background);
-	box-shadow: var(--_ui5_input_value_state_warning_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_WarningShadow);
 }
 
 :host([value-state="Success"]:not([disabled]):hover) [ui5-input] {
 	background-color: var(--sapField_Hover_Background);
-	box-shadow: var(--_ui5_input_value_state_success_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_SuccessShadow);
 }
 
 :host([value-state="Information"]:not([disabled]):hover) [ui5-input] {
 	background-color: var(--sapField_Hover_Background);
-	box-shadow: var(--_ui5_input_value_state_information_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_InformationShadow);
 }
 
 :host(:not([disabled]):active) [ui5-button] {

package/src/themes/Input.css

@@ -20,13 +20,14 @@
 	box-sizing: border-box;
 	text-align: start;
 	transition: var(--_ui5_input_transition);
-}
-
-:host(:not([disabled])) {
 	background: var(--sapField_BackgroundStyle);
 	background-color: var(--_ui5_input_background_color);
 }
 
+:host(:not([readonly])) {
+	box-shadow: var(--sapField_Shadow);
+}
+
 :host([focused]:not([opened])) {
 	border-color: var(--_ui5_input_focused_border_color);
 	background-color: var(--sapField_Focus_Background);
@@ -219,7 +220,7 @@
 :host(:not([value-state]):not([readonly]):hover) {
 	border: var(--_ui5_input_hover_border);
 	border-color: var(--_ui5_input_focused_border_color);
-	box-shadow: var(--_ui5_input_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_Shadow);
 	background: var(--sapField_Hover_BackgroundStyle);
 	background-color: var(--sapField_Hover_Background);
 }
@@ -254,6 +255,7 @@
 	background: var(--sapField_InvalidBackgroundStyle);
 	background-color: var(--sapField_InvalidBackground);
 	border-color: var(--_ui5_input_value_state_error_border_color);
+	box-shadow: var(--sapField_InvalidShadow);
 }
 
 :host([value-state="Error"][focused]:not([opened]):not([readonly])) {
@@ -272,7 +274,7 @@
 :host([value-state="Error"]:not([readonly]):not([focused]):hover),
 :host([value-state="Error"]:not([readonly])[focused][opened]:hover) {
 	background-color: var(--_ui5_input_value_state_error_hover_background);
-	box-shadow: var(--_ui5_input_value_state_error_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_InvalidShadow);
 }
 
 :host([value-state="Error"]:not([readonly]):not([disabled])),
@@ -285,6 +287,7 @@
 	background: var(--sapField_WarningBackgroundStyle);
 	background-color: var(--sapField_WarningBackground);
 	border-color: var(--_ui5_input_value_state_warning_border_color);
+	box-shadow: var(--sapField_WarningShadow);
 }
 
 :host([value-state="Warning"][focused]:not([opened]):not([readonly])) {
@@ -303,7 +306,7 @@
 :host([value-state="Warning"]:not([readonly]):not([focused]):hover),
 :host([value-state="Warning"]:not([readonly])[focused][opened]:hover)  {
 	background-color: var(--sapField_Hover_Background);
-	box-shadow: var(--_ui5_input_value_state_warning_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_WarningShadow);
 }
 
 :host([value-state="Success"]:not([readonly]):not([disabled])) {
@@ -311,6 +314,7 @@
 	background-color: var(--sapField_SuccessBackground);
 	border-color: var(--_ui5_input_value_state_success_border_color);
 	border-width: var(--_ui5_input_value_state_success_border_width);
+	box-shadow: var(--sapField_SuccessShadow);
 }
 
 :host([value-state="Success"][focused]:not([opened]):not([readonly])) {
@@ -329,7 +333,7 @@
 :host([value-state="Success"]:not([readonly]):not([focused]):hover),
 :host([value-state="Success"]:not([readonly])[focused][opened]:hover) {
 	background-color: var(--sapField_Hover_Background);
-	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])) {
@@ -337,6 +341,7 @@
 	background-color: var(--sapField_InformationBackground);
 	border-color: var(--_ui5_input_value_state_information_border_color);
 	border-width: var(--_ui5_input_information_border_width);
+	box-shadow: var(--sapField_InformationShadow);
 }
 
 :host([value-state="Information"][focused]:not([opened]):not([readonly])) {
@@ -351,7 +356,7 @@
 :host([value-state="Information"]:not([readonly]):not([focused]):hover),
 :host([value-state="Information"]:not([readonly])[focused][opened]:hover) {
 	background-color: var(--sapField_Hover_Background);
-	box-shadow: var(--_ui5_input_value_state_information_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_InformationShadow);
 }
 
 /* Input Icon */

package/src/themes/Link.css

@@ -13,6 +13,8 @@
 	outline: none;
 	text-decoration: var(--_ui5_link_text_decoration);
 	text-shadow: var(--sapContent_TextShadow);
+	white-space: nowrap;
+	overflow-wrap: normal;
 }
 
 :host([disabled]) {
@@ -40,7 +42,7 @@
 	color: var(--sapLinkColor);
 }
 
-:host([wrapping-type="Normal"]) .ui5-link-root {
+:host([wrapping-type="Normal"]) {
 	white-space: normal;
 	overflow-wrap: break-word;
 }
@@ -49,11 +51,11 @@
 	width: 100%;
 	display: inline-block;
 	position: relative;
-	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
-	overflow-wrap: normal;
 	outline: none;
+	white-space: inherit;
+	overflow-wrap: inherit;
 	text-decoration: inherit;
 	color: inherit;
 }
@@ -83,6 +85,11 @@
 	text-decoration: var(--_ui5_link_hover_text_decoration);
 }
 
+:host([design="Subtle"]:hover) {
+	color: var(--sapLink_SubtleColor);
+	text-decoration: var(--_ui5_link_subtle_text_decoration_hover);
+}
+
 :host([focused]:hover) {
 	text-decoration: var(--_ui5_link_focused_hover_text_decoration);
 }

package/src/themes/Menu.css

@@ -43,6 +43,10 @@
 	pointer-events: none;
 }
 
+.ui5-menu-busy-indicator {
+	width: 100%;
+}
+
 .ui5-menu-dialog-header {
 	display: flex;
 	height: var(--_ui5-responsive_popover_header_height);

package/src/themes/StepInput.css

@@ -55,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/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/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/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

@@ -11,34 +11,29 @@
 	--_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;
 }