@openui5/themelib_sap_horizon 1.110.0 → 1.111.0

package/package.json

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

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

@@ -3,6 +3,9 @@
 /* Horizon theme                            */
 /* ======================================== */
 
+// Specific icon for the pin button for the horizon theme
+@_sap_f_DynamicPageHeader_PinButton_Icon: pushpin-on;
+
 .sapFDynamicPageHeader.sapFDynamicPageHeaderSolid,
 .sapFDynamicPageHeader.sapFDynamicPageHeaderTranslucent {
 	background: @sapUiObjectHeaderBackground;

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

@@ -3,6 +3,9 @@
 /* Evening Horizon theme                    */
 /* ======================================== */
 
+// Specific icon for the pin button for the horizon theme
+@_sap_f_DynamicPageHeader_PinButton_Icon: pushpin-on;
+
 .sapFDynamicPageHeader.sapFDynamicPageHeaderSolid,
 .sapFDynamicPageHeader.sapFDynamicPageHeaderTranslucent {
 	background: @sapUiObjectHeaderBackground;

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

@@ -3,6 +3,9 @@
 /* Horizon High Contrast Black theme        */
 /* ======================================== */
 
+// Specific icon for the pin button for the horizon theme
+@_sap_f_DynamicPageHeader_PinButton_Icon: pushpin-on;
+
 .sapFDynamicPageHeader {
     &.sapFDynamicPageHeaderSolid,
     &.sapFDynamicPageHeaderTransparent,

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

@@ -3,6 +3,9 @@
 /* Horizon High Contrast White theme        */
 /* ======================================== */
 
+// Specific icon for the pin button for the horizon theme
+@_sap_f_DynamicPageHeader_PinButton_Icon: pushpin-on;
+
 .sapFDynamicPageHeader {
     &.sapFDynamicPageHeaderSolid,
     &.sapFDynamicPageHeaderTransparent,

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

@@ -3,9 +3,6 @@
 /* Horizon theme                     */
 /* ===============================   */
 
-
-
-
 .sapMBreadcrumbs {
 	.sapMBreadcrumbsCurrentLocation {
 		&:focus {
@@ -17,4 +14,47 @@
 	.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;
+				border-bottom: @sapUiContentFocusColor 0.0625rem solid;
+			}
+
+			.sapMSltIcon:before {
+				border-bottom: none;
+			}
+
+			.sapMSltIcon:before,
+			.sapMSltIcon:after {
+				color: @sapUiWhite;
+			}
+		}
+	}
 }

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

@@ -3,9 +3,11 @@
 /* Horizon theme                       */
 /* =================================== */
 
-.sapMObjStatus .sapMObjStatusLink {
+.sapMObjStatus {
 	padding: 0 0.0625rem;
-	display: inline-block;
+	.sapMObjStatusLink {
+		display: inline-block;
+	}
 }
 
 .sapMObjStatusInverted:not(.sapMObjectStatusLarge) {
@@ -165,4 +167,30 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
 .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
 	color: @sapUiContentContrastTextColor;
+}
+
+.sapMListTblCell {
+	.sapMObjStatus {
+		display: inline-table;
+
+		.sapMObjStatusText {
+			line-height: 2rem;
+			vertical-align: middle;
+		}
+
+		.sapMObjStatusIcon {
+			line-height: 2rem;
+		}
+	}
+	.sapMObjStatus.sapMObjStatusInverted {
+		display: inline-table;
+
+		.sapMObjStatusText {
+			line-height: 1rem;
+			vertical-align: middle;
+		}
+		.sapMObjStatusIcon {
+			line-height: 1rem;
+		}
+	}
 }

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

@@ -101,9 +101,21 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
 	border-radius: 0.25rem;
 }
 
-.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
-	border-radius: @sapGroup_BorderCornerRadius;
-	background-color: @sapAccentBackgroundColor5;
-	color: @sapAccentColor5;
-	font-size: @sapMFontHeader4Size;
+.sapMPlanCal .sapMListTbl {
+	.sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+		border-radius: @sapGroup_BorderCornerRadius;
+		background-color: @sapAccentBackgroundColor5;
+		color: @sapAccentColor5;
+		font-size: @sapMFontHeader4Size;
+	}
+	.sapUiIcon {
+		line-height: 1rem;
+	}
+	.sapUiCalendarAppArrowIconLeft.sapUiIcon,
+	.sapUiCalendarAppArrowIconRight.sapUiIcon {
+		line-height: 1;
+	}
+	.sapMFlexItem .sapMText {
+		line-height: inherit;
+	}
 }

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

@@ -45,7 +45,7 @@
 }
 
 .sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
-	margin-right: 2.3rem;
+	margin-right: 2.3125rem;
 }
 
 .sapMSB .sapMSBInner {
@@ -162,26 +162,57 @@
 	border-color: @sapUiContentContrastFocusColor;
 }
 
+.sapMSB .sapMSBText:not(.sapMBtnDisabled)  > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
+	margin-right: 2.25rem;
+}
+
 .sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
 	border: 0.125rem solid @sapUiContentFocusColor;
-	.sapMBtnContent,
-    .sapUiIcon {
-		position: absolute;
-		top: -2px;
-	}
-	.sapUiIcon {
+	min-width: 2.3125rem;
+
+	&.sapMBtnText > .sapUiIcon {
 		left: 0.4375rem;
 	}
-	&.sapMBtnIconFirst .sapMBtnContent {
-		left: 1.8rem;
+
+	.sapUiIcon {
+		position: absolute;
+		top: -0.0625rem;
+		left: -0.0625rem;
+		padding-left: 0.0625rem;
+		padding-right: 0.0625rem;
 	}
+
 	.sapMBtnContent {
-		left: 0.4rem;
+		padding-left: 0.0625rem;
+	}
+
+	.sapUiIcon + .sapMBtnContent {
+		padding-left: 1.4375rem;
+	}
+}
+
+.sapUiSizeCompact .sapMSB {
+	.sapMSBText:not(.sapMBtnDisabled)  > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
+		margin-right: 2rem;
+	}
+
+	:not(.sapMBtnDisabled) > span.sapMBtnInner {
+		&.sapMBtnInner.sapMBtnText {
+			padding-left: 0.4375rem;
+			padding-right: 0.5rem;
+		}
+		&.sapMBtnEmphasized.sapMBtnActive {
+			min-width: 2rem;
+
+			&.sapMBtnText > .sapUiIcon {
+				left: 0.3125rem;
+			}
+		}
 	}
 }
 
 .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive .sapUiIcon {
-  left: -0.0625rem;
+	left: -0.0625rem;
 }
 
 .sapMMenuBtn .sapMBtnDisabled {
@@ -230,6 +261,10 @@ html.sap-desktop .sapMSB .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator
 	background-color: @sapUiButtonActiveTextColor;
 }
 
-.sapMIBar .sapMSB .sapMBtn {
-	background-color: transparent;
+.sapMIBar .sapMSB {
+	&:not(.sapMSBAccept):not(.sapMSBReject):not(.sapMSBEmphasized):not(.sapMSBCritical):not(.sapMSBNegative):not(.sapMSBSuccess):not(.sapMSBNeutral):not(.sapMSBAttention) {
+		.sapMBtn {
+			background-color: transparent;
+		}
+	}
 }

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

@@ -41,7 +41,9 @@
 	.sapMLabel,
 	.sapMObjectNumber,
 	.sapMObjectIdentifier,
-	.sapMObjStatus {
+	.sapMObjStatus,
+	.sapMObjectAttributeDiv,
+	.sapUiIcon {
 		line-height: 1.5rem;
 	}
 

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

@@ -82,5 +82,4 @@ html.sap-desktop .sapMTokenizer:focus {
 .sapMTokenizer.sapMTokenizerReadonly .sapMTokenizerIndicator,
 .sapMTokenizer .sapMTokenizerIndicator {
 	color: @sapLinkColor;
-	font-weight: bold;
 }

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/ObjectStatus.less

@@ -3,9 +3,11 @@
 /* Evening Horizon theme               */
 /* =================================== */
 
-.sapMObjStatus .sapMObjStatusLink {
+.sapMObjStatus {
 	padding: 0 0.0625rem;
-	display: inline-block;
+	.sapMObjStatusLink {
+		display: inline-block;
+	}
 }
 
 .sapMObjStatusInverted:not(.sapMObjectStatusLarge) {
@@ -165,4 +167,30 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
 .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
 	color: @sapUiContentContrastTextColor;
+}
+
+.sapMListTblCell {
+	.sapMObjStatus {
+		display: inline-table;
+
+		.sapMObjStatusText {
+			line-height: 2rem;
+			vertical-align: middle;
+		}
+
+		.sapMObjStatusIcon {
+			line-height: 2rem;
+		}
+	}
+	.sapMObjStatus.sapMObjStatusInverted {
+		display: inline-table;
+
+		.sapMObjStatusText {
+			line-height: 1rem;
+			vertical-align: middle;
+		}
+		.sapMObjStatusIcon {
+			line-height: 1rem;
+		}
+	}
 }

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

@@ -101,9 +101,21 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
 	border-radius: 0.25rem;
 }
 
-.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
-	border-radius: @sapGroup_BorderCornerRadius;
-	background-color: @sapAccentBackgroundColor5;
-	color: @sapAccentColor5;
-	font-size: @sapMFontHeader4Size;
+.sapMPlanCal .sapMListTbl {
+	.sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+		border-radius: @sapGroup_BorderCornerRadius;
+		background-color: @sapAccentBackgroundColor5;
+		color: @sapAccentColor5;
+		font-size: @sapMFontHeader4Size;
+	}
+	.sapUiIcon {
+		line-height: 1rem;
+	}
+	.sapUiCalendarAppArrowIconLeft.sapUiIcon,
+	.sapUiCalendarAppArrowIconRight.sapUiIcon {
+		line-height: 1;
+	}
+	.sapMFlexItem .sapMText {
+		line-height: inherit;
+	}
 }

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

@@ -1,6 +1,6 @@
 /* ================================== */
 /* CSS for control sap.m/SplitButton  */
-/* Evening Horizon theme              */
+/* Horizon theme                      */
 /* ================================== */
 
 .sapMIBar-CTX.sapMFooter-CTX .sapMSB.sapMSBEmphasized:focus .sapMSBInner::after,
@@ -45,7 +45,7 @@
 }
 
 .sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
-	margin-right: 2.3rem;
+	margin-right: 2.3125rem;
 }
 
 .sapMSB .sapMSBInner {
@@ -162,21 +162,66 @@
 	border-color: @sapUiContentContrastFocusColor;
 }
 
+.sapMSB .sapMSBText:not(.sapMBtnDisabled)  > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
+	margin-right: 2.25rem;
+}
+
 .sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
 	border: 0.125rem solid @sapUiContentFocusColor;
-	.sapMBtnContent,
-    .sapUiIcon {
-		position: absolute;
-		top: -2px;
-	}
-	.sapUiIcon {
+	min-width: 2.3125rem;
+
+	&.sapMBtnText > .sapUiIcon {
 		left: 0.4375rem;
 	}
-	&.sapMBtnIconFirst .sapMBtnContent {
-		left: 1.8rem;
+
+	.sapUiIcon {
+		position: absolute;
+		top: -0.0625rem;
+		left: -0.0625rem;
+		padding-left: 0.0625rem;
+		padding-right: 0.0625rem;
 	}
+
 	.sapMBtnContent {
-		left: 0.4rem;
+		top: 2px;
+		padding-left: 0.0625rem;
+	}
+
+	.sapUiIcon + .sapMBtnContent {
+		top: -1px;
+		padding-left: 1.4375rem;
+	}
+}
+
+.sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized:not(.sapMBtnIconFirst) .sapMBtnContent {
+	position: relative;
+	left: 0.0625rem;
+	top: 0.0625rem;
+}
+
+.sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive:not(.sapMBtnIconFirst) .sapMBtnContent {
+	position: relative;
+	left: 0;
+	top: -0.0625rem;
+}
+
+.sapUiSizeCompact .sapMSB {
+	.sapMSBText:not(.sapMBtnDisabled)  > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
+		margin-right: 2rem;
+	}
+
+	:not(.sapMBtnDisabled) > span.sapMBtnInner {
+		&.sapMBtnInner.sapMBtnText {
+			padding-left: 0.4375rem;
+			padding-right: 0.5rem;
+		}
+		&.sapMBtnEmphasized.sapMBtnActive {
+			min-width: 2rem;
+
+			&.sapMBtnText > .sapUiIcon {
+				left: 0.3125rem;
+			}
+		}
 	}
 }
 
@@ -230,6 +275,10 @@ html.sap-desktop .sapMSB .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator
 	background-color: @sapUiButtonActiveTextColor;
 }
 
-.sapMIBar .sapMSB .sapMBtn {
-	background-color: transparent;
+.sapMIBar .sapMSB {
+	&:not(.sapMSBAccept):not(.sapMSBReject):not(.sapMSBEmphasized):not(.sapMSBCritical):not(.sapMSBNegative):not(.sapMSBSuccess):not(.sapMSBNeutral):not(.sapMSBAttention) {
+		.sapMBtn {
+			background-color: transparent;
+		}
+	}
 }

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

@@ -82,5 +82,4 @@ html.sap-desktop .sapMTokenizer:focus {
 .sapMTokenizer.sapMTokenizerReadonly .sapMTokenizerIndicator,
 .sapMTokenizer .sapMTokenizerIndicator {
 	color: @sapLinkColor;
-	font-weight: bold;
 }

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/InputBase.less

@@ -83,11 +83,11 @@
 	font-weight: bold;
 }
 
-.sapMInputBaseContentWrapper .sapMInputBaseIcon {
+.sapMInputBaseContentWrapper .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
 	line-height: 2rem;
 }
 
-.sapUiSizeCompact .sapMInputBaseIcon {
+.sapUiSizeCompact .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
 	line-height: 1.375rem;
 }
 

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

@@ -317,4 +317,29 @@ html.sap-desktop .sapMObjStatusActive:focus {
 			line-height: 0.875rem;
 		}
 	}
+}
+
+.sapMListTblCell {
+	.sapMObjStatus {
+		display: inline-table;
+
+		.sapMObjStatusText {
+			line-height: 2rem;
+			vertical-align: middle;
+		}
+
+		.sapMObjStatusIcon {
+			line-height: 2rem;
+		}
+	}
+	.sapMObjStatus.sapMObjStatusInverted {
+		display: inline-table;
+
+		.sapMObjStatusText {
+			vertical-align: middle;
+		}
+		.sapMObjStatusIcon {
+			line-height: 0.875rem;
+		}
+	}
 }

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/InputBase.less

@@ -83,11 +83,11 @@
 	font-weight: bold;
 }
 
-.sapMInputBaseContentWrapper .sapMInputBaseIcon {
+.sapMInputBaseContentWrapper .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
 	line-height: 2rem;
 }
 
-.sapUiSizeCompact .sapMInputBaseIcon {
+.sapUiSizeCompact .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
 	line-height: 1.375rem;
 }
 

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

@@ -317,4 +317,29 @@ html.sap-desktop .sapMObjStatusActive:focus {
 			line-height: 0.875rem;
 		}
 	}
+}
+
+.sapMListTblCell {
+	.sapMObjStatus {
+		display: inline-table;
+
+		.sapMObjStatusText {
+			line-height: 2rem;
+			vertical-align: middle;
+		}
+
+		.sapMObjStatusIcon {
+			line-height: 2rem;
+		}
+	}
+	.sapMObjStatus.sapMObjStatusInverted {
+		display: inline-table;
+
+		.sapMObjStatusText {
+			vertical-align: middle;
+		}
+		.sapMObjStatusIcon {
+			line-height: 0.875rem;
+		}
+	}
 }

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.110.0</version>
+	<version>1.111.0</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.110.0</version>
+	<version>1.111.0</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.110.0</version>
+	<version>1.111.0</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.110.0</version>
+	<version>1.111.0</version>
 
 	<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
 

package/src/sap/ui/integration/themes/sap_horizon/ObjectContent.less

@@ -1,3 +1,8 @@
+/* ====================================================== */
+/* CSS for control sap.ui.integration.cards/ObjectContent */
+/* Horizon theme                                          */
+/* ====================================================== */
+
 // The sapUiIntCardObjectButtonGroup (Bar) has been overstyled so it will align with its Label
 // The following rule will circumvent the clipping of that Bar, because of overflow: hidden on sapUiAFLayoutItem
 .sapFCardObjectContent .sapUiAFLayout .sapUiAFLayoutItem {

package/src/sap/ui/integration/themes/sap_horizon_dark/ObjectContent.less

@@ -1,3 +1,8 @@
+/* ====================================================== */
+/* CSS for control sap.ui.integration.cards/ObjectContent */
+/* Evening Horizon theme                                  */
+/* ====================================================== */
+
 // The sapUiIntCardObjectButtonGroup (Bar) has been overstyled so it will align with its Label
 // The following rule will circumvent the clipping of that Bar, because of overflow: hidden on sapUiAFLayoutItem
 .sapFCardObjectContent .sapUiAFLayout .sapUiAFLayoutItem {

package/src/sap/ui/unified/themes/sap_horizon/CalendarLegend.less

@@ -5,4 +5,24 @@
 
 .sapUiUnifiedLegend {
 	border-radius: 0.5rem;
-}
+}
+
+.sapUiUnifiedLegendItem {
+	position: relative;
+
+	&:focus {
+		outline: none;
+		&::after {
+			content: "";
+			position: absolute;
+			box-sizing: border-box;
+			left: 0.0625rem;
+			top: 0.0625rem;
+			right: 0.0625rem;
+			bottom: 0.0625rem;
+			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
+			border-radius: 0.25rem;
+			pointer-events: none;
+		}
+	}
+}

package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarLegend.less

@@ -5,4 +5,24 @@
 
 .sapUiUnifiedLegend {
 	border-radius: 0.5rem;
-}
+}
+
+.sapUiUnifiedLegendItem {
+	position: relative;
+
+	&:focus {
+		outline: none;
+		&::after {
+			content: "";
+			position: absolute;
+			box-sizing: border-box;
+			left: 0.0625rem;
+			top: 0.0625rem;
+			right: 0.0625rem;
+			bottom: 0.0625rem;
+			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
+			border-radius: 0.25rem;
+			pointer-events: none;
+		}
+	}
+}

package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarLegend.less

@@ -0,0 +1,27 @@
+/* ============================================== */
+/* CSS for control sap.ui.unified/CalendarLegend  */
+/* Horizon High Contrast Black theme              */
+/* ============================================== */
+
+.sapUiUnifiedLegendItem {
+	position: relative;
+
+	&:focus {
+		outline: none;
+		&::after {
+			content: "";
+			position: absolute;
+			box-sizing: border-box;
+			left: 0.0625rem;
+			top: 0.0625rem;
+			right: 0.0625rem;
+			bottom: 0.0625rem;
+			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
+			pointer-events: none;
+		}
+	}
+
+	.sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
+		border-radius: 0;
+	}
+}

package/src/sap/ui/unified/themes/sap_horizon_hcb/library.source.less

@@ -9,6 +9,7 @@
 @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
 
 @import "Calendar.less";
+@import "CalendarLegend.less";
 @import "CalendarRow.less";
 @import "ColorPicker.less";
 @import "FileUploader.less";

package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarLegend.less

@@ -0,0 +1,27 @@
+/* ============================================== */
+/* CSS for control sap.ui.unified/CalendarLegend  */
+/* Horizon High Contrast White theme              */
+/* ============================================== */
+
+.sapUiUnifiedLegendItem {
+	position: relative;
+
+	&:focus {
+		outline: none;
+		&::after {
+			content: "";
+			position: absolute;
+			box-sizing: border-box;
+			left: 0.0625rem;
+			top: 0.0625rem;
+			right: 0.0625rem;
+			bottom: 0.0625rem;
+			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
+			pointer-events: none;
+		}
+	}
+
+	.sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
+		border-radius: 0;
+	}
+}

package/src/sap/ui/unified/themes/sap_horizon_hcw/library.source.less

@@ -9,6 +9,7 @@
 @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";
 
 @import "Calendar.less";
+@import "CalendarLegend.less";
 @import "CalendarRow.less";
 @import "ColorPicker.less";
 @import "FileUploader.less";

package/src/sap/uxap/themes/sap_horizon/HierarchicalSelect.less

@@ -128,7 +128,7 @@ html.sap-desktop .sapUxAPHierarchicalSelect {
 				padding: (@sapUiFiori3HSUnderlineOffsetAndHeight / 2) @sapUiFiori3HSUnderlineOffsetAndHeight;
 				border-top-left-radius: @sapUiFiori3HSUnderlineTopRadius;
 				border-top-right-radius: @sapUiFiori3HSUnderlineTopRadius;
-				background-color: @sapUiActive;
+				background-color: @sapUiSelected;
 			}
 
 			& .sapMSelectListItemText {