@openui5/themelib_sap_horizon 1.108.21 → 1.108.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.108.21",
+  "version": "1.108.23",
   "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.108.21",
-    "@openui5/sap.m": "1.108.21",
-    "@openui5/sap.tnt": "1.108.21",
-    "@openui5/sap.ui.codeeditor": "1.108.21",
-    "@openui5/sap.ui.commons": "1.108.21",
-    "@openui5/sap.ui.core": "1.108.21",
-    "@openui5/sap.ui.dt": "1.108.21",
-    "@openui5/sap.ui.fl": "1.108.21",
-    "@openui5/sap.ui.mdc": "1.108.21",
-    "@openui5/sap.ui.integration": "1.108.21",
-    "@openui5/sap.ui.layout": "1.108.21",
-    "@openui5/sap.ui.rta": "1.108.21",
-    "@openui5/sap.ui.suite": "1.108.21",
-    "@openui5/sap.ui.table": "1.108.21",
-    "@openui5/sap.ui.unified": "1.108.21",
-    "@openui5/sap.ui.ux3": "1.108.21",
-    "@openui5/sap.uxap": "1.108.21"
+    "@openui5/sap.f": "1.108.23",
+    "@openui5/sap.m": "1.108.23",
+    "@openui5/sap.tnt": "1.108.23",
+    "@openui5/sap.ui.codeeditor": "1.108.23",
+    "@openui5/sap.ui.commons": "1.108.23",
+    "@openui5/sap.ui.core": "1.108.23",
+    "@openui5/sap.ui.dt": "1.108.23",
+    "@openui5/sap.ui.fl": "1.108.23",
+    "@openui5/sap.ui.mdc": "1.108.23",
+    "@openui5/sap.ui.integration": "1.108.23",
+    "@openui5/sap.ui.layout": "1.108.23",
+    "@openui5/sap.ui.rta": "1.108.23",
+    "@openui5/sap.ui.suite": "1.108.23",
+    "@openui5/sap.ui.table": "1.108.23",
+    "@openui5/sap.ui.unified": "1.108.23",
+    "@openui5/sap.ui.ux3": "1.108.23",
+    "@openui5/sap.uxap": "1.108.23"
   }
 }

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

@@ -35,7 +35,8 @@
 				.sapFAvatar {
 					background-color: @sapUiButtonActiveBackground;
 
-					.sapFAvatarInitialsHolder {
+					.sapFAvatarInitialsHolder,
+					&.sapFAvatarIcon {
 						color: @sapUiButtonActiveTextColor;
 					}
 				}
@@ -66,7 +67,8 @@
 					border: 0.0625rem solid @sapUiButtonActiveBorderColor;
 					background-color: @sapUiButtonActiveBackground;
 
-					.sapFAvatarInitialsHolder {
+					.sapFAvatarInitialsHolder,
+					&.sapFAvatarIcon {
 						color: @sapUiButtonActiveTextColor;
 					}
 				}

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

@@ -96,14 +96,20 @@
 		font-size: @sapMFontHeader5Size;
 		font-weight: bold;
 
-		.sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive) {
+		.sapMBtn:not(:hover) .sapMBtnInner.sapMBtnTransparent::after,
+		.sapMBtnTransparent {
+			color: @sapUiShellTextColor;
+		}
+
+		.sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
 			background: @sapUiShellHoverBackground;
 			box-shadow: @sapUiContentInteractionShadow;
 			border-color: @sapUiButtonLiteBorderColor;
+			color: @sapUiShellActiveTextColor;
 		}
 
-		.sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed.sapMBtnActive {
-			background: @sapUiShellActiveBackground;
+		.sapMBtn:hover > .sapMBtnHoverable.sapMBtnActive {
+			background: @sapUiShellHoverBackground;
 			color: @sapUiShellActiveTextColor;
 			border-color: @sapUiButtonLiteActiveBorderColor;
 		}
@@ -496,7 +502,7 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
 
 		// sap.m.Button
 		.sapFShellBarItem.sapMBtn,
-		.sapFShellBarItem .sapMBtn,
+		.sapFShellBarItem:not(.sapFSHMegaMenu ) .sapMBtn,
 		.sapMTB-Transparent-CTX .sapFShellBarItem.sapMBtn,
 		.sapMTB-Transparent-CTX .sapFShellBarItem .sapMBtn {
 			.sapMBtnInner::after,

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

@@ -96,14 +96,20 @@
 		font-size: @sapMFontHeader5Size;
 		font-weight: bold;
 
-		.sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive) {
+		.sapMBtn:not(:hover) .sapMBtnInner.sapMBtnTransparent::after,
+		.sapMBtnTransparent {
+			color: @sapUiShellTextColor;
+		}
+
+		.sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
 			background: @sapUiShellHoverBackground;
 			box-shadow: @sapUiContentInteractionShadow;
 			border-color: @sapUiButtonLiteBorderColor;
+			color: @sapUiShellActiveTextColor;
 		}
 
-		.sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed.sapMBtnActive {
-			background: @sapUiShellActiveBackground;
+		.sapMBtn:hover > .sapMBtnHoverable.sapMBtnActive {
+			background: @sapUiShellHoverBackground;
 			color: @sapUiShellActiveTextColor;
 			border-color: @sapUiButtonLiteActiveBorderColor;
 		}
@@ -496,7 +502,7 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
 
 		// sap.m.Button
 		.sapFShellBarItem.sapMBtn,
-		.sapFShellBarItem .sapMBtn,
+		.sapFShellBarItem:not(.sapFSHMegaMenu ) .sapMBtn,
 		.sapMTB-Transparent-CTX .sapFShellBarItem.sapMBtn,
 		.sapMTB-Transparent-CTX .sapFShellBarItem .sapMBtn {
 			.sapMBtnInner::after,

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

@@ -22,10 +22,10 @@
 }
 
 .sapFAvatarFocusable.sapMAvatarPressed {
-	box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
+	box-shadow: 0px 0px 0px @sapUiButtonBorderWidth @sapUiButtonSelectedBorderColor;
 
 	&:hover {
-		box-shadow: 0px 0px 0px 0.125rem @sapUiButtonSelectedHoverBorderColor;
+		box-shadow: 0px 0px 0px @sapUiButtonBorderWidth @sapUiButtonSelectedHoverBorderColor;
 	}
 }
 

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

@@ -3,9 +3,6 @@
 /* Horizon theme                     */
 /* ===============================   */
 
-
-
-
 .sapMBreadcrumbs {
 	.sapMBreadcrumbsCurrentLocation {
 		&:focus {
@@ -17,4 +14,48 @@
 	.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState), .sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
 		outline-offset: 0;
 	}
+
+	.sapMSltIcon:before,
+	.sapMSltIcon:after {
+		font-size: @sapMFontMediumSize;
+		color: @sapUiLink;
+		padding-bottom: 0.0625rem;
+		speak: none;
+	}
+
+	.sapMSltIcon:before {
+		font-family: @sapUiFontLightFamily;
+		content: "••• ";
+		vertical-align: text-top;
+	}
+
+	.sapMSltIcon:after {
+		font-family: @sapUiContentIconFontFamily;
+		content: "\e1ef";
+		vertical-align: text-bottom;
+	}
+
+	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
+	.sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
+		background: transparent;
+		border: none;
+
+		&.sapMSltFocused,
+		&:hover {
+			.sapMSltIcon {
+				background-color: @sapUiContentFocusColor;
+				text-decoration: underline;
+				color: @sapUiContentContrastTextColor;
+			}
+
+			.sapMSltIcon:before {
+				border-bottom: none;
+			}
+
+			.sapMSltIcon:before,
+			.sapMSltIcon:after {
+				color: @sapUiWhite;
+			}
+		}
+	}
 }

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

@@ -3,17 +3,21 @@
 /* Horizon theme                       */
 /* =================================== */
 
-.sapMObjectNumberInverted .sapMObjectNumberText,
-.sapMObjectNumberInverted .sapMObjectNumberUnit {
-	text-shadow: @sapUiContentContrastTextShadow;
-}
-
 .sapMObjectNumberInverted {
-	.sapMObjectNumberInner {
-		border-radius: 0.25rem;
+	box-sizing: border-box;
+	&:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
+		min-height: 1rem;
+		height: auto;
 	}
 }
 
+.sapMObjectNumberInverted .sapMObjectNumberInner {
+	border: 0.0625rem solid;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	padding: 0.1875rem 0.25rem;
+	vertical-align: middle;
+}
+
 html.sap-desktop .sapMObjectNumberActive:focus {
 	.sapMObjectNumberInner::after {
 		left: -0.0625rem;
@@ -33,7 +37,7 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 		bottom: -0.0625rem;
 		height: auto;
 		outline: none;
-		border-radius: 0.25rem;
+		border-radius: @sapUiButtonBorderCornerRadius;
 		border: 0.125rem solid @sapUiContentFocusColor;
 	}
 
@@ -52,29 +56,115 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 			bottom: -0.0625rem;
 			height: auto;
 			outline: none;
-			border-radius: 0.25rem;
+			border-radius: @sapUiButtonBorderCornerRadius;
 			border: 0.125rem solid @sapUiContentFocusColor;
 		}
 	}
 }
 
-.objectNumberStatusMixIn(@class, @innerBackgroundColor, @innerColor, @activeInnerBackgroundColor, @activeInnerColor, @pressedInnerBackgroundColor) {
+.objectNumberStatusMixIn(@class, @regularBackgroundColor, @regularTextColor, 
+				@hoverBackgroundColor, @hoverTextColor, 
+				@activeBackgroundColor, @activeTextColor,
+				@regularTextShadow, @activeTextShadow, 
+				@regularBorderColor, @hoverBorderColor, @activeBorderColor) {
 	.sapMObjectNumberInverted.@{class} {
+		.sapMObjectNumberText,
+		.sapMObjectNumberUnit {
+			text-shadow: @regularTextShadow;
+		}
 		.sapMObjectNumberInner {
-			background-color: @innerBackgroundColor;
-			color: @innerColor;
+			border-color: @regularBorderColor;
+			background-color: @regularBackgroundColor;
+			color: @regularTextColor;
 		}
 
 		&.sapMObjectNumberActive {
 			.sapMObjectNumberInner:hover {
-				background-color: @activeInnerBackgroundColor;
-				color: @activeInnerColor;
+				border-color: @hoverBorderColor;
+				background-color: @hoverBackgroundColor;
+				color: @hoverTextColor;
 			}
 			.sapMObjectNumberInner:active,
 			&.sapMObjectNumberPressed .sapMObjectNumberInner {
-				background-color: @pressedInnerBackgroundColor;
-				color: @innerColor;
+				border-color: @activeBorderColor;
+				background-color: @activeBackgroundColor;
+				color: @activeTextColor;
+
+				.sapMObjectNumberText,
+				.sapMObjectNumberUnit {
+					text-shadow: @activeTextShadow;
+				}
 			}
 		}
 	}
-}
+}
+
+.objectNumberStatusMixIn(sapMObjectNumberStatusNone, 
+	@sapNeutralBackground, 
+	@sapTextColor, 
+	@sapUiButtonNeutralHoverBackground, 
+	@sapUiButtonNeutralHoverTextColor, 
+	@sapUiButtonNeutralActiveBackground, 
+	@sapUiButtonActiveTextColor, 
+	@sapUiContentTextShadow, 
+	@sapUiContentTextShadow, 
+	@sapNeutralBorderColor, 
+	@sapUiButtonNeutralHoverBorderColor, 
+	@sapUiButtonNeutralActiveBorderColor
+);
+
+.objectNumberStatusMixIn(sapMObjectNumberStatusInformation, 
+	@sapUiButtonInformationBackground, 
+	@sapUiButtonInformationTextColor, 
+	@sapUiButtonInformationHoverBackground, 
+	@sapUiButtonInformationHoverTextColor, 
+	@sapUiButtonInformationActiveBackground, 
+	@sapUiButtonSelectedTextColor,  
+	@sapUiContentTextShadow,
+	@sapUiContentTextShadow,  
+	@sapUiButtonInformationBorderColor, 
+	@sapUiButtonInformationHoverBorderColor, 
+	@sapUiButtonInformationActiveBorderColor
+);
+
+.objectNumberStatusMixIn(sapMObjectNumberStatusError, 
+	@sapUiButtonNegativeBackground, 
+	@sapUiButtonNegativeTextColor, 
+	@sapUiButtonNegativeHoverBackground, 
+	@sapUiButtonNegativeHoverTextColor, 
+	@sapUiButtonNegativeActiveBackground, 
+	@sapUiButtonRejectSelectedTextColor, 
+	@sapUiContentContrastTextShadow, 
+	@sapUiContentTextShadow, 
+	@sapUiButtonNegativeBorderColor, 
+	@sapUiButtonNegativeHoverBorderColor, 
+	@sapUiButtonNegativeActiveBorderColor
+);
+
+.objectNumberStatusMixIn(sapMObjectNumberStatusWarning, 
+	@sapUiButtonCriticalBackground, 
+	@sapUiButtonCriticalTextColor, 
+	@sapUiButtonCriticalHoverBackground, 
+	@sapUiButtonCriticalHoverTextColor, 
+	@sapUiButtonCriticalActiveBackground, 
+	@sapUiButtonAttentionSelectedTextColor, 
+	@sapUiContentContrastTextShadow, 
+	@sapUiContentTextShadow, 
+	@sapUiButtonCriticalBorderColor, 
+	@sapUiButtonCriticalHoverBorderColor, 
+	@sapUiButtonCriticalActiveBorderColor
+);
+
+.objectNumberStatusMixIn(sapMObjectNumberStatusSuccess, 
+	@sapUiButtonSuccessBackground, 
+	@sapUiButtonSuccessTextColor, 
+	@sapUiButtonSuccessHoverBackground, 
+	@sapUiButtonSuccessHoverTextColor, 
+	@sapUiButtonSuccessActiveBackground, 
+	@sapUiButtonAcceptSelectedTextColor, 
+	@sapUiContentContrastTextShadow, 
+	@sapUiContentTextShadow, 
+	@sapUiButtonSuccessBorderColor, 
+	@sapUiButtonSuccessHoverBorderColor, 
+	@sapUiButtonSuccessActiveBorderColor
+);

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

@@ -29,6 +29,10 @@
 	}
 }
 
+.sapMPIValueMax .sapMPIBarRemaining {
+	display: flex;
+}
+
 .sapMPIBarRemaining {
 	position: absolute;
     width: ~'calc(100% - 1.25rem)';

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

@@ -118,8 +118,10 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
 }
 
 .sapMSlt.sapMSltReadonly {
-    background: @sapUiFieldReadOnlyBackground;
-    border-bottom: dashed @sapUiElementBorderWidth @sapUiFieldReadOnlyBorderColor;
+    border-color: @sapUiFieldReadOnlyBorderColor;
+    background:@sapUiFieldReadOnlyBackgroundStyle;
+    background-color: @sapUiFieldReadOnlyBackground;
+    box-shadow: none;
 }
 
 div.sapMSltPicker .sapMSltPickerValueState {

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

@@ -14,4 +14,46 @@
 	.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState), .sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
 		outline-offset: 0;
 	}
+
+	.sapMSltIcon:before,
+	.sapMSltIcon:after {
+		font-size: @sapMFontMediumSize;
+		color: @sapUiLink;
+		padding-bottom: 0.0625rem;
+		speak: none;
+	}
+
+	.sapMSltIcon:before {
+		font-family: @sapUiFontLightFamily;
+		content: "••• ";
+		vertical-align: bottom;
+	}
+
+	.sapMSltIcon:after {
+		font-family: @sapUiContentIconFontFamily;
+		content: "\e1ef";
+	}
+
+	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
+	.sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
+		background: transparent;
+		border: none;
+
+		&.sapMSltFocused,
+		&:hover {
+			.sapMSltIcon {
+				background-color: @sapUiContentFocusColor;
+				border-bottom: @sapUiContentFocusColor 0.0625rem solid;
+			}
+
+			.sapMSltIcon:before {
+				border-bottom: none;
+			}
+
+			.sapMSltIcon:before,
+			.sapMSltIcon:after {
+				color: @sapUiButtonHoverBackground;
+			}
+		}
+	}
 }

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

@@ -3,17 +3,21 @@
 /* Evening Horizon theme               */
 /* =================================== */
 
-.sapMObjectNumberInverted .sapMObjectNumberText,
-.sapMObjectNumberInverted .sapMObjectNumberUnit {
-	text-shadow: @sapUiContentContrastTextShadow;
-}
-
 .sapMObjectNumberInverted {
-	.sapMObjectNumberInner {
-		border-radius: 0.25rem;
+	box-sizing: border-box;
+	&:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
+		min-height: 1rem;
+		height: auto;
 	}
 }
 
+.sapMObjectNumberInverted .sapMObjectNumberInner {
+	border: 0.0625rem solid;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	padding: 0.1875rem 0.25rem;
+	vertical-align: middle;
+}
+
 html.sap-desktop .sapMObjectNumberActive:focus {
 	.sapMObjectNumberInner::after {
 		left: -0.0625rem;
@@ -33,7 +37,7 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 		bottom: -0.0625rem;
 		height: auto;
 		outline: none;
-		border-radius: 0.25rem;
+		border-radius: @sapUiButtonBorderCornerRadius;
 		border: 0.125rem solid @sapUiContentFocusColor;
 	}
 
@@ -52,29 +56,115 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 			bottom: -0.0625rem;
 			height: auto;
 			outline: none;
-			border-radius: 0.25rem;
+			border-radius: @sapUiButtonBorderCornerRadius;
 			border: 0.125rem solid @sapUiContentFocusColor;
 		}
 	}
 }
 
-.objectNumberStatusMixIn(@class, @innerBackgroundColor, @innerColor, @activeInnerBackgroundColor, @activeInnerColor, @pressedInnerBackgroundColor) {
+.objectNumberStatusMixIn(@class, @regularBackgroundColor, @regularTextColor, 
+				@hoverBackgroundColor, @hoverTextColor, 
+				@activeBackgroundColor, @activeTextColor,
+				@regularTextShadow, @activeTextShadow, 
+				@regularBorderColor, @hoverBorderColor, @activeBorderColor) {
 	.sapMObjectNumberInverted.@{class} {
+		.sapMObjectNumberText,
+		.sapMObjectNumberUnit {
+			text-shadow: @regularTextShadow;
+		}
 		.sapMObjectNumberInner {
-			background-color: @innerBackgroundColor;
-			color: @innerColor;
+			border-color: @regularBorderColor;
+			background-color: @regularBackgroundColor;
+			color: @regularTextColor;
 		}
 
 		&.sapMObjectNumberActive {
 			.sapMObjectNumberInner:hover {
-				background-color: @activeInnerBackgroundColor;
-				color: @activeInnerColor;
+				border-color: @hoverBorderColor;
+				background-color: @hoverBackgroundColor;
+				color: @hoverTextColor;
 			}
 			.sapMObjectNumberInner:active,
 			&.sapMObjectNumberPressed .sapMObjectNumberInner {
-				background-color: @pressedInnerBackgroundColor;
-				color: @innerColor;
+				border-color: @activeBorderColor;
+				background-color: @activeBackgroundColor;
+				color: @activeTextColor;
+
+				.sapMObjectNumberText,
+				.sapMObjectNumberUnit {
+					text-shadow: @activeTextShadow;
+				}
 			}
 		}
 	}
-}
+}
+
+.objectNumberStatusMixIn(sapMObjectNumberStatusNone, 
+	@sapNeutralBackground, 
+	@sapTextColor, 
+	@sapUiButtonNeutralHoverBackground, 
+	@sapUiButtonNeutralHoverTextColor, 
+	@sapUiButtonNeutralActiveBackground, 
+	@sapUiButtonActiveTextColor, 
+	@sapUiContentTextShadow, 
+	@sapUiContentTextShadow, 
+	@sapNeutralBorderColor, 
+	@sapUiButtonNeutralHoverBorderColor, 
+	@sapUiButtonNeutralActiveBorderColor
+);
+
+.objectNumberStatusMixIn(sapMObjectNumberStatusInformation, 
+	@sapUiButtonInformationBackground, 
+	@sapUiButtonInformationTextColor, 
+	@sapUiButtonInformationHoverBackground, 
+	@sapUiButtonInformationHoverTextColor, 
+	@sapUiButtonInformationActiveBackground, 
+	@sapUiButtonSelectedTextColor,  
+	@sapUiContentTextShadow,
+	@sapUiContentTextShadow,  
+	@sapUiButtonInformationBorderColor, 
+	@sapUiButtonInformationHoverBorderColor, 
+	@sapUiButtonInformationActiveBorderColor
+);
+
+.objectNumberStatusMixIn(sapMObjectNumberStatusError, 
+	@sapUiButtonNegativeBackground, 
+	@sapUiButtonNegativeTextColor, 
+	@sapUiButtonNegativeHoverBackground, 
+	@sapUiButtonNegativeHoverTextColor, 
+	@sapUiButtonNegativeActiveBackground, 
+	@sapUiButtonRejectSelectedTextColor, 
+	@sapUiContentContrastTextShadow, 
+	@sapUiContentTextShadow, 
+	@sapUiButtonNegativeBorderColor, 
+	@sapUiButtonNegativeHoverBorderColor, 
+	@sapUiButtonNegativeActiveBorderColor
+);
+
+.objectNumberStatusMixIn(sapMObjectNumberStatusWarning, 
+	@sapUiButtonCriticalBackground, 
+	@sapUiButtonCriticalTextColor, 
+	@sapUiButtonCriticalHoverBackground, 
+	@sapUiButtonCriticalHoverTextColor, 
+	@sapUiButtonCriticalActiveBackground, 
+	@sapUiButtonAttentionSelectedTextColor, 
+	@sapUiContentContrastTextShadow, 
+	@sapUiContentTextShadow, 
+	@sapUiButtonCriticalBorderColor, 
+	@sapUiButtonCriticalHoverBorderColor, 
+	@sapUiButtonCriticalActiveBorderColor
+);
+
+.objectNumberStatusMixIn(sapMObjectNumberStatusSuccess, 
+	@sapUiButtonSuccessBackground, 
+	@sapUiButtonSuccessTextColor, 
+	@sapUiButtonSuccessHoverBackground, 
+	@sapUiButtonSuccessHoverTextColor, 
+	@sapUiButtonSuccessActiveBackground, 
+	@sapUiButtonAcceptSelectedTextColor, 
+	@sapUiContentContrastTextShadow, 
+	@sapUiContentTextShadow, 
+	@sapUiButtonSuccessBorderColor, 
+	@sapUiButtonSuccessHoverBorderColor, 
+	@sapUiButtonSuccessActiveBorderColor
+);

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

@@ -29,6 +29,10 @@
 	}
 }
 
+.sapMPIValueMax .sapMPIBarRemaining {
+	display: flex;
+}
+
 .sapMPIBarRemaining {
 	position: absolute;
     width: ~'calc(100% - 1.25rem)';

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

@@ -118,8 +118,10 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
 }
 
 .sapMSlt.sapMSltReadonly {
-    background: @sapUiFieldReadOnlyBackground;
-    border-bottom: dashed @sapUiElementBorderWidth @sapUiFieldReadOnlyBorderColor;
+    border-color: @sapUiFieldReadOnlyBorderColor;
+    background:@sapUiFieldReadOnlyBackgroundStyle;
+    background-color: @sapUiFieldReadOnlyBackground;
+    box-shadow: none;
 }
 
 div.sapMSltPicker .sapMSltPickerValueState {

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

@@ -16,4 +16,39 @@
 		outline: 0.125rem dotted @sapUiHcStandardForeground;
 		outline-offset: -0.125rem;
 	}
+
+	.sapMSltIcon:before,
+	.sapMSltIcon:after {
+		font-size: @sapMFontMediumSize;
+		color: @sapUiWhite;
+		padding-bottom: 0.0625rem;
+		speak: none;
+	}
+
+	.sapMSltIcon:before {
+		font-family: @sapUiFontLightFamily;
+		content: "••• ";
+		vertical-align: bottom;
+	}
+
+	.sapMSltIcon:after {
+		font-family: @sapUiContentIconFontFamily;
+		content: "\e1ef";
+	}
+
+	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
+	.sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
+		background: transparent;
+		border: none;
+
+		&.sapMSltFocused,
+		&:hover {
+			outline: 0.125rem dotted @sapUiHcStandardForeground;
+			outline-offset: -0.125rem;
+
+			.sapMSltIcon:before {
+				border-bottom: none;
+			}
+		}
+	}
 }

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

@@ -58,8 +58,12 @@
 
 // value state
 .sapMCbErr {
-	.sapMCbBg {
+	&:hover .sapMCbBg,
+	.sapMCbBg{
 		background-color: @sapUiFieldInvalidBackground;
+	}
+
+	.sapMCbBg {
 		border: @sapUiFieldInvalidBorderWidth dashed  @sapUiFieldInvalidColor;
 		color: @sapUiFieldInvalidColor;
 

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

@@ -8,20 +8,17 @@
 .sapMObjectNumberInverted {
 	box-sizing: border-box;
 	&:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
-		height: 0.875rem;
-		line-height: 0.75rem;
-	}
-	.sapMObjectNumberText,
-	.sapMObjectNumberUnit {
-		vertical-align: middle;
-		line-height: 0.875rem;
+		min-height: 1rem;
+		height: auto;
 	}
 }
 
 .sapMObjectNumberInverted .sapMObjectNumberInner {
 	background-color: @sapUiBaseBG;
-	border-width: 0.0625rem;
-	border-style: solid;
+	border: 0.0625rem solid;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	padding: 0.1875rem 0.25rem;
+	vertical-align: middle;
 }
 
 html.sap-desktop .sapMObjectNumberActive:focus {
@@ -35,11 +32,11 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 	}
 
 	&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
-		top: -2px;
-		left: 1px;
-		bottom: -2px;
-		right: 1px;
-		outline: 2px dotted @sapUiContentFocusColor;
+		top: 0.125rem;
+		left: 0.125rem;
+		bottom: 0.0625rem;
+		right: 0.125rem;
+		outline: 0.125rem dotted @sapUiContentFocusColor;
 	}
 
 	&.sapMObjectNumberLarge {

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

@@ -29,6 +29,10 @@
 	}
 }
 
+.sapMPIValueMax .sapMPIBarRemaining {
+	display: flex;
+}
+
 .sapMPIBarRemaining {
 	position: absolute;
     width: ~'calc(100% - 1.25rem)';

package/src/sap/m/themes/sap_horizon_hcw/Breadcrumbs.less

@@ -16,4 +16,39 @@
 		outline: 0.125rem dotted @sapUiHcStandardForeground;
 		outline-offset: -0.125rem;
 	}
+
+	.sapMSltIcon:before,
+	.sapMSltIcon:after {
+		font-size: @sapMFontMediumSize;
+		color: @sapUiBlackBG;
+		padding-bottom: 0.0625rem;
+		speak: none;
+	}
+
+	.sapMSltIcon:before {
+		font-family: @sapUiFontLightFamily;
+		content: "••• ";
+		vertical-align: bottom;
+	}
+
+	.sapMSltIcon:after {
+		font-family: @sapUiContentIconFontFamily;
+		content: "\e1ef";
+	}
+
+	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
+	.sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
+		background: transparent;
+		border: none;
+
+		&.sapMSltFocused,
+		&:hover {
+			outline: 0.125rem dotted @sapUiHcStandardForeground;
+			outline-offset: -0.125rem;
+
+			.sapMSltIcon:before {
+				border-bottom: none;
+			}
+		}
+	}
 }

package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less

@@ -58,8 +58,12 @@
 
 // value state
 .sapMCbErr {
-	.sapMCbBg {
+	&:hover .sapMCbBg,
+	.sapMCbBg{
 		background-color: @sapUiFieldInvalidBackground;
+	}
+
+	.sapMCbBg {
 		border: @sapUiFieldInvalidBorderWidth dashed  @sapUiFieldInvalidColor;
 		color: @sapUiFieldInvalidColor;
 

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

@@ -8,20 +8,17 @@
 .sapMObjectNumberInverted {
 	box-sizing: border-box;
 	&:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
-		height: 0.875rem;
-		line-height: 0.75rem;
-	}
-	.sapMObjectNumberText,
-	.sapMObjectNumberUnit {
-		vertical-align: middle;
-		line-height: 0.875rem;
+		min-height: 1rem;
+		height: auto;
 	}
 }
 
 .sapMObjectNumberInverted .sapMObjectNumberInner {
 	background-color: @sapUiBaseBG;
-	border-width: 0.0625rem;
-	border-style: solid;
+	border: 0.0625rem solid;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	padding: 0.1875rem 0.25rem;
+	vertical-align: middle;
 }
 
 html.sap-desktop .sapMObjectNumberActive:focus {
@@ -35,11 +32,11 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 	}
 
 	&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
-		top: -2px;
-		left: 1px;
-		bottom: -2px;
-		right: 1px;
-		outline: 2px dotted @sapUiContentFocusColor;
+		top: 0.125rem;
+		left: 0.125rem;
+		bottom: 0.0625rem;
+		right: 0.125rem;
+		outline: 0.125rem dotted @sapUiContentFocusColor;
 	}
 
 	&.sapMObjectNumberLarge {

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

@@ -29,6 +29,10 @@
 	}
 }
 
+.sapMPIValueMax .sapMPIBarRemaining {
+	display: flex;
+}
+
 .sapMPIBarRemaining {
 	position: absolute;
     width: ~'calc(100% - 1.25rem)';

package/src/sap/tnt/themes/sap_horizon/ToolHeader.less

@@ -64,7 +64,8 @@
 .sapTntToolHeader {
 	.sapMBarChild:not(.sapMMenuBtn) {
 		&.sapMBtn {
-			padding-top: 0.125rem;
+			padding: 0.125rem 0;
+			min-width: 2.5rem;
 		}
 
 		&.sapMBtn .sapMBtnTransparent,
@@ -72,19 +73,15 @@
 		&.sapMBtn .sapMBtnBack,
 		&.sapMBtn .sapMBtnUp {
 			color: @sapContent_IconColor;
-			border-radius: 0.375rem;
 			background-color: @sapButton_Lite_Background;
 			height: 2.5rem;
-			min-width: 2.5rem;
 
 			.sapUiIcon {
 				color: @sapContent_IconColor;
 				line-height: 2.5rem;
-				width: 2.5rem;
-				height: 2.5rem;
 			}
 
-			bdi {
+			.sapMBtnContent {
 				line-height: 2.5rem;
 			}
 		}
@@ -128,7 +125,8 @@
 	.sapTntToolHeader {
 		.sapMBarChild:not(.sapMMenuBtn) {
 			&.sapMBtn {
-				padding-top: 0;
+				padding: 0;
+				min-width: 2rem;
 			}
 
 			&.sapMBtn .sapMBtnTransparent,
@@ -136,16 +134,12 @@
 			&.sapMBtn .sapMBtnBack,
 			&.sapMBtn .sapMBtnUp {
 				height: 2rem;
-				min-width: 2rem;
 
 				.sapUiIcon {
-					width: 2rem;
-					max-height: 2rem;
-					height: 2rem;
 					line-height: 2rem;
 				}
 
-				bdi {
+				.sapMBtnContent {
 					line-height: 2rem;
 				}
 			}
@@ -350,10 +344,6 @@
 		height: 1.625rem;
 	}
 
-	&.sapMIBar.sapMTB .sapMBarChild.sapMImg {
-		margin-left: 0.75rem;
-	}
-
 	.sapMImgFocusable:focus {
 		outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
 		outline-offset: 0.125rem;

package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less

@@ -64,7 +64,8 @@
 .sapTntToolHeader {
 	.sapMBarChild:not(.sapMMenuBtn) {
 		&.sapMBtn {
-			padding-top: 0.125rem;
+			padding: 0.125rem 0;
+			min-width: 2.5rem;
 		}
 
 		&.sapMBtn .sapMBtnTransparent,
@@ -72,19 +73,15 @@
 		&.sapMBtn .sapMBtnBack,
 		&.sapMBtn .sapMBtnUp {
 			color: @sapContent_IconColor;
-			border-radius: 0.375rem;
 			background-color: @sapButton_Lite_Background;
 			height: 2.5rem;
-			min-width: 2.5rem;
 
 			.sapUiIcon {
 				color: @sapContent_IconColor;
 				line-height: 2.5rem;
-				width: 2.5rem;
-				height: 2.5rem;
 			}
 
-			bdi {
+			.sapMBtnContent {
 				line-height: 2.5rem;
 			}
 		}
@@ -128,7 +125,8 @@
 	.sapTntToolHeader {
 		.sapMBarChild:not(.sapMMenuBtn) {
 			&.sapMBtn {
-				padding-top: 0;
+				padding: 0;
+				min-width: 2rem;
 			}
 
 			&.sapMBtn .sapMBtnTransparent,
@@ -136,16 +134,12 @@
 			&.sapMBtn .sapMBtnBack,
 			&.sapMBtn .sapMBtnUp {
 				height: 2rem;
-				min-width: 2rem;
 
 				.sapUiIcon {
-					width: 2rem;
-					max-height: 2rem;
-					height: 2rem;
 					line-height: 2rem;
 				}
 
-				bdi {
+				.sapMBtnContent {
 					line-height: 2rem;
 				}
 			}
@@ -350,10 +344,6 @@
 		height: 1.625rem;
 	}
 
-	&.sapMIBar.sapMTB .sapMBarChild.sapMImg {
-		margin-left: 0.75rem;
-	}
-
 	.sapMImgFocusable:focus {
 		outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
 		outline-offset: 0.125rem;

package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less

@@ -63,7 +63,8 @@
 .sapTntToolHeader {
 	.sapMBarChild:not(.sapMMenuBtn) {
 		&.sapMBtn {
-			padding-top: 0.125rem;
+			padding: 0.125rem 0;
+			min-width: 2.5rem;
 		}
 
 		&.sapMBtn .sapMBtnTransparent,
@@ -71,19 +72,15 @@
 		&.sapMBtn .sapMBtnBack,
 		&.sapMBtn .sapMBtnUp {
 			color: @sapContent_IconColor;
-			border-radius: 0.375rem;
 			background-color: @sapButton_Lite_Background;
 			height: 2.5rem;
-			min-width: 2.5rem;
 
 			.sapUiIcon {
 				color: @sapContent_IconColor;
 				line-height: 2.5rem;
-				width: 2.5rem;
-				height: 2.5rem;
 			}
 
-			bdi {
+			.sapMBtnContent {
 				line-height: 2.5rem;
 			}
 		}
@@ -127,7 +124,8 @@
 	.sapTntToolHeader {
 		.sapMBarChild:not(.sapMMenuBtn) {
 			&.sapMBtn {
-				padding-top: 0;
+				padding: 0;
+				min-width: 2rem;
 			}
 
 			&.sapMBtn .sapMBtnTransparent,
@@ -135,16 +133,12 @@
 			&.sapMBtn .sapMBtnBack,
 			&.sapMBtn .sapMBtnUp {
 				height: 2rem;
-				min-width: 2rem;
 
 				.sapUiIcon {
-					width: 2rem;
-					max-height: 2rem;
-					height: 2rem;
 					line-height: 2rem;
 				}
 
-				bdi {
+				.sapMBtnContent {
 					line-height: 2rem;
 				}
 			}
@@ -359,10 +353,6 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 		height: 1.625rem;
 	}
 
-	&.sapMIBar.sapMTB .sapMBarChild.sapMImg {
-		margin-left: 0.75rem;
-	}
-
 	.sapMImgFocusable:focus {
 		outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
 		outline-offset: 0.125rem;

package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less

@@ -63,7 +63,8 @@
 .sapTntToolHeader {
 	.sapMBarChild:not(.sapMMenuBtn) {
 		&.sapMBtn {
-			padding-top: 0.125rem;
+			padding: 0.125rem 0;
+			min-width: 2.5rem;
 		}
 
 		&.sapMBtn .sapMBtnTransparent,
@@ -71,19 +72,15 @@
 		&.sapMBtn .sapMBtnBack,
 		&.sapMBtn .sapMBtnUp {
 			color: @sapContent_IconColor;
-			border-radius: 0.375rem;
 			background-color: @sapButton_Lite_Background;
 			height: 2.5rem;
-			min-width: 2.5rem;
 
 			.sapUiIcon {
 				color: @sapContent_IconColor;
 				line-height: 2.5rem;
-				width: 2.5rem;
-				height: 2.5rem;
 			}
 
-			bdi {
+			.sapMBtnContent {
 				line-height: 2.5rem;
 			}
 		}
@@ -127,25 +124,21 @@
 	.sapTntToolHeader {
 		.sapMBarChild:not(.sapMMenuBtn) {
 			&.sapMBtn {
-				padding-top: 0;
+				padding: 0;
+				min-width: 2rem;
 			}
 
-			&.sapMBtn .sapMBtnTransparent,
 			&.sapMBtn .sapMBtnTransparent,
 			&.sapMBtn .sapMBtnDefault,
 			&.sapMBtn .sapMBtnBack,
 			&.sapMBtn .sapMBtnUp {
 				height: 2rem;
-				min-width: 2rem;
 
 				.sapUiIcon {
-					width: 2rem;
-					max-height: 2rem;
-					height: 2rem;
 					line-height: 2rem;
 				}
 
-				bdi {
+				.sapMBtnContent {
 					line-height: 2rem;
 				}
 			}
@@ -359,10 +352,6 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 		height: 1.625rem;
 	}
 
-	&.sapMIBar.sapMTB .sapMBarChild.sapMImg {
-		margin-left: 0.75rem;
-	}
-
 	.sapMImgFocusable:focus {
 		outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
 		outline-offset: 0.125rem;

package/src/sap/ui/core/themes/sap_horizon/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.108.21</version>
+	<version>1.108.23</version>
 
 	<documentation>SAPUI5 Horizon theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_dark/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.108.21</version>
+	<version>1.108.23</version>
 
 	<documentation>SAPUI5 Evening Horizon theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_hcb/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.108.21</version>
+	<version>1.108.23</version>
 
 	<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_hcw/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.108.21</version>
+	<version>1.108.23</version>
 
 	<documentation>SAPUI5 horizon high contrast white theme library.</documentation>