@openui5/themelib_sap_horizon 1.102.1 → 1.103.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.102.1",
+  "version": "1.103.1",
   "description": "OpenUI5 Theme Library sap_horizon",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.102.1",
-    "@openui5/sap.m": "1.102.1",
-    "@openui5/sap.tnt": "1.102.1",
-    "@openui5/sap.ui.codeeditor": "1.102.1",
-    "@openui5/sap.ui.commons": "1.102.1",
-    "@openui5/sap.ui.core": "1.102.1",
-    "@openui5/sap.ui.dt": "1.102.1",
-    "@openui5/sap.ui.fl": "1.102.1",
-    "@openui5/sap.ui.mdc": "1.102.1",
-    "@openui5/sap.ui.integration": "1.102.1",
-    "@openui5/sap.ui.layout": "1.102.1",
-    "@openui5/sap.ui.rta": "1.102.1",
-    "@openui5/sap.ui.suite": "1.102.1",
-    "@openui5/sap.ui.table": "1.102.1",
-    "@openui5/sap.ui.unified": "1.102.1",
-    "@openui5/sap.ui.ux3": "1.102.1",
-    "@openui5/sap.uxap": "1.102.1"
+    "@openui5/sap.f": "1.103.1",
+    "@openui5/sap.m": "1.103.1",
+    "@openui5/sap.tnt": "1.103.1",
+    "@openui5/sap.ui.codeeditor": "1.103.1",
+    "@openui5/sap.ui.commons": "1.103.1",
+    "@openui5/sap.ui.core": "1.103.1",
+    "@openui5/sap.ui.dt": "1.103.1",
+    "@openui5/sap.ui.fl": "1.103.1",
+    "@openui5/sap.ui.mdc": "1.103.1",
+    "@openui5/sap.ui.integration": "1.103.1",
+    "@openui5/sap.ui.layout": "1.103.1",
+    "@openui5/sap.ui.rta": "1.103.1",
+    "@openui5/sap.ui.suite": "1.103.1",
+    "@openui5/sap.ui.table": "1.103.1",
+    "@openui5/sap.ui.unified": "1.103.1",
+    "@openui5/sap.ui.ux3": "1.103.1",
+    "@openui5/sap.uxap": "1.103.1"
   }
 }

package/src/sap/f/themes/sap_horizon/AvatarGroup.less

@@ -31,7 +31,7 @@
 }
 
 html.sap-desktop .sapFAvatarGroupMoreButton.sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
-	border-radius: 1.375rem;
+	border-radius: 50%;
 	left: 0;
 	right: 0;
 	top: 0;

package/src/sap/f/themes/sap_horizon/FlexibleColumnLayout.less

@@ -4,16 +4,24 @@
 /* =========================================== */
 
 .sapFFCL {
-	&.sapFFCLBackgroundDesignSolid {
-		background: @sapUiShellBackground;
-	}
-	&.sapFFCLBackgroundDesignTranslucent {
-		background: @sapUiGroupContentBackground;
-	}
+    &.sapFFCLBackgroundDesignSolid {
+        background: @sapUiShellBackground;
+    }
+    &.sapFFCLBackgroundDesignTranslucent {
+        background: @sapUiGroupContentBackground;
+    }
 }
 .sapFFCLNavigationButton,
 .sapUiSizeCompact .sapFFCLNavigationButton {
-	.sapMBtnInner {
-		height: 1.625rem;
-	}
+    .sapMBtnInner {
+        height: 1.625rem;
+    }
+
+    &:before {
+        background-image: linear-gradient(to top, @sapUiGroupContentBorderColor, transparent);
+    }
+
+    &:after {
+        background-image: linear-gradient(to bottom, @sapUiGroupContentBorderColor, transparent);
+    }
 }

package/src/sap/f/themes/sap_horizon/GridList.less

@@ -7,3 +7,7 @@
 @_sap_f_GridList_ItemFocusedHighlightOffset: 0.5rem;
 @_sap_f_GridList_ItemHighlightBorderRadius: 1rem 2rem;
 @_sap_f_GridList_ItemOverflow: hidden;
+
+.sapFGridList > .sapMGrowingList {
+	background: none;
+}

package/src/sap/f/themes/sap_horizon_dark/AvatarGroup.less

@@ -25,7 +25,7 @@
 }
 
 html.sap-desktop .sapFAvatarGroupMoreButton.sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
-	border-radius: 1.375rem;
+	border-radius: 50%;
 	left: 0;
 	right: 0;
 	top: 0;

package/src/sap/f/themes/sap_horizon_dark/FlexibleColumnLayout.less

@@ -16,4 +16,12 @@
 	.sapMBtnInner {
 		height: 1.625rem;
 	}
+
+	&:before {
+        background-image: linear-gradient(to top, @sapUiGroupContentBorderColor, transparent);
+    }
+
+    &:after {
+        background-image: linear-gradient(to bottom, @sapUiGroupContentBorderColor, transparent);
+    }
 }

package/src/sap/f/themes/sap_horizon_dark/GridList.less

@@ -7,3 +7,7 @@
 @_sap_f_GridList_ItemFocusedHighlightOffset: 0.5rem;
 @_sap_f_GridList_ItemHighlightBorderRadius: 1rem 2rem;
 @_sap_f_GridList_ItemOverflow: hidden;
+
+.sapFGridList > .sapMGrowingList {
+	background: none;
+}

package/src/sap/f/themes/sap_horizon_hcb/FlexibleColumnLayout.less

@@ -24,7 +24,7 @@
 		border-right: none;
 		border-left: none;
 	}
-	
+
 	&.sapFFCLBackgroundDesign {
 		background: @sapUiBaseBG;
 	}
@@ -35,21 +35,21 @@
 		.sapMBtnInner {
 			border: 1px solid @sapUiButtonBorderColor;
 
-			&:before,
-			&:after {
-				background-size: 0.125rem 100%;
-				background-position-x: calc(50% - 0.0625rem);
-			}
-			&:before {
-				background-image: linear-gradient(to top, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
-			}
-
-			&:after {
-				background-image: linear-gradient(to bottom, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
-			}
 			.sapMBtnIcon {
 				width: auto;
 			}
 		}
+		&:before,
+		&:after {
+			background-size: 0.125rem 100%;
+			background-position-x: calc(50% - 0.0625rem);
+		}
+		&:before {
+			background-image: linear-gradient(to top, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
+		}
+
+		&:after {
+			background-image: linear-gradient(to bottom, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
+		}
 	}
 }

package/src/sap/f/themes/sap_horizon_hcw/FlexibleColumnLayout.less

@@ -35,21 +35,21 @@
 		.sapMBtnInner {
 			border: 1px solid @sapUiButtonBorderColor;
 
-			&:before,
-			&:after {
-				background-size: 0.125rem 100%;
-				background-position-x: calc(50% - 0.0625rem);
-			}
-			&:before {
-				background-image: linear-gradient(to top, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
-			}
-
-			&:after {
-				background-image: linear-gradient(to bottom, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
-			}
 			.sapMBtnIcon {
 				width: auto;
 			}
 		}
+		&:before,
+		&:after {
+			background-size: 0.125rem 100%;
+			background-position-x: calc(50% - 0.0625rem);
+		}
+		&:before {
+			background-image: linear-gradient(to top, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
+		}
+
+		&:after {
+			background-image: linear-gradient(to bottom, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
+		}
 	}
 }

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

@@ -7,24 +7,37 @@
 /* button                        */
 /* ----------------------------- */
 
-.sapMActionSelectPicker .sapMBtn {
-	 .sapMBtnInner {
+html.sap-desktop .sapMActionSelectPicker .sapMBtn {
+	.sapMBtnInner {
 		border-top: 1px solid @sapUiListBorderColor;
 		border-bottom: 0;
 		border-left: 0;
 		border-right: 0;
 		height: 2.5rem;
-	 }
+	}
 
-	 .sapMBtnContent {
+	.sapMBtnContent {
 		line-height: 2.4375rem;
-	 }
+	}
 }
 
-.sapMActionSelectPicker .sapMBtn .sapMBtnInner {
+html.sap-desktop .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent .sapMBtn .sapMBtnInner {
 	border-radius: 0;
 }
 
+html.sap-phone .sapMActionSelectPicker .sapMBtn .sapMBtnInner {
+   border: none;
+}
+
+html.sap-phone .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent > .sapMBtn {
+   border: 1px solid @sapUiListBorderColor;
+   border-bottom: none;
+}
+
+html.sap-phone .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent > .sapMBtn ~ .sapMBtn {
+   border: 1px solid @sapUiListBorderColor;
+}
+
 /* override standard buttons inside the action select */
 
 .sapMActionSelectPicker .sapMBtnDefault {
@@ -45,7 +58,7 @@ html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtn
 }
 
 /* ======================================================================== */
-/* CSS for control sap.m/ActionSelect Fiori 3 theme compact/condensed sizes */
+/* CSS for control sap.m/ActionSelect Horizon theme compact/condensed sizes */
 /* ======================================================================== */
 
 /* ----------------------------- */
@@ -58,7 +71,7 @@ html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtn
 	padding: 0;
 }
 
-.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
+html.sap-desktop .sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
 	height: 2rem;
 	border-radius: 0;
 	border: 0;

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

@@ -99,7 +99,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
 }
 
 .sapMBtnInner.sapMBtnText {
-	font-family: @sapFontBoldFamily;
+	font-family: @sapUiFontSemiboldDuplexFamily;
 	padding-left: 0.5625rem;
 	padding-right: 0.5625rem;
 }
@@ -204,7 +204,8 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
 }
 
 .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent) {
-	&.sapMBtnDefault {
+	&.sapMBtnDefault,
+	&.sapMBtnBack {
 		color: @sapUiButtonLiteTextColor;
 		.sapUiIcon {
 			color: @sapUiButtonLiteTextColor;

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

@@ -5,108 +5,126 @@
 
 @sapMGenericTagBorderWidth: 0.375rem;
 @sapMGenericTagIconPaddingRight: 0.375rem;
-@sapMGenericTagPaddingLeft: 0.375rem;
+@sapMGenericTagHeightCozy: @sapMGenericTagHeightCompact;
 
-.sapMGenericTag {
-	.sapMGenericTagWrap {
-		padding: 0 0 0 @sapMGenericTagPaddingLeft;
-		border-radius: @sapUiButtonBorderCornerRadius;
-		border-left-width: @sapMGenericTagBorderWidth;
+.sapMGenericTagWrap {
+	box-shadow: @sapUiContentShadow0;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiNeutralElement}, @{sapUiNeutralElement})";
+	background-color: @sapUiNeutralBG;
+	border: none;
+	padding: 0 0.375rem 0 0.75rem;
 
-		.sapMGenericTagText {
-			margin-right: 0.375rem;
-		}
+	.sapMGenericTagWarning & {
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiCriticalElement}, @{sapUiCriticalElement})";
+		background-color: @sapUiWarningBG;
 
-		.sapMGenericTagValue {
-			margin-left: 0.75rem;
-			margin-right: 0.375rem;
-			padding-left: 0;
+		.sapMGenericTagIcon {
+			color: @sapUiCriticalElement;
 		}
 
-		.sapMGenericTagErrorIcon {
-			margin-right: 0.375rem;
+		.sapMGenericTagValue {
+			color: @sapUiCriticalText;
 		}
 	}
-}
 
-.sapMGenericTagWrap {
 	.sapMGenericTagError & {
-		border-color: @sapUiNegativeElement;
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiNegativeElement}, @{sapUiNegativeElement})";
+		background-color: @sapUiErrorBG;
 
 		.sapMGenericTagIcon {
 			color: @sapUiNegativeElement;
 		}
-	}
-
-	.sapMGenericTagWarning & {
-		border-color: @sapUiCriticalElement;
 
-		.sapMGenericTagIcon {
-			color: @sapUiCriticalElement;
+		.sapMGenericTagValue {
+			color: @sapNegativeTextColor;
 		}
 	}
 
 	.sapMGenericTagSuccess & {
-		border-color: @sapUiPositiveElement;
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiPositiveElement}, @{sapUiPositiveElement})";
+		background-color: @sapUiSuccessBG;
 
 		.sapMGenericTagIcon {
 			color: @sapUiPositiveElement;
 		}
+
+		.sapMGenericTagValue {
+			color: @sapUiPositiveText;
+		}
 	}
 
 	.sapMGenericTagInformation & {
-		border-color: @sapUiInformativeElement;
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiInformativeElement}, @{sapUiInformativeElement})";
+		background-color: @sapUiInformationBG;
 
 		.sapMGenericTagIcon {
 			color: @sapUiInformativeElement;
 		}
-	}
-
-	.sapMGenericTagNone & {
-		border-color: @sapUiNeutralElement;
 
-		.sapMGenericTagIcon {
-			color: @sapUiNeutralElement;
+		.sapMGenericTagValue {
+			color: @sapUiInformativeText;
 		}
 	}
 
 	&:hover {
-		background:@sapUiListHoverBackground;
+		background-color: @sapUiListHoverBackground;
+		box-shadow: @sapUiContentShadow0;
+
+		.sapMGenericTagText,
+		.sapMGenericTagValue,
+		.sapMGenericTagIcon,
+		.sapMObjectNumberText,
+		.sapMObjectNumberUnit,
+		.sapMGenericTagErrorIcon {
+			text-shadow: none;
+		}
 	}
 
-	.sapMGenericTagActive & {
-		background: @sapUiListActiveBackground;
+	.sapMGenericTagText {
+		color: @sapUiListTextColor;
+		text-shadow: @sapUiContentTextShadow;
+	}
 
-		.sapMGenericTagIcon {
+	.sapMGenericTagValue {
+		text-shadow: @sapUiContentTextShadow;
+	}
+
+	.sapMGenericTagErrorIcon {
+		color: @sapUiNegativeElement;
+	}
+
+	.sapMGenericTagActive &  {
+		background-color: @sapUiListActiveBackground;
+
+		.sapMGenericTagText,
+		.sapMGenericTagValue,
+		.sapMGenericTagIcon,
+		.sapMObjectNumberText,
+		.sapMObjectNumberUnit,
+		.sapMGenericTagErrorIcon {
 			color: @sapUiListActiveTextColor;
+			text-shadow: none;
 		}
 	}
 }
 
-html.sap-desktop .sapMGenericTag {
-	&:before {
-		display: none;
-	}
+html.sap-desktop .sapMGenericTag:focus {
+	position: relative;
 	&:after {
-		display: none;
+		position: absolute;
+		content: " ";
+		inset: 0;
+		border: @sapUiContentFocusColor @sapUiContentFocusStyle @sapUiContentFocusWidth;
+		border-radius: @sapUiButtonBorderCornerRadius;
 	}
-}
-
-html.sap-desktop .sapMGenericTag:focus .sapMGenericTagWrap {
-	box-shadow: 0 0 0 0.125rem @sapUiContentFocusColor;
-}
 
-.sapUiSizeCozy {
-	.sapMGenericTag {
-		margin: 0.5625rem 0;
-
-		.sapMGenericTagWrap {
-			height:  1.625rem;
-		}
+	.sapMGenericTagWrap {
+		box-shadow: none;
 	}
-}
 
-html.sap-phone .sapMGenericTag {
-	margin-top: 0.5625rem ;
-	margin-bottom: 0.5625rem ;
 }
+
+.sapUiSizeCozy .sapMGenericTag {
+	margin: 0.5625rem 0;
+}

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

@@ -5,4 +5,8 @@
 
 .sapMTB-Info-CTX > .sapMLabel {
 	font-style: italic;
+
+	& > .sapMLabelTextWrapper{
+		padding-right: 5px;
+	}
 }

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

@@ -6,8 +6,6 @@
 @_sap_m_ListItemBase_ListTextShadowColor: none;
 @_sap_m_ListItemBase_DeleteIcon: decline;
 @_sap_m_ListItemBase_ButtonMarginTop: 0;
-@_sap_m_ListItemBase_SelectionControlWidth: 2.75rem;
-@_sap_m_ListItemBase_SelectionControlHeight: 2.75rem;
 
 .sapMLIBCounter {
 	text-shadow: @_sap_m_ListItemBase_ListTextShadowColor;
@@ -21,9 +19,4 @@
 .sapMLIB .sapMBtn:hover .sapMBtnHoverable.sapMBtnTransparent {
 	background-clip: border-box;
 	border-color: transparent;
-}
-
-.sapMListFtr {
-	border-bottom-left-radius: 0.75rem;
-	border-bottom-right-radius: 0.75rem;
 }

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

@@ -3,11 +3,6 @@
 /* Horizon theme                       */
 /* =================================== */
 
-.sapMObjectNumberLarge .sapMObjectNumberText,
-.sapMObjectNumberLarge .sapMObjectNumberUnit {
-	font-size: 1.5rem;
-}
-
 .sapMObjectNumberInverted .sapMObjectNumberText,
 .sapMObjectNumberInverted .sapMObjectNumberUnit {
 	text-shadow: @sapUiContentContrastTextShadow;

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

@@ -18,6 +18,11 @@
 	}
 }
 
+.sapMSlider {
+	display: flex;
+	align-items: center;
+}
+
 .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
 	font-family: SAP-icons;
 	content: "\e244";
@@ -114,11 +119,15 @@
 }
 
 .sapMSliderTickmarks {
-	top: 0.675rem;
+	display: flex;
+	top: initial;
+	box-sizing: border-box;
+	align-items: center;
 }
 
 .sapMSliderTick {
-	margin: 0.375rem 0 0 -0.0625rem;
+	margin: 0;
+	height: .5rem;
 }
 
 .sapMSliderLabels {
@@ -132,6 +141,12 @@
 }
 
 .sapUiSizeCompact {
+
+	.sapMSliderTick {
+		height: 0.5rem;
+		margin: 0;
+	}
+
 	.sapMSlider::after {
 		top: 14px;
 		right: 6px;
@@ -167,4 +182,8 @@
 			right: 0.1875rem;
 		}
 	}
+}
+
+.sapMSliderTick[data-ui5-active-tickmark="true"] {
+	border-left: 0.0625rem solid @sapSlider_Selected_BorderColor;
 }

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

@@ -215,6 +215,12 @@ html.sap-desktop .sapMSB .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator
 	}
 }
 
+.sapUiSizeCompact .sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
+	.sapUiIcon {
+		line-height: 1.5rem;
+	}
+}
+
 .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnTransparent.sapMBtnIconFirst::before,
 .sapMIBar .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnDefault::before {
 	background-color: @sapUiButtonActiveTextColor;

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

@@ -12,4 +12,5 @@
 
 .sapMTB-Info-CTX > .sapMText {
 	font-style: italic;
+	padding-right: 5px;
 }

package/src/sap/m/themes/sap_horizon_dark/ActionSelect.less

@@ -7,24 +7,37 @@
 /* button                        */
 /* ----------------------------- */
 
-.sapMActionSelectPicker .sapMBtn {
-	 .sapMBtnInner {
+html.sap-desktop .sapMActionSelectPicker .sapMBtn {
+	.sapMBtnInner {
 		border-top: 1px solid @sapUiListBorderColor;
 		border-bottom: 0;
 		border-left: 0;
 		border-right: 0;
 		height: 2.5rem;
-	 }
+	}
 
-	 .sapMBtnContent {
+	.sapMBtnContent {
 		line-height: 2.4375rem;
-	 }
+	}
 }
 
-.sapMActionSelectPicker .sapMBtn .sapMBtnInner {
+html.sap-desktop .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent .sapMBtn .sapMBtnInner {
 	border-radius: 0;
 }
 
+html.sap-phone .sapMActionSelectPicker .sapMBtn .sapMBtnInner {
+	border: none;
+}
+
+html.sap-phone .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent > .sapMBtn {
+	border: 1px solid @sapUiListBorderColor;
+	border-bottom: none;
+}
+
+html.sap-phone .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent > .sapMBtn ~ .sapMBtn {
+	border: 1px solid @sapUiListBorderColor;
+}
+
 /* override standard buttons inside the action select */
 
 .sapMActionSelectPicker .sapMBtnDefault {
@@ -44,9 +57,9 @@ html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtn
 	background: @sapUiListHoverBackground;
 }
 
-/* ======================================================================== */
-/* CSS for control sap.m/ActionSelect Fiori 3 theme compact/condensed sizes */
-/* ======================================================================== */
+/* ================================================================================ */
+/* CSS for control sap.m/ActionSelect Evening Horizon theme compact/condensed sizes */
+/* ================================================================================ */
 
 /* ----------------------------- */
 /* button                        */
@@ -58,7 +71,7 @@ html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtn
 	padding: 0;
 }
 
-.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
+html.sap-desktop .sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
 	height: 2rem;
 	border-radius: 0;
 	border: 0;

package/src/sap/m/themes/sap_horizon_dark/Button.less

@@ -99,7 +99,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
 }
 
 .sapMBtnInner.sapMBtnText {
-	font-family: @sapFontBoldFamily;
+	font-family: @sapUiFontSemiboldDuplexFamily;
 	padding-left: 0.5625rem;
 	padding-right: 0.5625rem;
 }
@@ -204,7 +204,8 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
 }
 
 .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent) {
-	&.sapMBtnDefault {
+	&.sapMBtnDefault,
+	&.sapMBtnBack {
 		color: @sapUiButtonLiteTextColor;
 		.sapUiIcon {
 			color: @sapUiButtonLiteTextColor;