@openui5/themelib_sap_horizon 1.118.0 → 1.119.1

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

@@ -100,21 +100,42 @@
 
 .sapMObjStatusInverted {
 	box-sizing: border-box;
+	min-width: 1.375rem;
 	& .sapMObjStatusText,
 	& .sapMObjStatusIcon.sapMObjStatusIconOnly,
 	& .sapMObjStatusIcon .sapMObjStatusIconOnly,
 	& .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly,
 	& .sapMObjStatusLink .sapMObjStatusText {
-		border-radius: @sapUiElementBorderCornerRadius;
+		border-radius: @sapUiButtonBorderCornerRadius;
 	}
 	& .sapMObjStatusIcon {
-		border-radius: @sapUiElementBorderCornerRadius 0 0 @sapUiElementBorderCornerRadius;
+		border-radius: @sapUiButtonBorderCornerRadius 0 0 @sapUiButtonBorderCornerRadius;
 	}
 	& .sapMObjStatusIcon + .sapMObjStatusText {
-		border-radius: 0 @sapUiElementBorderCornerRadius @sapUiElementBorderCornerRadius 0;
+		border-radius: 0 @sapUiButtonBorderCornerRadius @sapUiButtonBorderCornerRadius 0;
 	}
 }
 
+.sapMObjStatusInverted .sapMObjStatusText,
+.sapMObjStatusInverted .sapMObjStatusIcon {
+	color: @sapUiContentContrastTextColor;
+	border: 0.0625rem solid;
+}
+
+.sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
+.sapMObjStatusInverted .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly {
+	padding: 0.1875rem 0.313rem;
+}
+
+.sapMObjStatusInverted .sapMObjStatusText {
+	padding: 0.1875rem 0.25rem;
+}
+
+.sapMObjStatusInverted .sapMObjStatusIcon {
+	padding: 0.1875rem 0 0.1875rem 0.25rem;
+	vertical-align: middle;
+}
+
 .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
 	background-color: @sapUiBaseBG;
@@ -214,24 +235,114 @@
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon,
+.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
+	background-color: @sapUiIndication1Background;
+	border-color: @sapUiIndication1BorderColor;
+	color: @sapUiIndication1TextColor;
+}
+
 .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon,
+.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
+	background-color: @sapUiIndication2Background;
+	border-color: @sapUiIndication2BorderColor;
+	color: @sapUiIndication2TextColor;
+}
+
 .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon,
+.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
+	background-color: @sapUiIndication3Background;
+	border-color: @sapUiIndication3BorderColor;
+	color: @sapUiIndication3TextColor;
+}
+
 .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon,
+.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
+	background-color: @sapUiIndication4Background;
+	border-color: @sapUiIndication4BorderColor;
+	color: @sapUiIndication4TextColor;
+}
+
 .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon,
+.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
+	background-color: @sapUiIndication5Background;
+	border-color: @sapUiIndication5BorderColor;
+	color: @sapUiIndication5TextColor;
+}
+
 .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon,
+.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
+	background-color: @sapUiIndication6Background;
+	border-color: @sapUiIndication6BorderColor;
+	color: @sapUiIndication6TextColor;
+}
 .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
-.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon,
+.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
+	background-color: @sapUiIndication7Background;
+	border-color: @sapUiIndication7BorderColor;
+	color: @sapUiIndication7TextColor;
+}
 .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
-	background-color: @sapUiBaseBG;
-	border: 0.0625rem solid @sapUiContentForegroundBorderColor;
-	color: @sapUiBaseText;
+	background-color: @sapUiIndication8Background;
+	border-color: @sapUiIndication8BorderColor;
+	color: @sapUiIndication8TextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication1ActiveBackground;
+	border-color: @sapUiIndication1ActiveBorderColor;
+	color: @sapUiIndication1ActiveTextColor;
+
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication2ActiveBackground;
+	border-color: @sapUiIndication2ActiveBorderColor;
+	color: @sapUiIndication2ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication3ActiveBackground;
+	border-color: @sapUiIndication3ActiveBorderColor;
+	color: @sapUiIndication3ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication4ActiveBackground;
+	border-color: @sapUiIndication4ActiveBorderColor;
+	color: @sapUiIndication4ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication5ActiveBackground;
+	border-color: @sapUiIndication5ActiveBorderColor;
+	color: @sapUiIndication5ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication6ActiveBackground;
+	border-color: @sapUiIndication6ActiveBorderColor;
+	color: @sapUiIndication6ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication7ActiveBackground;
+	border-color: @sapUiIndication7ActiveBorderColor;
+	color: @sapUiIndication7ActiveTextColor;
+}
+
+.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
+.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
+	background-color: @sapUiIndication8ActiveBackground;
+	border-color: @sapUiIndication8ActiveBorderColor;
+	color: @sapUiIndication8ActiveTextColor;
 }
 
 html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {

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

@@ -76,7 +76,8 @@
 	opacity: 1;
 
 	.sapMIBar-CTX.sapMFooter-CTX {
-		box-shadow: @sapUiShadowLevel1;
+		box-shadow: @sapUiContentShadow1;
+		border: none;
 	}
 }
 

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

@@ -36,8 +36,8 @@
 	}
 
 	&:hover {
-		box-shadow: @sapUiContentInteractionShadow;
-		background-color: @sapUiButtonLiteHoverBackground;
+		box-shadow: @sapUiFieldHoverShadow;
+		background-color: @sapUiButtonHoverBackground;
 		border-left: 1px solid @sapUiButtonHoverBorderColor; // contrast themes specific
 		border-right: 1px solid transparent;
 	}
@@ -49,9 +49,9 @@
 	&:active,
 	&.sapMSFBA // Firefox specific
 	{
-		box-shadow: @sapUiContentInteractionShadow;
+		box-shadow: @sapUiFieldHoverShadow;
 		color: @sapUiButtonSelectedTextColor;
-		background-color: @sapUiButtonLiteActiveBackground;
+		background-color: @sapUiButtonHoverBackground;
 	}
 }
 

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

@@ -27,6 +27,7 @@
 html.sap-desktop .sapMSelectListItemBase:focus {
 	outline: @sapUiContentFocusStyle;
 	outline-offset: -0.1875rem;
+	outline-width: @sapUiContentFocusWidth;
 }
 
 .sapMSelectListItemBase.sapMSelectListItemBasePressed .sapMSelectListItemIcon {

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

@@ -29,3 +29,25 @@
 .sapMTextAreaMirror {
 	line-height: 1.5;
 }
+
+html.sap-desktop:not(.sapUiNativeScrollbars) .sapMTextArea {
+	.sapMInputBaseContentWrapperWarning ::-webkit-scrollbar {
+		background: @sapUiFieldWarningBackgroundStyle;
+		background-color: @sapUiScrollBarTrackColor;
+	}
+
+	.sapMInputBaseContentWrapperError ::-webkit-scrollbar {
+		background: @sapUiFieldInvalidBackgroundStyle;
+		background-color: @sapUiScrollBarTrackColor;
+	}
+
+	.sapMInputBaseContentWrapperInformation ::-webkit-scrollbar {
+		background: @sapUiFieldInformationBackgroundStyle;
+		background-color: @sapUiScrollBarTrackColor;
+	}
+
+	.sapMInputBaseContentWrapperSuccess ::-webkit-scrollbar {
+		background: @sapUiFieldSuccessBackgroundStyle;
+		background-color: @sapUiScrollBarTrackColor;
+	}
+}

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

@@ -3,10 +3,23 @@
 /* Horizon High Contrast White theme        */
 /* ======================================== */
 
-.sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
-.sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
-.sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
-.sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
-	font-size: @sapObjectHeader_Title_SnappedFontSize;
-	font-family: @sapFontBlackFamily;
+.sapFFCL {
+
+	.sapFDynamicPage-Std-Desktop-XL,
+	.sapFDynamicPage-Std-Desktop,
+	.sapFDynamicPage-Std-Tablet,
+	.sapFDynamicPage-Std-Phone {
+		.sapFDynamicPageTitleMain {
+			.sapFDynamicPageTitleMainInner {
+				.sapFDynamicPageTitleMainHeading {
+					.sapFDynamicPageTitleMainHeadingInner {
+						.sapMTitle:not(.sapUICompVarMngmtTitle) {
+							font-size: @sapObjectHeader_Title_SnappedFontSize;
+							font-family: @sapObjectHeader_Title_FontFamily;
+						}
+					}
+				}
+			}
+		}
+	}
 }

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

@@ -7,22 +7,38 @@
 // Variables and mixins
 // ==========================================================================
 
-@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
-@_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #354A5F;
+@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
+@_sap_tnt_InfoLabel_DisplayModeBorder: none;
 @_sap_tnt_InfoLabel_DisplayModeBackground: #EAECEE;
 @_sap_tnt_InfoLabel_DisplayModeColor: #354A5F;
+@_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
+@_sap_tnt_InfoLabel_Height: 1.375rem;
+@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
+@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
+@_sap_tnt_InfoLabel_Text: none;
+@_sap_tnt_InfoLabel_Padding: 0 0.375rem;
+@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
+@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
+@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
+@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
+@_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
+@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
+@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
+@_sap_tnt_InfoLabel_LetterSpacing: normal;
 
 @_sap_tnt_InfoLabel_ColorsArray:
-	#FFF3B8 #A93E00,
-	#FFD5EA #AA0808,
-	#FFDCE8 #BA066C,
-	#FFDCF3 #A100C2,
-	#E2D8FF #470CED,
-	#D1EFFF #0057D2,
-	#C2FCEE #046C7A,
-	#E5F2BD #256F3A,
-	#B8F3FF #00709F,
-	#EAECEE #354A5F;
+	@sapAvatar_1_Background @sapAvatar_1_TextColor,
+	@sapAvatar_2_Background @sapAvatar_2_TextColor,
+	@sapAvatar_3_Background @sapAvatar_3_TextColor,
+	@sapAvatar_4_Background @sapAvatar_4_TextColor,
+	@sapAvatar_5_Background @sapAvatar_5_TextColor,
+	@sapAvatar_6_Background @sapAvatar_6_TextColor,
+	@sapAvatar_7_Background @sapAvatar_7_TextColor,
+	@sapAvatar_8_Background @sapAvatar_8_TextColor,
+	@sapAvatar_9_Background @sapAvatar_9_TextColor,
+	@sapAvatar_10_Background @sapAvatar_10_TextColor;
 
 .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
 
@@ -35,11 +51,9 @@
 
 		@pair: extract(@list, @i);
 		@backgroundColor: extract(@pair, 1);
-		@borderColor: extract(@pair, 2);
 		@textColor: extract(@pair, 2);
 
 		.@{prefix}@{i} {
-			border: 0.0625rem solid @borderColor;
 			background-color: @backgroundColor;
 
 			.sapTntInfoLabelInner {

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

@@ -14,9 +14,11 @@
 @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
 @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
 @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
-@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
+@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
 @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
 @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
+@_sap_tnt_NavigationList_SelectedItemBorder: none;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
 @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
 @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
 @_sap_tnt_NavigationList_GroupTextWeight: bold;
@@ -31,4 +33,9 @@
 @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
 @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
 @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
-@_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
+@_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;

package/src/sap/tnt/themes/sap_horizon/library.source.less

@@ -9,7 +9,7 @@
 @import "../../../../sap/ui/core/themes/sap_horizon/global.less";
 
 @import "InfoLabel.less";
-@import "NavigationList.less";
 @import "SideNavigation.less";
+@import "NavigationList.less"; // keep this order, it reuses variable @_sap_tnt_SideNavigation_BoxShadow defined in SideNavigation.less
 @import "ToolHeader.less";
 @import "ToolPage.less";

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

@@ -7,22 +7,38 @@
 // Variables and mixins
 // ==========================================================================
 
-@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
-@_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #B3BDC6;
+@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
+@_sap_tnt_InfoLabel_DisplayModeBorder: none;
 @_sap_tnt_InfoLabel_DisplayModeBackground: #29394B;
 @_sap_tnt_InfoLabel_DisplayModeColor: #B3BDC6;
+@_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
+@_sap_tnt_InfoLabel_Height: 1.375rem;
+@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
+@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
+@_sap_tnt_InfoLabel_Text: none;
+@_sap_tnt_InfoLabel_Padding: 0 0.375rem;
+@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
+@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
+@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
+@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
+@_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
+@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
+@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
+@_sap_tnt_InfoLabel_LetterSpacing: normal;
 
 @_sap_tnt_InfoLabel_ColorsArray:
-#4A3502 #EFAB01,
-#770606 #FFA0BF,
-#6E064B #FF98B6,
-#580787 #FF8FF1,
-#331C9F #C6A8FF,
-#0E3382 #5CC0FF,
-#054039 #1ECDAF,
-#164120 #81CB24,
-#063D5B #08C8E4,
-#29394B #B3BDC6;
+@sapAvatar_1_Background @sapAvatar_1_TextColor,
+@sapAvatar_2_Background @sapAvatar_2_TextColor,
+@sapAvatar_3_Background @sapAvatar_3_TextColor,
+@sapAvatar_4_Background @sapAvatar_4_TextColor,
+@sapAvatar_5_Background @sapAvatar_5_TextColor,
+@sapAvatar_6_Background @sapAvatar_6_TextColor,
+@sapAvatar_7_Background @sapAvatar_7_TextColor,
+@sapAvatar_8_Background @sapAvatar_8_TextColor,
+@sapAvatar_9_Background @sapAvatar_9_TextColor,
+@sapAvatar_10_Background @sapAvatar_10_TextColor;
 
 .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
 
@@ -35,11 +51,9 @@
 
 		@pair: extract(@list, @i);
 		@backgroundColor: extract(@pair, 1);
-		@borderColor: extract(@pair, 2);
 		@textColor: extract(@pair, 2);
 
 		.@{prefix}@{i} {
-			border: 0.0625rem solid @borderColor;
 			background-color: @backgroundColor;
 
 			.sapTntInfoLabelInner {

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

@@ -14,9 +14,11 @@
 @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
 @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
 @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
-@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
+@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
 @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
 @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
+@_sap_tnt_NavigationList_SelectedItemBorder: none;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
 @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
 @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
 @_sap_tnt_NavigationList_GroupTextWeight: bold;
@@ -31,4 +33,9 @@
 @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 64);
 @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
 @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
-@_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
+@_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;

package/src/sap/tnt/themes/sap_horizon_dark/library.source.less

@@ -9,7 +9,7 @@
 @import "../../../../sap/ui/core/themes/sap_horizon_dark/global.less";
 
 @import "InfoLabel.less";
-@import "NavigationList.less";
 @import "SideNavigation.less";
+@import "NavigationList.less"; // keep this order, it reuses variable @_sap_tnt_SideNavigation_BoxShadow defined in SideNavigation.less
 @import "ToolHeader.less";
 @import "ToolPage.less";

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

@@ -7,10 +7,26 @@
 // Variables and mixins
 // ==========================================================================
 
-@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
-@_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #A9BACB;
+@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
+@_sap_tnt_InfoLabel_DisplayModeBorder: none;
 @_sap_tnt_InfoLabel_DisplayModeBackground: #1C2834;
 @_sap_tnt_InfoLabel_DisplayModeColor: #A9BACB;
+@_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
+@_sap_tnt_InfoLabel_Height: 1.375rem;
+@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
+@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
+@_sap_tnt_InfoLabel_Text: none;
+@_sap_tnt_InfoLabel_Padding: 0 0.375rem;
+@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
+@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
+@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
+@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
+@_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
+@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
+@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
+@_sap_tnt_InfoLabel_LetterSpacing: normal;
 
 @_sap_tnt_InfoLabel_ColorsArray:
 #362401 #FDA503,
@@ -21,7 +37,7 @@
 #002559 #83BCFF,
 #012D28 #06CFAF,
 #0F2D17 #26D526,
-#032B37 #1BC8F2,
+#3C1847 #D5A9E2,
 #1C2834 #A9BACB;
 
 .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
@@ -35,14 +51,13 @@
 
 		@pair: extract(@list, @i);
 		@backgroundColor: extract(@pair, 1);
-		@borderColor: extract(@pair, 2);
+		@textColor: extract(@pair, 2);
 
 		.@{prefix}@{i} {
-			border: 0.0625rem solid @borderColor;
 			background-color: @backgroundColor;
 
 			.sapTntInfoLabelInner {
-				color: @borderColor;
+				color: @textColor;
 			}
 		}
 	}

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

@@ -9,15 +9,17 @@
 @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
 @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
 @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
-@_sap_tnt_NavigationList_ItemFocusBorderOffset: @sapUiContentFocusWidth;
+@_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
 @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
 @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
 @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
 @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
+@_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
 @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
 @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
 @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
 @_sap_tnt_NavigationList_GroupTextWeight: bold;
+@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
 @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
 @_sap_tnt_NavigationList_Padding: 0.5rem;
 @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
@@ -29,4 +31,10 @@
 @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
 @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
 @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
-@_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
+@_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
+@_sap_tnt_NavigationList_PopupPadding: 0.5rem;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;

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

@@ -7,10 +7,26 @@
 // Variables overriding
 // ==========================================================================
 
-@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
-@_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #2C3A48;
+@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
+@_sap_tnt_InfoLabel_DisplayModeBorder: none;
 @_sap_tnt_InfoLabel_DisplayModeBackground: #C5CDD3;
 @_sap_tnt_InfoLabel_DisplayModeColor: #2C3A48;
+@_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
+@_sap_tnt_InfoLabel_Height: 1.375rem;
+@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
+@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
+@_sap_tnt_InfoLabel_Text: none;
+@_sap_tnt_InfoLabel_Padding: 0 0.375rem;
+@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
+@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
+@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
+@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
+@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
+@_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
+@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
+@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
+@_sap_tnt_InfoLabel_LetterSpacing: normal;
 
 @_sap_tnt_InfoLabel_ColorsArray:
 #FFC218 #5F2900,
@@ -21,7 +37,7 @@
 #8FD4FF #003776,
 #3CE3C5 #033F45,
 #9BDF47 #0C420C,
-#51DDF2 #003E52,
+#E0C1EB #552267,
 #C5CDD3 #2C3A48;
 
 .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
@@ -35,14 +51,13 @@
 
 		@pair: extract(@list, @i);
 		@backgroundColor: extract(@pair, 1);
-		@borderColor: extract(@pair, 2);
+		@textColor: extract(@pair, 2);
 
 		.@{prefix}@{i} {
-			border: 0.0625rem solid @borderColor;
 			background-color: @backgroundColor;
 
 			.sapTntInfoLabelInner {
-				color: @borderColor;
+				color: @textColor;
 			}
 		}
 	}

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

@@ -9,15 +9,17 @@
 @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
 @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
 @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
-@_sap_tnt_NavigationList_ItemFocusBorderOffset: @sapUiContentFocusWidth;
+@_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
 @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
 @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
 @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
 @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
+@_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
 @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
 @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
 @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
 @_sap_tnt_NavigationList_GroupTextWeight: bold;
+@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
 @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
 @_sap_tnt_NavigationList_Padding: 0.5rem;
 @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
@@ -29,4 +31,10 @@
 @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
 @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
 @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
-@_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
+@_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
+@_sap_tnt_NavigationList_PopupPadding: 0.5rem;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
+@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;

package/src/sap/tnt/themes/sap_horizon_hcw/library.source.less

@@ -9,7 +9,7 @@
 @import "../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";
 
 @import "InfoLabel.less";
-@import "NavigationList.less";
 @import "SideNavigation.less";
+@import "NavigationList.less"; // keep this order, it reuses variable @_sap_tnt_SideNavigation_BoxShadow defined in SideNavigation.less
 @import "ToolHeader.less";
 @import "ToolPage.less";

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.118.0</version>
+	<version>1.119.1</version>
 
 	<documentation>SAPUI5 Horizon theme library.</documentation>