@openui5/themelib_sap_horizon 1.116.0 → 1.117.1

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

@@ -195,24 +195,52 @@
 	.sapMSF {
 		height: 2.5rem;
 		padding-top: 0px;
+
+		&:not(.sapMSFVal) .sapMSFS {
+			pointer-events: none;
+		}
 	}
 
 	.sapMSF .sapMSFF {
 		border-radius: 2rem;
 		height: 2.5rem;
+		background-color: @sapUiShellInteractiveBackground;
+
+		&:hover {
+			background: @sapUiShellHoverBackground;
+			box-shadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 32), 0 0 0 0.0625rem fade(@sapUiFieldBorderColor, 16);
+		}
+
+		.sapMSFI {
+			color: @sapUiShellTextColor;
+		}
+	}
+
+	.sapMSF.sapMFocus .sapMSFF {
+		background: @sapUiShellActiveBackground;
 	}
 
 	.sapMSFB {
-		line-height: 2.5rem;
-		width: 1.875rem;
+		width: 2rem;
+		height: 2rem;
+		margin-top: 0.25rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.sapMSFB.sapMSFBA {
+		background: none;
+		box-shadow: none;
 	}
 
 	.sapMSFSSI {
 		display: inline;
 	}
 
-	.sapMSFF  .sapMSFSSI:before {
+	.sapMSFF .sapMSFSSI:before {
 		content: "\e00d";
+		color: @sapUiContentNonInteractiveIconColor;
 		display: block;
 		font-style: normal;
 		width: 1rem;
@@ -233,12 +261,11 @@
 		height: 1.25rem;
 		border-radius: 0.75rem;
 		font-size: 0.75rem;
-		margin-top: 0.625rem;
 		line-height: 1.25rem;
 	}
 
 	.sapMSFS {
-		width: 1.625rem;
+		margin-right: 0.25rem;
 		border: none;
 	}
 
@@ -252,17 +279,28 @@
 	}
 
 	.sapMSFS:active::after,
+	.sapMSFS.sapMSFBA::after,
 	.sapMSFR:active::after {
 		background: @sapActiveColor;
 		color: @sapContent_IconColor;
-		margin-top: 0.625rem;
 	}
 
 	.sapMSFS:hover::after,
 	.sapMSFR:hover::after {
 		background: @sapHoverColor;
 		color: @sapContent_IconColor;
-		margin-top: 0.625rem;
+	}
+
+	.sapMSFVal.sapMFocus .sapMSFF {
+		box-shadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 32), 0 0 0 0.0625rem fade(@sapUiFieldBorderColor, 16);
+
+		&::before {
+			display: none;
+		}
+
+		.sapMSFS.sapMSFB::after {
+			outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		}
 	}
 }
 
@@ -270,7 +308,6 @@
 	.sapTntToolHeader {
 		.sapMSF {
 			height: 2rem;
-			padding-top: 1px;
 		}
 
 		.sapMSF .sapMSFF {
@@ -278,25 +315,18 @@
 		}
 
 		.sapMSFB {
-			line-height: 2rem;
-			width: 1.5rem;
+			margin-top: 0.1875rem;
+			width: 1.625rem;
+			height: 1.625rem;
 		}
 
-		.sapMSFF  .sapMSFSSI:before {
-			margin-top: 0.5rem;
+		.sapMSFS {
+			margin-right: 0.1875rem;
 		}
-	}
 
-	.sapMSFS:hover::after,
-	.sapMSFR:hover::after,
-	.sapMSFS:active::after,
-	.sapMSFR:active::after {
-		margin-top: 0.375rem;
-	}
-
-	.sapMSFS::after,
-	.sapMSFR::after {
-		margin-top: 0.375rem;
+		.sapMSFF .sapMSFSSI:before {
+			margin-top: 0.5rem;
+		}
 	}
 }
 

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

@@ -7,11 +7,21 @@
 @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
 @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
 @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
+@_sap_tnt_NavigationList_ItemBorder: 0.0625rem solid @sapUiListBorderColor;
+@_sap_tnt_NavigationList_LastItemBorder: 0.0625rem solid transparent;
+@_sap_tnt_NavigationList_HoverItemBorder: @_sap_tnt_NavigationList_SelectedItemBorder;
 @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
 @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
 @_sap_tnt_NavigationList_GroupTextWeight: bold;
 @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
 @_sap_tnt_NavigationList_Padding: 0.5rem;
 @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
-@_sap_tnt_NavigationList_PopupPadding: 0.5rem;
+@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
+@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
+@_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
+@_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
+@_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
+@_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;

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

@@ -7,4 +7,5 @@
 @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
 @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
-@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
+@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
+@_sap_tnt_SideNavigation_TriangleDisplay: none;

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

@@ -194,6 +194,14 @@
 	.sapMSF {
 		height: 2.5rem;
 		padding-top: 0px;
+
+		&:not(.sapMSFVal) .sapMSFS {
+			pointer-events: none;
+
+			&::after {
+				border-color: transparent;
+			}
+		}
 	}
 
 	.sapMSF .sapMSFF {
@@ -202,15 +210,24 @@
 	}
 
 	.sapMSFB {
-		line-height: 2.5rem;
-		width: 1.875rem;
+		width: 2rem;
+		height: 2rem;
+		margin-top: 0.1875rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.sapMSFB.sapMSFBA {
+		background: none;
+		box-shadow: none;
 	}
 
 	.sapMSFSSI {
 		display: inline;
 	}
 
-	.sapMSFF  .sapMSFSSI:before {
+	.sapMSFF .sapMSFSSI:before {
 		content: "\e00d";
 		display: block;
 		font-style: normal;
@@ -218,7 +235,7 @@
 		height: 1rem;
 		font-family: 'SAP-icons';
 		margin-right: 0.375rem;
-		margin-top: 0.75rem;
+		margin-top: 0.6875rem;
 	}
 
 	.sapMSFS::after {
@@ -226,18 +243,18 @@
 	}
 
 	.sapMSFR::after,
-	.sapMSFS::after  {
+	.sapMSFS::after {
 		display: block;
 		width: 1.25rem;
 		height: 1.25rem;
 		border-radius: 0.75rem;
 		font-size: 0.75rem;
-		margin-top: 0.625rem;
 		line-height: 1.25rem;
+		border: @sapUiButtonBorderWidth solid @sapUiButtonBorderColor;
 	}
 
 	.sapMSFS {
-		width: 1.625rem;
+		margin-right: 0.1875rem;
 		border: none;
 	}
 
@@ -251,17 +268,16 @@
 	}
 
 	.sapMSFS:active::after,
+	.sapMSFS.sapMSFBA::after,
 	.sapMSFR:active::after {
 		background: @sapActiveColor;
 		color: @sapContent_IconColor;
-		margin-top: 0.625rem;
 	}
 
 	.sapMSFS:hover::after,
 	.sapMSFR:hover::after {
 		background: @sapHoverColor;
 		color: @sapContent_IconColor;
-		margin-top: 0.625rem;
 	}
 
 	.sapMSFB.sapMSFR:not(:last-child):hover {
@@ -271,22 +287,34 @@
 	.sapMSFB:hover {
 		border: none;
 	}
+
+	.sapMSFVal.sapMFocus .sapMSFF {
+		outline: none;
+
+		.sapMSFS.sapMSFB::after {
+			border-color: transparent;
+			outline: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
+			outline-offset: -0.0625rem;
+		}
+	}
 }
 
 html.sap-desktop .sapTntToolHeader .sapMFocus > .sapMSFF::before {
-	border: none;
+	display: none;
 }
 
-html.sap-desktop .sapTntToolHeader .sapMFocus .sapMSFF {
-	outline: @sapContent_FocusWidth solid @sapContent_FocusColor;
-	border: none;
+html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
+	&:not(.sapMFocus):hover .sapMSFF,
+	&.sapMFocus:not(.sapMSFVal) .sapMSFF {
+		outline: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
+		border-color: transparent;
+	}
 }
 
 .sapUiSizeCompact {
 	.sapTntToolHeader {
 		.sapMSF {
 			height: 2rem;
-			padding-top: 1px;
 		}
 
 		.sapMSF .sapMSFF {
@@ -294,25 +322,18 @@ html.sap-desktop .sapTntToolHeader .sapMFocus .sapMSFF {
 		}
 
 		.sapMSFB {
-			line-height: 2rem;
-			width: 1.5rem;
+			margin-top: 0.125rem;
+			width: 1.625rem;
+			height: 1.625rem;
 		}
 
-		.sapMSFF  .sapMSFSSI:before {
-			margin-top: 0.5rem;
+		.sapMSFS {
+			margin-right: 0.125rem;
 		}
-	}
-
-	.sapMSFS:hover::after,
-	.sapMSFR:hover::after,
-	.sapMSFS:active::after,
-	.sapMSFR:active::after {
-		margin-top: 0.375rem;
-	}
 
-	.sapMSFS::after,
-	.sapMSFR::after {
-		margin-top: 0.375rem;
+		.sapMSFF .sapMSFSSI:before {
+			margin-top: 0.4375rem;
+		}
 	}
 }
 

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

@@ -7,11 +7,21 @@
 @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
 @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
 @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
+@_sap_tnt_NavigationList_ItemBorder: 0.0625rem solid @sapUiListBorderColor;
+@_sap_tnt_NavigationList_LastItemBorder: 0.0625rem solid transparent;
+@_sap_tnt_NavigationList_HoverItemBorder: @_sap_tnt_NavigationList_SelectedItemBorder;
 @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
 @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
 @_sap_tnt_NavigationList_GroupTextWeight: bold;
 @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
-@_sap_tnt_NavigationList_Padding: 0.5rem;
+@_sap_tnt_NavigationList_Padding: 0.75rem;
+@_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
+@_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
 @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
-@_sap_tnt_NavigationList_PopupPadding: 0.5rem;
+@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
+@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
+@_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
+@_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;

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

@@ -7,4 +7,5 @@
 @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
 @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
-@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
+@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
+@_sap_tnt_SideNavigation_TriangleDisplay: none;

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

@@ -194,6 +194,14 @@
 	.sapMSF {
 		height: 2.5rem;
 		padding-top: 0px;
+
+		&:not(.sapMSFVal) .sapMSFS {
+			pointer-events: none;
+
+			&::after {
+				border-color: transparent;
+			}
+		}
 	}
 
 	.sapMSF .sapMSFF {
@@ -202,15 +210,24 @@
 	}
 
 	.sapMSFB {
-		line-height: 2.5rem;
-		width: 1.875rem;
+		width: 2rem;
+		height: 2rem;
+		margin-top: 0.1875rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.sapMSFB.sapMSFBA {
+		background: none;
+		box-shadow: none;
 	}
 
 	.sapMSFSSI {
 		display: inline;
 	}
 
-	.sapMSFF  .sapMSFSSI:before {
+	.sapMSFF .sapMSFSSI:before {
 		content: "\e00d";
 		display: block;
 		font-style: normal;
@@ -218,7 +235,7 @@
 		height: 1rem;
 		font-family: 'SAP-icons';
 		margin-right: 0.375rem;
-		margin-top: 0.75rem;
+		margin-top: 0.6875rem;
 	}
 
 	.sapMSFS::after {
@@ -226,18 +243,18 @@
 	}
 
 	.sapMSFR::after,
-	.sapMSFS::after  {
+	.sapMSFS::after {
 		display: block;
 		width: 1.25rem;
 		height: 1.25rem;
 		border-radius: 0.75rem;
 		font-size: 0.75rem;
-		margin-top: 0.625rem;
 		line-height: 1.25rem;
+		border: @sapUiButtonBorderWidth solid @sapUiButtonBorderColor;
 	}
 
 	.sapMSFS {
-		width: 1.625rem;
+		margin-right: 0.1875rem;
 		border: none;
 	}
 
@@ -249,19 +266,18 @@
 		box-shadow: none;
 		line-height: 1.25rem;
 	}
-	
+
 	.sapMSFS:active::after,
+	.sapMSFS.sapMSFBA::after,
 	.sapMSFR:active::after {
 		background: @sapActiveColor;
 		color: @sapContent_IconColor;
-		margin-top: 0.625rem;
 	}
 
 	.sapMSFS:hover::after,
 	.sapMSFR:hover::after {
 		background: @sapHoverColor;
 		color: @sapContent_IconColor;
-		margin-top: 0.625rem;
 	}
 
 	.sapMSFB.sapMSFR:not(:last-child):hover {
@@ -271,22 +287,34 @@
 	.sapMSFB:hover {
 		border: none;
 	}
+
+	.sapMSFVal.sapMFocus .sapMSFF {
+		outline: none;
+
+		.sapMSFS.sapMSFB::after {
+			border-color: transparent;
+			outline: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
+			outline-offset: -0.0625rem;
+		}
+	}
 }
 
 html.sap-desktop .sapTntToolHeader .sapMFocus > .sapMSFF::before {
-	border: none;
+	display: none;
 }
 
-html.sap-desktop .sapTntToolHeader .sapMFocus .sapMSFF {
-	outline: @sapContent_FocusWidth solid @sapContent_FocusColor;
-	border: none;
+html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
+	&:not(.sapMFocus):hover .sapMSFF,
+	&.sapMFocus:not(.sapMSFVal) .sapMSFF {
+		outline: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
+		border-color: transparent;
+	}
 }
 
 .sapUiSizeCompact {
 	.sapTntToolHeader {
 		.sapMSF {
 			height: 2rem;
-			padding-top: 1px;
 		}
 
 		.sapMSF .sapMSFF {
@@ -294,25 +322,18 @@ html.sap-desktop .sapTntToolHeader .sapMFocus .sapMSFF {
 		}
 
 		.sapMSFB {
-			line-height: 2rem;
-			width: 1.5rem;
+			margin-top: 0.125rem;
+			width: 1.625rem;
+			height: 1.625rem;
 		}
 
-		.sapMSFF  .sapMSFSSI:before {
-			margin-top: 0.5rem;
+		.sapMSFS {
+			margin-right: 0.125rem;
 		}
-	}
 
-	.sapMSFS:hover::after,
-	.sapMSFR:hover::after,
-	.sapMSFS:active::after,
-	.sapMSFR:active::after {
-		margin-top: 0.375rem;
-	}
-
-	.sapMSFS::after,
-	.sapMSFR::after {
-		margin-top: 0.375rem;
+		.sapMSFF .sapMSFSSI:before {
+			margin-top: 0.4375rem;
+		}
 	}
 }
 

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

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

@@ -294,6 +294,10 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 	}
 }
 
+.sapUiSizeCompact .sapUiCalHead {
+	height: 2.25rem;
+}
+
 .sapUiCalItem {
 	position: relative;
 	&:focus > .sapUiCalItemText {

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

@@ -290,6 +290,10 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 	}
 }
 
+.sapUiSizeCompact .sapUiCalHead {
+	height: 2.25rem;
+}
+
 .sapUiCalItem {
 	position: relative;
 	&:focus > .sapUiCalItemText {
@@ -702,7 +706,6 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
 	}
 }
 
-//Looking here. Add rule that only applies to :not(.sapUiCalMonthSecType)?
 .sapUiCalItem:focus {
 	&:not(.sapUiCalItemNow):not(.sapUiCalItemSel) .sapUiCalItemText:after {
 		position: absolute;

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

@@ -143,7 +143,7 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active)  > .sa
 }
 
 .sapUiCalendarRowNow{
-	border-color: @sapUiCalendarColorToday;
+	border-color: @sapLegend_CurrentDateTime;
 }
 
 /* colors for types */

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

@@ -143,7 +143,7 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active)  > .sa
 }
 
 .sapUiCalendarRowNow{
-	border-color: @sapUiCalendarColorToday;
+	border-color: @sapLegend_CurrentDateTime;
 }
 
 /* colors for types */

package/ui5.yaml

@@ -1,5 +1,5 @@
 ---
-specVersion: "2.0"
+specVersion: "3.0"
 type: theme-library
 metadata:
   name: themelib_sap_horizon