@openui5/themelib_sap_horizon 1.100.0 → 1.101.0

package/src/sap/m/themes/sap_horizon/IconTabBar.less

@@ -9,6 +9,12 @@
 
 @_sap_m_IconTabBar_TextColor: @sapTextColor;
 @_sap_m_IconTabBar_TextShadow: none;
+@_sap_m_IconTabBar_Separator_Icon: @sapUiContentNonInteractiveIconColor;
+@_sap_m_IconTabBar_Separator_Font_Size:@sapFontLargeSize;
+@_sap_m_IconTabBar_More_Button_Font_size: 1rem;
+@_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
+@_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.875rem;
+
 
 // ==================== Cozy size ====================
 
@@ -66,9 +72,10 @@
 
 // Header
 @_sap_m_IconTabBar_HeaderBackgroundTranslucent: @sapUiObjectHeaderBackground;
+@_sap_m_IconTabBar_HeaderBackground: @sapUiObjectHeaderBackground;
 
 @_sap_m_IconTabBar_HeaderBorderBottom: none;
-@_sap_m_IconTabBar_HeaderShadow: 0 0.25rem 0.25rem -0.25rem fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiObjectHeaderBorderColor;
+@_sap_m_IconTabBar_HeaderShadow: @sapUiContentHeaderShadow;
 
 // Content
 @_sap_m_IconTabBar_ContentBackground: @sapUiBaseBG;
@@ -118,30 +125,47 @@
 @_sap_m_IconTabBar_Phone_TextOnlyContentArrowHeight: 0.5rem;
 @_sap_m_IconTabBar_Phone_Compact_TextOnlyContentArrowHeight: 0.75rem;
 
+// =========== Badge ===========
+@_sap_m_IconTabBar_Badge_Neutral_Background: @sapUiNeutralElement;
+@_sap_m_IconTabBar_Badge_Positive_Background: @sapUiPositiveElement;
+@_sap_m_IconTabBar_Badge_Critical_Background: @sapUiCriticalElement;
+@_sap_m_IconTabBar_Badge_Negative_Background: @sapUiNegativeElement;
+
 // ==========================================================================
 // Variables
 // ==========================================================================
 
-@_sap_m_IconTabBar_TextHoverColor: @sapUiSelected;
-@_sap_m_IconTabBar_SelectedTextColor: @sapUiSelected;
+@_sap_m_IconTabBar_TextHoverColor: @sapUiContentFocusColor;
+@_sap_m_IconTabBar_SelectedTextColor: @sapUiContentSelectedForegroundColor;
 @_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
 @_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
-@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -5px;
-@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -5px;
+@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -4px;
+@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
 @_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
 @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
-@_sap_m_IconTabBar_HeaderBorderRadius: 0.5rem;
+@_sap_m_IconTabBar_HeaderBorderRadius: 0.375rem;
+@_sap_m_IconTab_Bar_Separator_Line: @sapUiGroupTitleBorderColor;
+
+// =========== Overflow ===========
+@_sap_m_IconTabBar_Overflow_BorderColorHover: @sapUiButtonHoverBorderColor;
+@_sap_m_IconTabBar_Overflow_BackgroundColorHover: @sapUiButtonHoverBackground;
+@_sap_m_IconTabBar_Overflow_BoxShadowHover: @sapUiContentInteractionShadow;
+@_sap_m_IconTabBar_Overflow_TextColorHover: @sapUiButtonHoverTextColor;
+@_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapUiButtonHoverTextColor;
+
+@_sap_m_IconTabBar_Overflow_BackgroundColorPressed: @sapUiButtonActiveBackground;
+@_sap_m_IconTabBar_Overflow_BorderColorPressed: @sapUiButtonActiveBorderColor;
+@_sap_m_IconTabBar_Overflow_TextColorPressed: @sapUiButtonActiveTextColor;
+@_sap_m_IconTabBar_Overflow_Icon_ColorPressed: @sapUiButtonActiveTextColor;
 
 // =========== Shell ===========
 @_sap_m_IconTabBar_ShellHeaderShadow: @sapUiShellShadow;
-@_sap_m_IconTabBar_ShellSelectedTextColor: @sapContent_Selected_TextColor;
-@sapUiShellNavigationSelectedColor: @sapContent_Selected_TextColor;
+@_sap_m_IconTabBar_ShellSelectedTextColor: @sapUiShellNavigationSelectedTextColor;
 
 
 /* Head Container */
 .sapMITH {
 	z-index: 1; // shows the bottom shadow of the ITHeader over the content of the ITB
-
 	.sapMITBHead {
 		padding-top: 0.875rem;
 	}
@@ -169,6 +193,8 @@
 	.sapMITBDisabled {
 	  .sapMITHTextContent {
 		color: @sapTextColor;
+		font-family: @sapFontBoldFamily;
+		font-size: @sapFontSize;
 	  }
 	}
 
@@ -188,13 +214,15 @@
 	  .sapMITHShowSubItemsIcon {
 	   color: @sapButton_TextColor;
 	  }
-
-	  &:hover {
-		box-shadow: @sapContent_Interaction_Shadow;
-	  }
 	}
   }
 
+.sapMITHEndOverflow,
+.sapMITHStartOverflow {
+	.sapMITHShowSubItemsIcon {
+		padding-left: 0.375rem;
+	}
+}
   //Arrow button
   .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon:hover  {
 	color: @_sap_m_IconTabBar_TextHoverColor !important;
@@ -285,7 +313,7 @@
 	margin-top: 0.125rem;
 
 	+ .sapMITBSep {
-		margin-top: 0.125rem;
+		margin-top: 0.25rem;
 	}
 }
 
@@ -315,6 +343,10 @@
 		color: @sapUiNeutralText;
 	}
 
+	.sapMITBFilterNeutral:hover .sapMITBText {
+	  color: darken(@sapUiNeutralText, 10);
+	}
+
 	.sapMITBFilterPositive .sapMITBText {
 		color: @sapUiPositiveText;
 	}
@@ -341,12 +373,12 @@
 }
 
 .sapMITBFilterIcon {
-	border: 2px solid @sapUiHighlight;
+	border: 2px solid @sapUiContentSelectedForegroundColor;
 }
 
 .sapMITBFilterDefault {
-	color: @sapUiHighlight;
-	border-color: @sapUiHighlight;
+  	border-color: @sapUiContentSelectedForegroundColor;
+	color: @sapUiContentSelectedForegroundColor;
 }
 
 .sapMITBFilterNeutral {
@@ -398,25 +430,30 @@
 
 	.sapMITBFilterNeutral {
 		background: @sapUiNeutralElement;
-		color: @sapUiGroupContentBackground;
+		color: @sapUiContentContrastIconColor;
 	}
 
 	.sapMITBFilterPositive {
 		background: @sapUiPositiveElement;
-		color: @sapUiGroupContentBackground;
+		color: @sapUiContentContrastIconColor;
 	}
 
 	.sapMITBFilterNegative {
 		background: @sapUiNegativeElement;
-		color: @sapUiGroupContentBackground;
+		color: @sapUiContentContrastIconColor;
 	}
 
 	.sapMITBFilterCritical {
 		background: @sapUiCriticalElement;
-		color: @sapUiGroupContentBackground;
+		color: @sapUiContentContrastIconColor;
 	}
 }
 
+.sapMITHShowSubItemsIcon {
+	bottom: -1.5px;
+	position: relative;
+}
+
 /* Phone device */
 
 .sapUiMedia-Std-Phone .sapMITH.sapUiSizeCompact {
@@ -452,7 +489,7 @@
 
 	.sapMITBSepLine {
 		border: unset;
-		border-right: 1px solid @sapUiGroupTitleBorderColor;
+		border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
 		margin: 0.625rem 0.125rem 0 0.125rem;
 	}
 }
@@ -471,11 +508,21 @@
 			margin-top: 0.5rem;
 		}
 	}
+
+  .sapMITBCount {
+	  font-family: @sapFontBoldFamily;
+	  font-size: @sapFontHeader3Size;
+  }
+
+  .sapMITBText {
+	  font-family: @sapFontFamily;
+	  font-size: @sapFontSmallSize;
+  }
 }
 
 .sapMITBSepLine {
 	border: unset;
-	border-right: 1px solid @sapUiGroupTitleBorderColor;
+	border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
 }
 
 .sapUiMedia-Std-Phone {
@@ -495,8 +542,9 @@ html.sap-desktop {
 	}
 
 	.sapMITBFilter .sapMITBCount {
-		padding-left: 2px;
 		color: @sapContent_LabelColor;
+	  	font-family: @sapFontFamily;
+	  	font-size: @sapFontSize;
 	}
 
 	.sapMITH.sapUiSizeCompact {
@@ -513,7 +561,7 @@ html.sap-desktop {
 	.sapMITHEndOverflow {
 	  .sapMITBItem:not(.sapUiDnDDragging):focus {
 		&::after {
-		  border-radius: @_sap_m_IconTabBar_HeaderBorderRadius;
+		  border-radius: 1.75rem;
 		}
 	  }
 	}
@@ -531,21 +579,35 @@ html.sap-desktop {
 	}
 }
 
-html.sap-desktop {
+.sapUiMedia-Std-Tablet,
+.sapUiMedia-Std-Desktop {
 
-  .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon {
-	&::after {
-	  top: -5px;
-	  bottom: -5px;
-	  right: -5px;
-	  left: -5px;
-	  border-radius: inherit;
+	.sapMITHEndOverflow {
+		padding-left: 0.188rem;
+		margin-left: 0px;
 	}
-  }
+}
+
+html.sap-desktop {
 
+	.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon {
+		&::after {
+			top: -5px;
+			bottom: -5px;
+			right: -5px;
+			left: -5px;
+			border-radius: inherit;
+		}
+	}
 }
-.sapMITBTextOnly .sapMITBFilter .sapMITBCount  {
-  padding-bottom: 2px;
+
+.sapUiMedia-Std-Phone {
+	.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {
+		&::after {
+			right: 6px !important;
+			left: -1px !important;
+		}
+	}
 }
 
 .sapMITBFilter .sapMITBText {
@@ -555,7 +617,8 @@ html.sap-desktop {
 /* Shell overrides                        */
 /* ------------------------------------------------ */
 
-.sapUshellShellTabBar {
+.sapUshellShellTabBar .sapMITH,
+.sapUshellShellTabBar.sapMITH {
 
   //More Button
   .sapMITHStartOverflow,
@@ -563,7 +626,7 @@ html.sap-desktop {
 	.sapMITBItem {
 	  border: 1px solid @sapButton_BorderColor;
 	  color: @sapShell_Navigation_TextColor;
-	  background-color: @sapShell_InteractiveBackground !important;
+	  background-color: @sapUiShellInteractiveBackground;
 
 	  .sapMITHShowSubItemsIcon {
 		color: @sapShell_Navigation_TextColor;
@@ -577,19 +640,28 @@ html.sap-desktop {
 
   .sapMITH .sapMITBFilter.sapMITBSelected .sapMITBCount,
   .sapMITH .sapMITBFilter.sapMITBSelected .sapMITBCount {
-	color:  @sapShell_Navigation_SelectedColor;
+	color:  @sapUiShellNavigationSelectedColor;
   }
 
   .sapMITBSelected:not(sapMITBDisabled)  .sapMITBContentArrow::after {
-	background: @sapShell_Navigation_SelectedColor;
+	background: @sapUiShellNavigationSelectedColor;
   }
 
-  .sapMITBSelected:not(sapMITBDisabled) .sapMITHTextContent {
-	color: @sapShell_Navigation_Active_TextColor;
+  .sapMITH .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
+	margin-left: 0.188rem;
   }
 
-  .sapMITH .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
-	margin-left: 0.135rem;
+  .sapMITHStartOverflow,
+  .sapMITHEndOverflow {
+	.sapMITBItem {
+		background-color: @sapUiShellInteractiveBackground;
+
+	  &:hover {
+		background: @sapUiShellHoverBackground;
+		background-color: @sapUiShellHoverBackground;
+		border-color: @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
+	  }
+	}
   }
 
   html.sap-desktop & {
@@ -601,9 +673,24 @@ html.sap-desktop {
 	.sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus,
 	.sapMITHEndOverflow .sapMITBItem:not(.sapUiDndDragging):focus {
 	  &::after {
-		border-color: @sapUiContentFocusColor !important;
+		border-color: @sapContent_FocusColor !important;
 	  }
 	}
   }
 }
 
+/* ------------------------------------------------ */
+/* IconTabBar Badge									*/
+/* ------------------------------------------------ */
+
+.sapMITH,
+.sapMITBFilterPopover {
+
+	.sapMITBText .sapMBadgeAttention {
+		right: -0.75rem;
+	}
+
+	.sapMITFExpandButtonBadge {
+		left: 0.5rem;
+	}
+}

package/src/sap/m/themes/sap_horizon/InputBase.less

@@ -11,190 +11,110 @@
 @_sap_m_InputBase_InnerPadding: 0 0.625rem;
 @_sap_m_InputBase_Height: 2.25rem;
 @_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
-@_sap_m_InputBase_IconLineHeight: 2rem;
-@_sap_m_InputBase_IconWidth: 2.125rem;
-@_sap_m_InputBase_Compact_IconWidth: 1.875rem;
+@_sap_m_InputBase_IconLineHeight: 2.25rem;
+@_sap_m_InputBase_IconWidth: 2.25rem;
+@_sap_m_InputBase_Compact_IconWidth: 2rem;
 @_sap_m_InputBase_IconMinWidth: 2rem;
 @_sap_m_InputBaseWrapper_Sum_Border: 0;
+@_sap_m_InputBase_FocusOffset: 0px;
+@_sap_m_InputBase_FocusBorderRadius: 0.25rem;
 
-.sapMInputBaseInner {
-	color: @sapUiFieldTextColor;
-}
-
+.sapMILI-CTX .sapMInputBaseContentWrapperError,
 .sapMInputBaseContentWrapper {
 	border: none;
-	border-radius: @sapUiFieldBorderCornerRadius;
-	background: @sapUiFieldBackground;
-	background-image: linear-gradient(0deg, @sapField_BorderColor 0, @sapField_BorderColor 100%);
-	background-size: 100% @sapField_BorderWidth;
-	background-repeat: repeat-x;
-	background-position: bottom;
 
 	&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMTokenizer .sapMToken {
 			margin-top: 0.1875rem;
 	}
 }
 .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
-	width: 2 * @sapContent_GridSize;
-	height: 2 * @sapContent_GridSize;
-	margin-right: 0.125 * @sapContent_GridSize;
-	margin-top: 0.125 * @sapContent_GridSize;
-	margin-bottom: 0.125 * @sapContent_GridSize;
-	border-radius: 0.125rem;
+	width: @_sap_m_InputBase_IconWidth;
+	height: 2.1875rem;
+	border-radius: @sapUiFieldBorderCornerRadius;
 }
 
-.sapUiSizeCompact .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
-	min-width: 1.75rem;
-	margin-top: 0.125 * @sapContent_GridSize;
-	width: 1.75 * @sapContent_GridSize;
-	height: 1.375 * @sapContent_GridSize;
+.sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
+	height: 2.125rem;
+}
+
+.sapUiSizeCompact .sapMInputBase {
+	&:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
+		width: @_sap_m_InputBase_Compact_IconWidth;
+		height: 1.5625rem;
+		line-height: 1.625rem;
+	}
+
+	.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
+		height: 1.5rem;
+	}
 }
 
 .sapMInputBase:not(.sapMInputBaseDisabled).sapMInputBaseIconPressed .sapMInputBaseIconContainer .sapMInputBaseIcon,
 .sapMInputBase:not(.sapMInputBaseDisabled) .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
 	background-color: @sapField_Focus_Background;
-	box-shadow: @sapContent_Interaction_Shadow;
 }
 
 .sapMInputBaseIconPressed .sapMInputBaseIcon::before,
 .sapMInputBaseIcon:active {
-	color: @sapButton_Active_TextColor;
+	color: @sapUiButtonSelectedTextColor;
 }
 
-.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper {
-	padding-left: 0.125 * @sapContent_GridSize;
+.sapMInputBaseIconPressed .sapMInputBaseContentWrapperSuccess .sapMInputBaseIcon::before,
+.sapMInputBaseContentWrapperSuccess .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
+	color: @sapUiButtonAcceptSelectedTextColor;
 }
 
-.sapMInputBaseContentWrapperWarning {
-	background: @sapUiFieldWarningBackground;
-	background-image: linear-gradient(0deg, @sapField_WarningColor 0, @sapField_WarningColor 100%);
-	background-size: 100% @sapField_WarningBorderWidth;
-	background-repeat: repeat-x;
-	background-position: bottom;
+.sapMInputBaseIconPressed .sapMInputBaseContentWrapperError .sapMInputBaseIcon::before,
+.sapMInputBaseContentWrapperError .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
+	color: @sapUiButtonRejectSelectedTextColor;
 }
 
-.sapMInputBaseContentWrapperSuccess {
-	background: @sapUiFieldSuccessBackground;
-	background-image: linear-gradient(0deg, @sapField_SuccessColor 0, @sapField_SuccessColor 100%);
-	background-size: 100% @sapField_SuccessBorderWidth;
-	background-repeat: repeat-x;
-	background-position: bottom;
-
+.sapMInputBaseIconPressed .sapMInputBaseContentWrapperWarning .sapMInputBaseIcon::before,
+.sapMInputBaseContentWrapperWarning .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
+	color: @sapUiButtonAttentionSelectedTextColor;
 }
 
-.sapMInputBaseContentWrapperError {
-	background: @sapUiFieldInvalidBackground;
-	background-image: linear-gradient(0deg, @sapField_InvalidColor 0, @sapField_InvalidColor 100%);
-	background-size: 100% @sapField_InvalidBorderWidth;
-	background-repeat: repeat-x;
-	background-position: bottom;
-}
-
-.sapMInputBaseContentWrapperInformation {
-	background: @sapUiFieldInformationBackground;
-	background-image: linear-gradient(0deg, @sapField_InformationColor 0, @sapField_InformationColor 100%);
-	background-size: 100% @sapField_InformationBorderWidth;
-	background-repeat: repeat-x;
-	background-position: bottom;
+.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper {
+	padding-left: 0.125 * @sapContent_GridSize;
 }
 
 .sapMInputBaseReadonly .sapMInputBaseContentWrapper {
-	border-color: @sapField_ReadOnly_Background;
-	background-color: @sapField_ReadOnly_Background;
+	background: ~"0 100% / 0.375rem @{sapField_BorderWidth} repeat-x linear-gradient(90deg, @{sapField_ReadOnly_BorderColor} 0, @{sapField_ReadOnly_BorderColor} 0.25rem, transparent 0.25rem) border-box";
+	background-color: @sapUiFieldReadOnlyBackground;
 }
 
 .sapMInputBaseDisabled {
-	opacity: @sapContent_DisabledOpacity;
+	opacity: @sapUiContentDisabledOpacity;
 }
 
-.sapMFocus .sapMInputBaseContentWrapper {
+.sapMFocus.sapMInputBase .sapMInputBaseContentWrapper {
 	background-color: @sapField_Focus_Background;
 	outline: none;
 
-	&:not(.sapMInputBaseContentWrapperState) {
-		box-shadow: inset 0px 0px 0px 2px @sapField_Focus_BorderColor;
-	}
-
 	&.sapMInputBaseReadonlyWrapper {
 		background: @sapField_ReadOnly_Background;
 	}
 
-	&.sapMInputBaseContentWrapperSuccess {
-		box-shadow: inset 0px 0px 0px 2px @sapField_SuccessColor;
+	&.sapMInputBaseContentWrapperSuccess:before {
+		border-color: @sapUiFieldSuccessColor;
 	}
 
-	&.sapMInputBaseContentWrapperWarning {
-		box-shadow: inset 0px 0px 0px 2px @sapField_WarningColor;
+	&.sapMInputBaseContentWrapperWarning:before {
+		border-color: @sapUiFieldWarningColor;
 	}
 
-	&.sapMInputBaseContentWrapperError {
-		box-shadow: inset 0px 0px 0px 2px @sapField_InvalidColor;
+	&.sapMInputBaseContentWrapperError:before {
+		border-color: @sapUiFieldInvalidColor;
 	}
 
-	&.sapMInputBaseContentWrapperInformation {
-		box-shadow: inset 0px 0px 0px 2px @sapField_InformationColor;
+	&.sapMInputBaseContentWrapperInformation:before {
+		border-color: @sapUiFieldInformationColor;
 	}
 }
 
-.sapMInputBase:not(.sapMFocus) .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper):not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):hover {
-		box-shadow: @sapContent_Interaction_Shadow;
-		background: @sapField_Hover_Background;
-		background-image: linear-gradient(0deg, @sapField_BorderColor 0, @sapField_BorderColor 100%);
-		background-size: 100% @sapField_BorderWidth;
-		background-repeat: repeat-x;
-		background-position: bottom;
-}
-
 .sapMInputBase:not(.sapMFocus) .sapMInputBaseContentWrapperState:hover,
-.sapMInputBase:not(.sapMFocus).sapMInputBaseIconPressed .sapMInputBaseContentWrapperState{
-		background-color: @sapField_Hover_Background;
-
-		&.sapMInputBaseContentWrapperWarning:hover,
-		&.sapMInputBaseContentWrapperWarning {
-			box-shadow: @sapContent_Critical_Shadow;
-		}
-
-		&.sapMInputBaseContentWrapperSuccess:hover,
-		&.sapMInputBaseContentWrapperSuccess {
-			box-shadow: @sapContent_Positive_Shadow;
-		}
-
-		&.sapMInputBaseContentWrapperError:hover,
-		&.sapMInputBaseContentWrapperError {
-			box-shadow: @sapContent_Negative_Shadow;
-		}
-
-		&.sapMInputBaseContentWrapperInformation:hover,
-		&.sapMInputBaseContentWrapperInformation {
-			box-shadow: @sapContent_Informative_Shadow;
-		}
-	}
-
-.sapMInputBaseInner::-webkit-input-placeholder {
-	font-style: normal;
-}
-
-.sapMInputBaseInner::-moz-placeholder {
-	font-style: normal;
-}
-
-.sapMInputBaseReadonly:after {
-	line-height: 1.5rem;
-	font-family: SAP-icons;
-	content: "\e292";
-	position: absolute;
-	top: 0.375rem;
-	right: 0rem;
-	overflow: hidden;
-	vertical-align: middle;
-	font-size: 0.75rem;
-	color: @sapField_PlaceholderTextColor;
-	padding-left: 0.125rem;
-	padding-right: 0.75rem;
-}
-
-.sapUiSizeCompact .sapMInputBaseReadonly:after {
-	line-height: 0.875rem;
+.sapMInputBase:not(.sapMFocus).sapMInputBaseIconPressed .sapMInputBaseContentWrapperState {
+	background-color: @sapField_Hover_Background;
 }
 
 .sapMInputBaseReadonly:not(.sapMTextArea) .sapMInputBaseInner,
@@ -203,12 +123,14 @@
 	width: ~"calc(100% - 1.625rem)";
 }
 
-.sapUiSizeCondensed .sapUiTableDataCell .sapMInputBase .sapMInputBaseIcon {
-		min-width: 1.125rem;
-		height: 1.125rem;
-		width: 1.125rem;
-		line-height: 1.125rem;
-		margin-right: 0.125rem;
-		margin-top: 0.125rem;
-		margin-bottom: 0.125rem;
+.sapUiSizeCondensed {
+	.sapUiTableDataCell .sapMInputBase .sapMInputBaseIconContainer .sapMInputBaseIcon {
+		min-width: 1.375rem;
+		height: 1.3125rem;
+		width: 1.375rem;
+		line-height: 1.375rem;
+	}
+	.sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
+		height: 1.25rem;
+	}
 }

package/src/sap/m/themes/sap_horizon/Link.less

@@ -3,8 +3,6 @@
 /* Horizon theme               */
 /* =========================== */
 
-@sapUiLinkSubtleColor: darken(@sapUiLink, 15);
-
 .sapMLnkDsbl {
 	opacity: @sapUiContentDisabledOpacity;
 	outline: none;
@@ -12,6 +10,10 @@
 	text-decoration: none;
 }
 
+.sapMLnkEmphasized {
+	font-family: @sapUiFontBoldFamily;
+}
+
 .sapMLIBActive .sapMLnk {
 	color: @sapUiListActiveTextColor;
 	text-decoration: underline;
@@ -19,7 +21,7 @@
 
 .sapMLnk.sapMLnkSubtle {
 	color: @sapUiLinkSubtleColor;
-	text-decoration: none;
+	text-decoration: underline;
 }
 
 .sapMLnkSubtle:focus {
@@ -27,16 +29,11 @@
 }
 
 .sapMLnk:not(.sapMLnkDsbl) {
-	text-shadow: @sapContent_TextShadow;
-}
-
-.sapMLnk:hover:not(.sapMLnkDsbl) {
-	color: @sapUiLinkHoverColor;
+	text-shadow: @sapUiContentTextShadow;
 }
 
-.sapMLnk:active:not(.sapMLnkDsbl),
-.sapMLnk:focus:not(.sapMLnkDsbl) {
-	color: @sapUiLinkActiveColor;
+html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl).sapMLnkSubtle {
+	text-decoration: none;
 }
 
 /* align Link in Form with Label */
@@ -50,6 +47,13 @@
 }
 
 html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
-	border-radius: 0.25rem;
-	outline: 0.125rem solid @sapUiContentFocusColor;
+	border-radius: 0.125rem;
+	background-color: @sapUiContentFocusColor;
+	color: @sapUiContentContrastTextColor;
+	text-shadow: none;
+	outline: none;
+}
+
+html.sap-desktop .sapMLnk:focus:hover:not(.sapMLnkDsbl) {
+	text-decoration: none;
 }