@openui5/themelib_sap_horizon 1.120.6 → 1.121.0

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

@@ -7,52 +7,90 @@
 	.sapMBreadcrumbsCurrentLocation {
 		&:focus {
 			outline: none;
-			box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
+			box-shadow: 0 0 0 0.125rem @sapUiContentFocusColor;
 			border-radius: 0.25rem;
 		}
 	}
-	.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState), .sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
+
+	.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;
-	}
+	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem {
+		&>.sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow.sapMSltHoverable {
+			box-shadow: none;
 
-	.sapMSltIcon:before {
-		font-family: @sapUiFontLightFamily;
-		content: "••• ";
-		vertical-align: bottom;
-	}
+			// Default styles
+			.sapMSltIcon {
+				display: flex;
+				align-items: center;
+				gap: 0.2rem;
 
-	.sapMSltIcon:after {
-		font-family: @sapUiContentIconFontFamily;
-		content: "\e1ef";
-	}
+				&::before,
+				&::after {
+					border-bottom: none;
+				}
 
-	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
-	.sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
-		background: transparent;
-		border: none;
+				&::before {
+					content: "••• ";
+					font-family: @sapUiFontLightFamily;
+				}
 
-		&.sapMSltFocused,
-		&:hover {
-			.sapMSltIcon {
-				background-color: @sapUiContentFocusColor;
-				border-bottom: @sapUiContentFocusColor 0.0625rem solid;
+				&::after {
+					content: "\e1ef";
+					font-family: @sapUiContentIconFontFamily;
+					font-size: @sapMFontMediumSize;
+					color: @sapUiLink;
+					speak: none;
+				}
 			}
 
-			.sapMSltIcon:before {
-				border-bottom: none;
+			// Custom underline element
+			// In order to prevent issues with centering the content
+			&::after {
+				content: '';
+				display: block;
+				position: relative;
+				width: 90%;
+				height: 0.0625rem;
+				margin: -0.12rem auto 0 0.15rem;
+				background-color: transparent;
+			}
+
+			// States
+			&:hover,
+			&.sapMSltFocused {
+				background-color: @sapUiContentFocusColor;
+
+				&::after {
+					background-color: @sapUiContentContrastFocusColor;
+				}
+
+				.sapMSltIcon::before,
+				.sapMSltIcon::after {
+					color: @sapUiContentContrastFocusColor;
+					border-bottom: none;
+				}
+
+				&:active {
+					background-color: transparent;
+
+					&::after {
+						background-color: transparent;
+					}
+
+					.sapMSltIcon::before,
+					.sapMSltIcon::after {
+						color: @sapUiLink;
+					}
+				}
 			}
 
-			.sapMSltIcon:before,
-			.sapMSltIcon:after {
-				color: @sapUiButtonHoverBackground;
+			&:hover.sapMSltFocused:not(:active) {
+				&::after {
+					background-color: @sapUiContentFocusColor;
+				}
 			}
 		}
 	}

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

@@ -10,20 +10,7 @@
 }
 
 .sapMBtnEmphasized {
-	font-weight: @sapUiButtonEmphasizedFontWeight;
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive),
-span.sapMBtnInner.sapMBtnEmphasized {
-	text-shadow: none;
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
-	color: @sapUiButtonEmphasizedHoverTextColor;
-	font-weight: @sapUiButtonEmphasizedFontWeight;
-	.sapMBtnIcon {
-		color: @sapUiButtonEmphasizedHoverTextColor;
-	}
+	font-family: @sapUiFontBoldFamily;
 }
 
 .sapMIBar-CTX .sapMBarLeft .sapMBtn:hover {
@@ -43,12 +30,6 @@ span.sapMBtnInner.sapMBtnEmphasized {
 	position: relative;
 	border-radius: @sapUiButtonBorderCornerRadius;
 	text-shadow: none;
-	&.sapMBtnCritical,
-	&.sapMBtnNegative,
-	&.sapMBtnSuccess,
-	&.sapMBtnNeutral {
-		font-weight: bold;
-	}
 }
 
 /* ------------------- */

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

@@ -20,8 +20,8 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
-@_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
-@_sap_m_Carousel_BulletInactiveBackground: @sapContent_ForegroundBorderColor;
-@_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
-@_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
-@_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
+@_sap_m_Carousel_ContentArrowBoxShadow: @sapUiContentShadow1;
+@_sap_m_Carousel_BulletInactiveBackground: @sapUiContentForegroundBorderColor;
+@_sap_m_Carousel_BulletInactiveBorderColor: @sapUiContentForegroundBorderColor;
+@_sap_m_Carousel_BulletActiveBackground: @sapUiContentSelectedForegroundColor;
+@_sap_m_Carousel_BulletActiveBorder: @sapUiContentSelectedForegroundColor;

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

@@ -7,9 +7,9 @@
 // Variables overriding
 // ==========================================================================
 
-@_sap_m_IconTabBar_TextColor: @sapTextColor;
+@_sap_m_IconTabBar_TextColor: @sapUiBaseText;
 @_sap_m_IconTabBar_TextShadow: none;
-@_sap_m_IconTabBar_Separator_Font_Size:@sapFontLargeSize;
+@_sap_m_IconTabBar_Separator_Font_Size: @sapMFontLargeSize;
 @_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
 @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.5rem;
 
@@ -147,13 +147,13 @@
 @_sap_m_IconTab_Bar_Separator_Line: @sapUiGroupTitleBorderColor;
 
 // =========== Overflow ===========
-@_sap_m_IconTabBar_Overflow_TextColor: @sapTextColor;
-@_sap_m_IconTabBar_Overflow_Icon_Color: @sapTextColor;
+@_sap_m_IconTabBar_Overflow_TextColor: @sapUiBaseText;
+@_sap_m_IconTabBar_Overflow_Icon_Color: @sapUiBaseText;
 @_sap_m_IconTabBar_Overflow_BorderColorHover: @sapUiButtonHoverBorderColor;
 @_sap_m_IconTabBar_Overflow_BackgroundColorHover: @sapUiButtonHoverBackground;
 @_sap_m_IconTabBar_Overflow_BoxShadowHover: none;
-@_sap_m_IconTabBar_Overflow_TextColorHover: @sapTextColor;
-@_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapTextColor;
+@_sap_m_IconTabBar_Overflow_TextColorHover: @sapUiBaseText;
+@_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapUiBaseText;
 
 @_sap_m_IconTabBar_Overflow_BackgroundColorPressed: @sapUiButtonActiveBackground;
 @_sap_m_IconTabBar_Overflow_BorderColorPressed: @sapUiButtonActiveBorderColor;
@@ -194,15 +194,15 @@
 	}
 	.sapMITBDisabled {
 		.sapMITHTextContent {
-			color: @sapTextColor;
-			font-family: @sapFontBoldFamily;
-			font-size: @sapFontSize;
+			color: @sapUiBaseText;
+			font-family: @sapUiFontBoldFamily;
+			font-size: @sapMFontMediumSize;
 		}
 	}
 
 	.sapMITBSelected {
 		.sapMITBContentArrow::after {
-			background: @sapContent_Selected_ForegroundColor;
+			background: @sapUiContentSelectedForegroundColor;
 		}
 	}
 
@@ -210,8 +210,8 @@
 		border-right: 0.0625rem solid;
 		margin-left: 0.625rem;
 		border-color: @_sap_m_IconTabBar_TextColor;
-		height: 1rem;
-		margin-top: 0.875rem;
+		height: 0.625rem;
+		margin-top: 1.0625rem;
 	}
 
 	.sapMITBFilterExpandBtn:hover .sapMBtnInner {
@@ -222,9 +222,9 @@
 	.sapMITHStartOverflow,
 	.sapMITHEndOverflow {
 		.sapMITBItem {
-			color: @sapButton_TextColor;
-			background: @sapButton_Background;
-			border: 1px solid @sapButton_BorderColor;
+			color: @sapUiButtonTextColor;
+			background: @sapUiButtonBackground;
+			border: 1px solid @sapUiButtonBorderColor;
 
 			.sapMITHShowSubItemsIcon {
 				color: @sapUiBaseText;
@@ -235,7 +235,7 @@
 	.sapMITHEndOverflow:hover,
 	.sapMITHStartOverflow:hover {
 		.sapMITBItem {
-			background: @sapButton_Hover_Background;
+			background: @sapUiButtonHoverBackground;
 			border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorHover;
 		}
 	}
@@ -369,10 +369,10 @@
 
 .sapMITBNoContentPadding .sapMITBTextOnly {
 	.sapMITBFilterExpandBtnSeparator {
-		margin-top: 1.125rem;
+		margin-top: 1.3125rem;
 	}
 	.sapMBtn {
-		margin-top: 0.25rem;
+		margin-top: 0.4375rem;
 	}
 }
 
@@ -380,10 +380,10 @@
 
 	.sapMITBFilterDefault.sapMITBSelected {
 		.sapMITBText {
-			color: @sapContent_Selected_ForegroundColor;
+			color: @sapUiContentSelectedForegroundColor;
 		}
 		.sapMITBFilterExpandBtnSeparator {
-			border-color: @sapContent_Selected_ForegroundColor;
+			border-color: @sapUiContentSelectedForegroundColor;
 		}
 		.sapMBtnIcon {
 			color: @_sap_m_IconTabBar_SelectedTextColor !important;
@@ -688,13 +688,13 @@
 	}
 
 	.sapMITBCount {
-		font-family: @sapFontBoldFamily;
-		font-size: @sapFontHeader3Size;
+		font-family: @sapUiFontBoldFamily;
+		font-size: @sapMFontHeader3Size;
 	}
 
 	.sapMITBText {
-		font-family: @sapFontFamily;
-		font-size: @sapFontSmallSize;
+		font-family: @sapUiFontFamily;
+		font-size: @sapMFontSmallSize;
 	}
 }
 
@@ -720,9 +720,9 @@ html.sap-desktop {
 	}
 
 	.sapMITBFilter .sapMITBCount {
-		color: @sapContent_LabelColor;
-		font-family: @sapFontFamily;
-		font-size: @sapFontSize;
+		color: @sapUiContentLabelColor;
+		font-family: @sapUiFontFamily;
+		font-size: @sapMFontMediumSize;
 	}
 
 	.sapMITH.sapUiSizeCompact {
@@ -810,16 +810,16 @@ html.sap-desktop {
 	.sapMITHStartOverflow,
 	.sapMITHEndOverflow {
 		.sapMITBItem {
-			border: 1px solid @sapButton_BorderColor;
-			color: @sapShell_Navigation_TextColor;
+			border: 1px solid @sapUiButtonBorderColor;
+			color: @sapUiShellNavigationTextColor;
 			background-color: @sapUiShellInteractiveBackground;
 
 			.sapMITHShowSubItemsIcon {
-				color: @sapShell_Navigation_TextColor;
+				color: @sapUiShellNavigationTextColor;
 			}
 
 			&:hover {
-				box-shadow: @sapContent_Interaction_Shadow;
+				box-shadow: @sapUiContentInteractionShadow;
 			}
 		}
 	}
@@ -859,7 +859,7 @@ html.sap-desktop {
 		.sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus,
 		.sapMITHEndOverflow .sapMITBItem:not(.sapUiDndDragging):focus {
 			&::after {
-				border-color: @sapContent_FocusColor !important;
+				border-color: @sapUiContentFocusColor !important;
 			}
 		}
 	}

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

@@ -10,7 +10,7 @@
 @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
 @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
 @_sap_m_LightBox_OverlayOpacity: 0.2;
-@_sap_m_LightBox_FontFamily: @sapFontHeaderFamily;
+@_sap_m_LightBox_FontFamily: @sapUiFontHeaderFamily;
 
 /* ------------------------------- */
 /* Footer                          */

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

@@ -9,10 +9,6 @@
 	cursor: default;
 }
 
-.sapMLnkEmphasized {
-	font-family: @sapUiFontBoldFamily;
-}
-
 .sapMLIBActive .sapMLnk {
 	color: @sapUiListActiveTextColor;
 	text-decoration: underline;

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

@@ -29,13 +29,6 @@
 	padding-right: 0rem;
 }
 
-.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnReject.sapMBtnActive::after {
-	color: @sapUiButtonRejectSelectedTextColor;
-}
-
-.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnAttention.sapMBtnActive::after {
-	color: @sapUiButtonAttentionTextColor;
-}
 
 .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
 	font-size: 1rem;
@@ -79,6 +72,18 @@
 	}
 }
 
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnReject.sapMBtnActive::after {
+	color: @sapUiButtonRejectSelectedTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnAttention.sapMBtnActive::after {
+	color: @sapUiButtonAttentionTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnAccept.sapMBtnActive::after {
+	color: @sapUiButtonAcceptSelectedTextColor;
+}
+
 .sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnNegative.sapMBtnActive::after {
 	color: @sapUiButtonNegativeActiveTextColor;
 }

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

@@ -3,4 +3,4 @@
 /* Evening Horizon theme                       */
 /* =========================================== */
 
-@_sap_m_NotificationListGroup_Background: @sapList_GroupHeaderBackground;
+@_sap_m_NotificationListGroup_Background: @sapUiListGroupHeaderBackground;

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

@@ -1,6 +1,6 @@
 /* =================================== */
 /* CSS for control sap.m/ObjectNumber  */
-/* Horizon theme                       */
+/* Evening Horizon theme               */
 /* =================================== */
 
 .sapMObjectNumberInverted {
@@ -62,10 +62,10 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 	}
 }
 
-.objectNumberStatusMixIn(@class, @regularBackgroundColor, @regularTextColor,
-				@hoverBackgroundColor, @hoverTextColor,
+.objectNumberStatusMixIn(@class, @regularBackgroundColor, @regularTextColor, 
+				@hoverBackgroundColor, @hoverTextColor, 
 				@activeBackgroundColor, @activeTextColor,
-				@regularTextShadow, @activeTextShadow,
+				@regularTextShadow, @activeTextShadow, 
 				@regularBorderColor, @hoverBorderColor, @activeBorderColor) {
 	.sapMObjectNumberInverted.@{class} {
 		.sapMObjectNumberText,
@@ -99,72 +99,72 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 	}
 }
 
-.objectNumberStatusMixIn(sapMObjectNumberStatusNone,
-	@sapNeutralBackground,
-	@sapTextColor,
-	@sapUiButtonNeutralHoverBackground,
-	@sapUiButtonNeutralHoverTextColor,
-	@sapUiButtonNeutralActiveBackground,
-	@sapUiButtonActiveTextColor,
-	@sapUiContentTextShadow,
-	@sapUiContentTextShadow,
-	@sapNeutralBorderColor,
-	@sapUiButtonNeutralHoverBorderColor,
+.objectNumberStatusMixIn(sapMObjectNumberStatusNone, 
+	@sapNeutralBackground, 
+	@sapTextColor, 
+	@sapUiButtonNeutralHoverBackground, 
+	@sapUiButtonNeutralHoverTextColor, 
+	@sapUiButtonNeutralActiveBackground, 
+	@sapUiButtonActiveTextColor, 
+	@sapUiContentTextShadow, 
+	@sapUiContentTextShadow, 
+	@sapNeutralBorderColor, 
+	@sapUiButtonNeutralHoverBorderColor, 
 	@sapUiButtonNeutralActiveBorderColor
 );
 
-.objectNumberStatusMixIn(sapMObjectNumberStatusInformation,
-	@sapUiButtonInformationBackground,
-	@sapUiButtonInformationTextColor,
-	@sapUiButtonInformationHoverBackground,
-	@sapUiButtonInformationHoverTextColor,
-	@sapUiButtonInformationActiveBackground,
-	@sapUiButtonSelectedTextColor,
-	@sapUiContentTextShadow,
+.objectNumberStatusMixIn(sapMObjectNumberStatusInformation, 
+	@sapUiButtonInformationBackground, 
+	@sapUiButtonInformationTextColor, 
+	@sapUiButtonInformationHoverBackground, 
+	@sapUiButtonInformationHoverTextColor, 
+	@sapUiButtonInformationActiveBackground, 
+	@sapUiButtonSelectedTextColor,  
 	@sapUiContentTextShadow,
-	@sapUiButtonInformationBorderColor,
-	@sapUiButtonInformationHoverBorderColor,
+	@sapUiContentTextShadow,  
+	@sapUiButtonInformationBorderColor, 
+	@sapUiButtonInformationHoverBorderColor, 
 	@sapUiButtonInformationActiveBorderColor
 );
 
-.objectNumberStatusMixIn(sapMObjectNumberStatusError,
-	@sapUiButtonNegativeBackground,
-	@sapUiButtonNegativeTextColor,
-	@sapUiButtonNegativeHoverBackground,
-	@sapUiButtonNegativeHoverTextColor,
-	@sapUiButtonNegativeActiveBackground,
-	@sapUiButtonRejectSelectedTextColor,
-	@sapUiContentContrastTextShadow,
-	@sapUiContentTextShadow,
-	@sapUiButtonNegativeBorderColor,
-	@sapUiButtonNegativeHoverBorderColor,
+.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,
+.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,
+.objectNumberStatusMixIn(sapMObjectNumberStatusSuccess, 
+	@sapUiButtonSuccessBackground, 
+	@sapUiButtonSuccessTextColor, 
+	@sapUiButtonSuccessHoverBackground, 
+	@sapUiButtonSuccessHoverTextColor, 
+	@sapUiButtonSuccessActiveBackground, 
+	@sapUiButtonAcceptSelectedTextColor, 
+	@sapUiContentContrastTextShadow, 
+	@sapUiContentTextShadow, 
+	@sapUiButtonSuccessBorderColor, 
+	@sapUiButtonSuccessHoverBorderColor, 
 	@sapUiButtonSuccessActiveBorderColor
 );