@openui5/themelib_sap_horizon 1.100.0 → 1.102.1

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

@@ -7,17 +7,22 @@
 // Variables and mixins
 // ==========================================================================
 
+@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
+@_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #B3BDC6;
+@_sap_tnt_InfoLabel_DisplayModeBackground: #29394B;
+@_sap_tnt_InfoLabel_DisplayModeColor: #B3BDC6;
+
 @_sap_tnt_InfoLabel_ColorsArray:
-	@sapUiLegendBackgroundColor1 @sapUiAccent1,
-	@sapUiLegendBackgroundColor2 @sapUiAccent2,
-	@sapUiLegendBackgroundColor3 @sapUiAccent3,
-	@sapUiLegendBackgroundColor5 @sapUiAccent4,
-	@sapUiLegendBackgroundColor20 @sapUiAccent5,
-	@sapUiLegendBackgroundColor6 @sapUiAccent6,
-	@sapUiLegendBackgroundColor7 @sapUiAccent7,
-	@sapUiLegendBackgroundColor18 @sapUiLegend18,
-	@sapUiLegendBackgroundColor10 @sapUiAccent10,
-	@sapUiLegendBackgroundColor9 @sapUiAccent9;
+#4A3502 #EFAB01,
+#770606 #FFA0BF,
+#6E064B #FF98B6,
+#580787 #FF8FF1,
+#331C9F #C6A8FF,
+#0E3382 #5CC0FF,
+#054039 #1ECDAF,
+#164120 #81CB24,
+#063D5B #08C8E4,
+#29394B #B3BDC6;
 
 .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
 
@@ -31,13 +36,14 @@
 		@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: @sapUiBaseText;
+				color: @textColor;
 			}
 		}
 	}

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

@@ -3,14 +3,9 @@
 /* Evening Horizon theme                   */
 /* ======================================= */
 
+@_sap_tnt_NavigationList_CollapsedWidth: 3.5rem;
+@_sap_tnt_NavigationList_IconColor: @sapHighlightColor;
+@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
+@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
 @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
-@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
-@_sap_tnt_NavigationList_GroupBottomBorderColor: transparent;
-@_sap_tnt_NavigationList_Collapsed_GroupBorderColor: transparent;
-
-.sapTntNavLIPopup {
-  .sapTntNavLI li:focus .sapTntNavLIItem::before,
-  .sapTntNavLIItem:focus::before {
-	border-radius: 0.5rem;
-  }
-}
+@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;

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

@@ -3,5 +3,7 @@
 /* Evening Horizon theme                   */
 /* ======================================= */
 
-@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiListGroupHeaderBorderColor;
-@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 2 * @sapUiListBorderWidth;
+@_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapAccentColor6;
+@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
+@_sap_tnt_SideNavigation_TriangleColor: @sapContent_NonInteractiveIconColor;

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

@@ -4,13 +4,16 @@
 /* =================================== */
 
 @_sap_tnt_ToolHeader_Height: 2.75rem;
-@_sap_tnt_ToolHeader_Icon_Height: 0.75rem;
+@_sap_tnt_ToolHeader_IconHeight: 0.75rem;
 @_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;
+@_sap_tnt_ToolHeader_ArrowHeight: 0.125rem;
+@_sap_tnt_ToolHeader_ArrowMargin: 0 -0.25rem;
+@_sap_tnt_ToolHeader_Padding: 0 0.75rem;
+@_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
 
 .sapTntToolHeader {
 	&.sapMTB {
 		background-color: @sapUiShellColor;
-		box-shadow: inset 0 -0.0625rem 0 0 @sapUiShellBorderColor;
 	}
 
 	&.sapMTBStandard {
@@ -600,7 +603,7 @@ html.sap-desktop .sapTntToolHeader {
 
 	.sapMObjStatus.sapMObjStatusInverted {
 		.sapMObjStatusIcon .sapUiIcon {
-			height: @_sap_tnt_ToolHeader_Icon_Height;
+			height: @_sap_tnt_ToolHeader_IconHeight;
 			vertical-align: text-top;
 		}
 		.sapMObjStatusText,

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

@@ -3,5 +3,5 @@
 /* Evening Horizon theme             */
 /* ================================= */
 
-@_sap_tnt_ToolPage_HeaderHeight : 2.75rem;
-@_sap_tnt_ToolPage_CompactHeaderHeight : 2.75rem;
+@_sap_tnt_ToolPage_AsideWidthOnTablet : 3.5rem;
+@_sap_tnt_ToolPage_HeaderHeight : 2.75rem;

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

@@ -4,30 +4,46 @@
 /* ================================== */
 
 // ==========================================================================
-// Variables overriding
+// Variables and mixins
 // ==========================================================================
 
 @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
+@_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #A9BACB;
+@_sap_tnt_InfoLabel_DisplayModeBackground: #1C2834;
+@_sap_tnt_InfoLabel_DisplayModeColor: #A9BACB;
 
-.sapTntInfoLabel {
-	background: @sapUiGroupContentBackground;
-	border: solid 0.0625rem @sapUiGroupContentBorderColor;
+@_sap_tnt_InfoLabel_ColorsArray:
+#362401 #FDA503,
+#550404 #FC9F9F,
+#520230 #F79DCA,
+#480057 #F794FF,
+#240381 #BDADFF,
+#002559 #83BCFF,
+#012D28 #06CFAF,
+#0F2D17 #26D526,
+#032B37 #1BC8F2,
+#1C2834 #A9BACB;
 
-	.sapTntInfoLabelInner {
-		color: @sapUiBaseText;
-	}
+.create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
 
-	&.sapTntInfoLabelDisplayOnly {
-		background: @sapUiGroupContentBackground;
-		border: solid 1px @sapUiGroupContentBorderColor;
+// Iterate over the InfoLabel ColorsArray and create separate class for each
+// color named with the passed prefix and the number of the color
+.create-classes-for-background-and-border-colors(@prefix, @list) {
+	.iter(length(@list));
+	.iter(@i) when (@i > 0) {
+		.iter(@i - 1);
 
-		.sapTntInfoLabelInner {
-			color: @sapUiBaseText;
-			line-height: 0.875rem;
-		}
+		@pair: extract(@list, @i);
+		@backgroundColor: extract(@pair, 1);
+		@borderColor: extract(@pair, 2);
+
+		.@{prefix}@{i} {
+			border: 0.0625rem solid @borderColor;
+			background-color: @backgroundColor;
 
-		&.sapTntInfoLabelWithIcon .sapUiIcon {
-			line-height: 0.875rem;
+			.sapTntInfoLabelInner {
+				color: @borderColor;
+			}
 		}
 	}
 }

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

@@ -3,8 +3,8 @@
 /* Horizon High Contrast Black theme       */
 /* ======================================= */
 
+@_sap_tnt_NavigationList_CollapsedWidth: 3.5rem;
+@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
+@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
 @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
-@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
-@_sap_tnt_NavigationList_ItemFocusBorder: 0.125rem dotted @sapUiContentFocusColor;
-@_sap_tnt_NavigationList_GroupBottomBorderColor: transparent;
-@_sap_tnt_NavigationList_Collapsed_GroupBorderColor: transparent;
+@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;

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

@@ -3,5 +3,5 @@
 /* Horizon High Contrast Black theme       */
 /* ======================================= */
 
-@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiListGroupHeaderBorderColor;
-@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 2 * @sapUiListBorderWidth;
+@_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;

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

@@ -4,4 +4,7 @@
 /* =================================== */
 
 @_sap_tnt_ToolHeader_Height: 2.75rem;
-@_sap_tnt_ToolHeader_Icon_Height: 0.75rem;
+@_sap_tnt_ToolHeader_IconHeight: 0.75rem;
+@_sap_tnt_ToolHeader_ArrowMargin: 0 -0.25rem;
+@_sap_tnt_ToolHeader_Padding: 0 0.75rem;
+@_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;

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

@@ -3,5 +3,5 @@
 /* Horizon HCB theme                 */
 /* ================================= */
 
-@_sap_tnt_ToolPage_HeaderHeight : 2.75rem;
-@_sap_tnt_ToolPage_CompactHeaderHeight : 2.75rem;
+@_sap_tnt_ToolPage_AsideWidthOnTablet : 3.5rem;
+@_sap_tnt_ToolPage_HeaderHeight : 2.75rem;

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

@@ -8,26 +8,42 @@
 // ==========================================================================
 
 @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
+@_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #2C3A48;
+@_sap_tnt_InfoLabel_DisplayModeBackground: #C5CDD3;
+@_sap_tnt_InfoLabel_DisplayModeColor: #2C3A48;
 
-.sapTntInfoLabel {
-	background: @sapUiGroupContentBackground;
-	border: solid 0.0625rem @sapUiGroupContentBorderColor;
+@_sap_tnt_InfoLabel_ColorsArray:
+#FFC218 #5F2900,
+#FFBABA #770606,
+#FEB7D9 #71093D,
+#FFB3F5 #71093D,
+#D6C2FF #2500BC,
+#8FD4FF #003776,
+#3CE3C5 #033F45,
+#9BDF47 #0C420C,
+#51DDF2 #003E52,
+#C5CDD3 #2C3A48;
 
-	.sapTntInfoLabelInner {
-		color: @sapUiBaseText;
-	}
+.create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
 
-	&.sapTntInfoLabelDisplayOnly {
-		background: @sapUiGroupContentBackground;
-		border: solid 1px @sapUiGroupContentBorderColor;
+// Iterate over the InfoLabel ColorsArray and create separate class for each
+// color named with the passed prefix and the number of the color
+.create-classes-for-background-and-border-colors(@prefix, @list) {
+	.iter(length(@list));
+	.iter(@i) when (@i > 0) {
+		.iter(@i - 1);
 
-		.sapTntInfoLabelInner {
-			color: @sapUiBaseText;
-			line-height: 0.875rem;
-		}
+		@pair: extract(@list, @i);
+		@backgroundColor: extract(@pair, 1);
+		@borderColor: extract(@pair, 2);
+
+		.@{prefix}@{i} {
+			border: 0.0625rem solid @borderColor;
+			background-color: @backgroundColor;
 
-		&.sapTntInfoLabelWithIcon .sapUiIcon {
-			line-height: 0.875rem;
+			.sapTntInfoLabelInner {
+				color: @borderColor;
+			}
 		}
 	}
 }

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

@@ -3,8 +3,8 @@
 /* Horizon High Contrast White theme       */
 /* ======================================= */
 
+@_sap_tnt_NavigationList_CollapsedWidth: 3.5rem;
+@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
+@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
 @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
-@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
-@_sap_tnt_NavigationList_ItemFocusBorder: 0.125rem dotted @sapUiContentFocusColor;
-@_sap_tnt_NavigationList_GroupBottomBorderColor: transparent;
-@_sap_tnt_NavigationList_Collapsed_GroupBorderColor: transparent;
+@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;

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

@@ -3,5 +3,5 @@
 /* Horizon High Contrast White theme       */
 /* ======================================= */
 
-@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiListGroupHeaderBorderColor;
-@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 2 * @sapUiListBorderWidth;
+@_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;

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

@@ -4,4 +4,7 @@
 /* =================================== */
 
 @_sap_tnt_ToolHeader_Height: 2.75rem;
-@_sap_tnt_ToolHeader_Icon_Height: 0.75rem;
+@_sap_tnt_ToolHeader_IconHeight: 0.75rem;
+@_sap_tnt_ToolHeader_ArrowMargin: 0 -0.25rem;
+@_sap_tnt_ToolHeader_Padding: 0 0.75rem;
+@_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;

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

@@ -3,5 +3,5 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-@_sap_tnt_ToolPage_HeaderHeight : 2.75rem;
-@_sap_tnt_ToolPage_CompactHeaderHeight : 2.75rem;
+@_sap_tnt_ToolPage_AsideWidthOnTablet : 3.5rem;
+@_sap_tnt_ToolPage_HeaderHeight : 2.75rem;

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

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

package/src/sap/ui/core/themes/sap_horizon/BrowserScrollbar.less

@@ -7,4 +7,5 @@
 
 html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar-thumb {
 	border-radius: @sapUiElementBorderCornerRadius;
+	border: 0.125rem solid @sapUiScrollBarTrackColor;
 }

package/src/sap/ui/core/themes/sap_horizon/LocalBusyIndicator.less

@@ -3,10 +3,4 @@
 /* Horizon theme                                   */
 /* =============================================== */
 
-.sapUiLocalBusyIndicatorAnimation>div::before {
-    background: @sapUiBrand;
-}
-
-.sapUiLocalBusyIndicatorAnimation>div::after {
-    box-shadow: inset 0 0 0 0 @sapUiBrand;
-}
+@_sap_ui_core_LocalBusyIndicator_Color: @sapContent_BusyColor;