@openui5/themelib_sap_horizon 1.120.6 → 1.121.0

package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less

@@ -6,7 +6,8 @@
 /* HCB theme specific styles */
 .sapMLIBHoverable:not(.sapMLIBSelected):hover+.sapMListTblSubRow,
 .sapMListTblSubRow:hover, .sapMPopinHovered,
-.sapMLIBSelected, .sapMLIBSelected+.sapMListTblSubRow, .sapMLIB:hover,
+.sapMLIBSelected, .sapMLIBSelected+.sapMListTblSubRow,
+.sapMLIBActionable.sapMLIB:hover,
 .sapUiTableRowSel, .sapUiTableRowHvr {
 	.sapMObjStatusNone .sapMObjStatusText,
 	.sapMObjStatusNone .sapMObjStatusIcon,
@@ -30,7 +31,7 @@
 .sapMObjStatus:not(.sapMObjStatusInverted).sapMObjStatusActive:hover .sapMObjStatusIcon:only-child > .sapUiIcon,
 .sapMObjStatus:not(.sapMObjStatusInverted).sapMObjStatusActive:hover .sapMObjStatusLink .sapMObjStatusText,
 .sapMObjStatus:not(.sapMObjStatusInverted).sapMObjStatusActive:focus .sapMObjStatusLink .sapMObjStatusText,
-.sapMObjStatus:not(.sapMObjStatusInverted).sapMObjStatusActive:focus .sapMObjStatusIcon:only-child > .sapUiIcon{
+.sapMObjStatus:not(.sapMObjStatusInverted).sapMObjStatusActive:focus .sapMObjStatusIcon:only-child > .sapUiIcon {
 	text-decoration: none;
 }
 
@@ -101,25 +102,16 @@
 .sapMObjStatusInverted {
 	box-sizing: border-box;
 	min-width: 1.375rem;
-	& .sapMObjStatusText,
-	& .sapMObjStatusIcon.sapMObjStatusIconOnly,
-	& .sapMObjStatusIcon .sapMObjStatusIconOnly,
-	& .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly,
-	& .sapMObjStatusLink .sapMObjStatusText {
-		border-radius: @sapUiButtonBorderCornerRadius;
-	}
-	& .sapMObjStatusIcon {
-		border-radius: @sapUiButtonBorderCornerRadius 0 0 @sapUiButtonBorderCornerRadius;
-	}
-	& .sapMObjStatusIcon + .sapMObjStatusText {
-		border-radius: 0 @sapUiButtonBorderCornerRadius @sapUiButtonBorderCornerRadius 0;
-	}
+}
+
+.sapMObjStatusInverted .sapMObjStatusWrapper {
+	border: 0.0625rem solid;
+	border-radius: @sapUiButtonBorderCornerRadius;
 }
 
 .sapMObjStatusInverted .sapMObjStatusText,
 .sapMObjStatusInverted .sapMObjStatusIcon {
 	color: @sapUiContentContrastTextColor;
-	border: 0.0625rem solid;
 }
 
 .sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
@@ -136,212 +128,233 @@
 	vertical-align: middle;
 }
 
-.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusWrapper {
 	background-color: @sapUiBaseBG;
 	border: 0.0625rem solid @sapUiButtonNegativeBorderColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiButtonNegativeHoverBackground;
 	border: 0.0625rem solid @sapUiButtonNegativeHoverBorderColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiButtonNegativeActiveBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusWrapper {
 	background-color: @sapUiBaseBG;
 	border: 0.0625rem solid @sapUiButtonCriticalBorderColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	border: 0.0625rem solid @sapUiButtonCriticalHoverBorderColor;
 	background-color: @sapUiButtonCriticalHoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiButtonCriticalActiveBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusWrapper {
 	background-color: @sapUiBaseBG;
 	border: 0.0625rem solid @sapUiButtonSuccessBorderColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusSuccess.sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiButtonSuccessHoverBackground;
 	border: 0.0625rem solid @sapUiButtonSuccessHoverBorderColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiButtonSuccessActiveBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusWrapper {
 	background-color: @sapUiInformationBG;
 	border: 0.0625rem solid @sapUiContentForegroundBorderColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiButtonHoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiButtonActiveBackground;
 
 }
 
-.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusWrapper {
 	border: 0.0625rem solid @sapUiButtonNeutralBorderColor;
 	background-color: @sapUiBaseBG;
 }
 
-.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	border: 0.0625rem solid @sapUiButtonNeutralHoverBorderColor;
 	background-color: @sapUiButtonNeutralHoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiButtonNeutralActiveBackground;;
 }
 
-.sapMObjStatus.sapMObjStatusInverted,
-.sapMObjStatus.sapMObjStatusInverted.sapMObjStatusActive {
-	.sapMObjStatusIcon:not(.sapMObjStatusIconOnly){
-		border-right: none;
-		&:hover:active{
-			border-right: none;
-		}
-	}
-	.sapMObjStatusIcon + .sapMObjStatusText {
-		border-left: none;
-	}
+.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusWrapper {
+	background-color: @sapUiIndication1Background;
+	border-color: @sapUiIndication1BorderColor;
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
-	background-color: @sapUiIndication1Background;
-	border-color: @sapUiIndication1BorderColor;
 	color: @sapUiIndication1TextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusWrapper {
 	background-color: @sapUiIndication2Background;
 	border-color: @sapUiIndication2BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
 	color: @sapUiIndication2TextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusWrapper {
 	background-color: @sapUiIndication3Background;
 	border-color: @sapUiIndication3BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
 	color: @sapUiIndication3TextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusWrapper {
 	background-color: @sapUiIndication4Background;
 	border-color: @sapUiIndication4BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
 	color: @sapUiIndication4TextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusWrapper {
 	background-color: @sapUiIndication5Background;
 	border-color: @sapUiIndication5BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
 	color: @sapUiIndication5TextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusWrapper {
 	background-color: @sapUiIndication6Background;
 	border-color: @sapUiIndication6BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
 	color: @sapUiIndication6TextColor;
 }
-.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
+
+.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusWrapper {
 	background-color: @sapUiIndication7Background;
 	border-color: @sapUiIndication7BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
 	color: @sapUiIndication7TextColor;
 }
-.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
+
+.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusWrapper {
 	background-color: @sapUiIndication8Background;
 	border-color: @sapUiIndication8BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
 	color: @sapUiIndication8TextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication1ActiveBackground;
 	border-color: @sapUiIndication1ActiveBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
 	color: @sapUiIndication1ActiveTextColor;
+}
 
+.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
+	background-color: @sapUiIndication2ActiveBackground;
+	border-color: @sapUiIndication2ActiveBorderColor;
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusIcon {
-	background-color: @sapUiIndication2ActiveBackground;
-	border-color: @sapUiIndication2ActiveBorderColor;
 	color: @sapUiIndication2ActiveTextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication3ActiveBackground;
 	border-color: @sapUiIndication3ActiveBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
 	color: @sapUiIndication3ActiveTextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication4ActiveBackground;
 	border-color: @sapUiIndication4ActiveBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
 	color: @sapUiIndication4ActiveTextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication5ActiveBackground;
 	border-color: @sapUiIndication5ActiveBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
 	color: @sapUiIndication5ActiveTextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication6ActiveBackground;
 	border-color: @sapUiIndication6ActiveBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
 	color: @sapUiIndication6ActiveTextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication7ActiveBackground;
 	border-color: @sapUiIndication7ActiveBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
 	color: @sapUiIndication7ActiveTextColor;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication8ActiveBackground;
 	border-color: @sapUiIndication8ActiveBorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
 	color: @sapUiIndication8ActiveTextColor;
 }
 
@@ -351,132 +364,154 @@
 }
 
 /*  Second set of inverted indication colors regular state */
+.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusWrapper {
+	background-color: @sapUiIndication1Background;
+	border-color: @sapUiIndication1BorderColor;
+}
+
 .sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusIcon {
 	text-shadow: none;
 	color: @sapUiIndication1TextColor;
-	background-color: @sapUiIndication1Background;
-	border-color: @sapUiIndication1BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusWrapper {
+	background-color: @sapUiIndication2Background;
+	border-color: @sapUiIndication2BorderColor;
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusIcon {
 	text-shadow: none;
 	color: @sapUiIndication2TextColor;
-	background-color: @sapUiIndication2Background;
-	border-color: @sapUiIndication2BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusWrapper {
+	background-color: @sapUiIndication3Background;
+	border-color: @sapUiIndication3BorderColor;
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusIcon {
 	text-shadow: none;
 	color: @sapUiIndication3TextColor;
-	background-color: @sapUiIndication3Background;
-	border-color: @sapUiIndication3BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusWrapper {
+	background-color: @sapUiIndication4Background;
+	border-color: @sapUiIndication4BorderColor;
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusIcon {
 	text-shadow: none;
 	color: @sapUiIndication4TextColor;
-	background-color: @sapUiIndication4Background;
-	border-color: @sapUiIndication4BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusWrapper {
+	background-color: @sapUiIndication5Background;
+	border-color: @sapUiIndication5BorderColor;
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusIcon {
 	text-shadow: none;
 	color: @sapUiIndication5TextColor;
-	background-color: @sapUiIndication5Background;
-	border-color: @sapUiIndication5BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusWrapper {
+	background-color: @sapUiIndication6Background;
+	border-color: @sapUiIndication6BorderColor;
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusIcon {
 	text-shadow: none;
 	color: @sapUiIndication6TextColor;
-	background-color: @sapUiIndication6Background;
-	border-color: @sapUiIndication6BorderColor;
 }
+
+.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusWrapper {
+	background-color: @sapUiIndication7Background;
+	border-color: @sapUiIndication7BorderColor;
+}
+
 .sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusIcon {
 	text-shadow: none;
 	color: @sapUiIndication7TextColor;
-	background-color: @sapUiIndication7Background;
-	border-color: @sapUiIndication7BorderColor;
 }
+
+.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusWrapper {
+	background-color: @sapUiIndication8Background;
+	border-color: @sapUiIndication8BorderColor;
+}
+
 .sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusIcon {
 	text-shadow: none;
 	color: @sapUiIndication8TextColor;
-	background-color: @sapUiIndication8Background;
-	border-color: @sapUiIndication8BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusWrapper {
+	background-color: @sapUiIndication9Background;
+	border-color: @sapUiIndication9BorderColor;
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusIcon {
 	text-shadow: none;
 	color: @sapUiIndication9TextColor;
-	background-color: @sapUiIndication9Background;
-	border-color: @sapUiIndication9BorderColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusWrapper {
+	background-color: @sapUiIndication10Background;
+	border-color: @sapUiIndication10BorderColor;
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusIcon {
 	text-shadow: none;
 	color: @sapUiIndication10TextColor;
-	background-color: @sapUiIndication10Background;
-	border-color: @sapUiIndication10BorderColor;
 }
 
 /* Second set of inverted indication colors hovered state */
-.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication1HoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication2HoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication3HoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication4HoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication5HoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication6HoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication7HoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication8HoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication9HoverBackground;
 }
 
-.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover .sapMObjStatusIcon {
+.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
 	background-color: @sapUiIndication10HoverBackground;
 }
 
@@ -499,7 +534,6 @@ html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
 		font-size: 1.25rem;
 		padding-left: 0;
 		padding-right: 0;
-		line-height: 2rem;
 	}
 	.sapMObjStatusIcon:not(.sapMObjStatusIconOnly) {
 		padding-left: 0;
@@ -543,6 +577,7 @@ html.sap-desktop .sapMObjStatusActive:focus {
 			bottom: 4px;
 			right: 4px;
 			outline: 2px dotted @sapContent_ContrastFocusColor;
+			height: 2rem;
 		}
 
 	}
@@ -563,4 +598,4 @@ html.sap-desktop .sapMObjStatusActive:focus {
 			line-height: 0.875rem;
 		}
 	}
-}
+}

package/src/sap/m/themes/sap_horizon_hcb/Panel.less

@@ -50,19 +50,6 @@
 	height: 2.75rem;
 }
 
-.sapMPanelWrappingDiv .sapUiIcon {
-	width: 2.25rem;
-}
-
-.sapUiSizeCompact {
-	.sapMPanel {
-		min-height: 2.5rem;
-	}
-	.sapMPanelWrappingDiv .sapUiIcon {
-		width: 2rem;
-	}
-}
-
 .sapMPanelWrappingDiv .sapUiIcon {
 	color: @sapButton_Lite_TextColor;
 }

package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less

@@ -213,9 +213,18 @@
 	margin: 0;
 }
 
-/* Compact and Condensed */
-.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
+/* Compact */
 .sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
+	margin: 0;
+}
+
+/* Condensed */
+.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
 	padding: 0.4375rem 0;
 	margin: 0;
+
+}
+
+.sapUiSizeCondensed .sapUiTableDataCell .sapMPIValueGreaterHalf .sapMPITextLeft {
+	display: none;
 }

package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less

@@ -11,7 +11,7 @@
 	}
 
 	&.sapMRbRo .sapMRbBOut {
-		stroke-width: @sapElement_BorderWidth
+		stroke-width: @sapUiElementBorderWidth
 	}
 }
 

package/src/sap/m/themes/sap_horizon_hcb/Select.less

@@ -11,6 +11,14 @@
 	border-radius: 0.365rem;
 }
 
+.sapMSlt {
+	height: @sapUiElementHeight;
+}
+
+.sapUiSizeCompact .sapMSlt {
+	height: @sapUiElementCompactHeight;
+}
+
 /* arrow styles*/
 
 .sapMSlt > .sapMSltArrow {
@@ -38,8 +46,8 @@
 }
 
 .sapMSlt.sapMSltDefault.sapMSltFocused:not(.sapMSltIconOnly):not(.sapMSltPressed) {
-	outline: 0.125rem dotted @sapUiContentFocusColor;
-	outline-offset: -0.25rem;
+	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
+	outline-offset:  calc(-2.5 * @sapUiContentFocusWidth);
 }
 
 html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltInformation),

package/src/sap/m/themes/sap_horizon_hcb/Title.less

@@ -14,8 +14,8 @@
 				.sapFDynamicPageTitleMainHeading {
 					.sapFDynamicPageTitleMainHeadingInner {
 						.sapMTitle:not(.sapUICompVarMngmtTitle) {
-							font-size: @sapObjectHeader_Title_SnappedFontSize;
-							font-family: @sapObjectHeader_Title_FontFamily;
+							font-size: @sapUiObjectHeaderTitleSnappedFontSize;
+							font-family: @sapUiObjectHeaderTitleFontFamily;
 						}
 					}
 				}

package/src/sap/m/themes/sap_horizon_hcb/ToggleButton.less

@@ -16,6 +16,12 @@ html.sap-desktop .sapMBtnDisabled .sapMTB-Transparent-CTX .sapMBtnInner.sapMTogg
 	background-color: @sapUiHcReducedBackground;
 }
 
+.sapMBtn .sapMBtnEmphasized.sapMToggleBtnPressed {
+	background-color: @sapUiButtonSelectedBackground;
+	color: @sapUiButtonSelectedTextColor;
+	border-color: @sapUiButtonSelectedBorderColor;
+}
+
 /* Icon in disabled toggled button */
 
 .sapMTB-Transparent-CTX span.sapMBtnInner.sapMToggleBtnPressed .sapMBtnIcon,