@openui5/themelib_sap_horizon 1.134.0 → 1.136.0

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/table/themes/sap_horizon_hcw/Cell.less

@@ -3,8 +3,8 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-@_sap_ui_table_Cell_FocusOutlineOffset: calc(-@sapUiContentFocusWidth ~"- 0.0625rem");
-@_sap_ui_table_Cell_BorderColorSelected: @sapUiListSelectionBorderColor;
+@_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
+@_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
 @_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
 
 .sapUiTableGroupMode .sapUiTableCell.sapUiTableRowSelectionCell {
@@ -15,8 +15,9 @@
  * Focus outline in Condensed mode
  */
 .sapUiSizeCondensed .sapUiTableCell:focus {
+
 	&::before {
-		outline: 0.0625rem @sapUiContentFocusStyle @sapUiContentFocusColor;
+		outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 		outline-offset: -1px;
 	}
 }

package/src/sap/ui/table/themes/sap_horizon_hcw/DragDrop.less

@@ -3,4 +3,4 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-@_sap_ui_table_DragDrop_ColumnDnDHighlightColor: @sapUiContentDragAndDropActiveColor;
+@_sap_ui_table_DragDrop_ColumnDnDHighlightColor: var(--sapContent_DragAndDropActiveColor);

package/src/sap/ui/table/themes/sap_horizon_hcw/Row.less

@@ -3,5 +3,5 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-@_sap_ui_table_Row_ColorHovered: @sapUiContentContrastTextColor;
-@_sap_ui_table_Row_NavigationIndicatorColor: @sapUiListSelectionBorderColor;
+@_sap_ui_table_Row_ColorHovered: var(--sapContent_ContrastTextColor);
+@_sap_ui_table_Row_NavigationIndicatorColor: var(--sapList_SelectionBorderColor);

package/src/sap/ui/table/themes/sap_horizon_hcw/RowHighlight.less

@@ -3,4 +3,4 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-@_sap_ui_table_RowHighlight_InformationColor: @sapUiAccent6;
+@_sap_ui_table_RowHighlight_InformationColor: var(--sapAccentColor6);

package/src/sap/ui/table/themes/sap_horizon_hcw/RowSelection.less

@@ -3,7 +3,7 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
-@_sap_ui_table_RowSelection_CheckBoxIconColor: @sapUiContentIconColor;
-@_sap_ui_table_RowSelection_CheckBoxBorderWidth: @sapUiFieldBorderWidth;
-@_sap_ui_table_RowSelection_CheckBoxBorderRadius: @sapUiFieldBorderCornerRadius;
-@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: @sapUiFieldBorderCornerRadius;
+@_sap_ui_table_RowSelection_CheckBoxIconColor: var(--sapContent_IconColor);
+@_sap_ui_table_RowSelection_CheckBoxBorderWidth: var(--sapField_BorderWidth);
+@_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
+@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);

package/src/sap/ui/table/themes/sap_horizon_hcw/Scrolling.less

@@ -4,6 +4,7 @@
 /* ================================== */
 
 ._sap_ui_table_Scrolling_NativeScrollbarDesktop() {
+
 	&::-webkit-scrollbar-thumb:vertical {
 		border-left-width: 0.25rem !important;
 		border-right-width: 0.25rem !important;

package/src/sap/ui/table/themes/sap_horizon_hcw/Table.less

@@ -7,11 +7,11 @@
 @_sap_ui_table_Table_TableHeaderBorderWidth: 3px;
 
 ._sap_ui_table_Table_TitleContainer() {
-	border-bottom: 3px solid @sapUiListHeaderBorderColor;
+	border-bottom: 3px solid var(--sapList_HeaderBorderColor);
 }
 
 ._sap_ui_table_Table_ExtensionContainer() {
-	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
+	border-bottom: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
 	padding: 0.125rem;
 }
 

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

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

@@ -390,7 +390,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 		}
 		.sapUiCalSpecialDate,
 		&:focus:not(.sapUiCalItemSel) .sapUiCalSpecialDate {
-			width: 80%;
+			width: calc(~'100% - 0.345rem');
 			bottom: 0.1875rem;
 			left: 0.1875rem;
 		}
@@ -411,7 +411,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 		}
 		&.sapUiCalItemSel:not(:focus) {
 			.sapUiCalSpecialDate {
-				width: 78%;
+				width: calc(~'100% - 0.38rem');
 				bottom: 0.1875rem;
 				left: 0.1875rem;
 			}
@@ -427,7 +427,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 				line-height: 2.375rem;
 			}
 			.sapUiCalSpecialDate {
-				width: 78%;
+				width: calc(~'100% - 0.425rem');
 			}
 		}
 		&:focus {
@@ -435,7 +435,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 			&.sapUiCalItemSelBetween:not(.sapUiCalItemSel),
 			&:not(.sapUiCalItemSelBetween):not(.sapUiCalItemSel) {
 				.sapUiCalSpecialDate {
-					width: 66%;
+					width: calc(~'100% - 0.7rem');
 					left: 0.3125rem;
 					bottom: 0.3125rem;
 					height: 0.3125rem;
@@ -483,7 +483,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 
 	&.sapUiCalItemSelBetween:not(.sapUiCalItemSel):not(.sapUiCalItemNow) {
 		.sapUiCalSpecialDate {
-			width: 91%;
+			width: calc(~'100% - 0.125rem');
 			left: 0.0625rem;
 			right: 0.0625rem;
 			bottom: 0.025rem;
@@ -493,7 +493,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 	&.sapUiCalItemSel .sapUiCalSpecialDate {
 		bottom: 0.025rem;
 		left: 0.09375rem;
-		width: 90%;
+		width: calc(~'100% - 0.15rem');
 	}
 
 	.sapUiCalItemText {

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

@@ -7,10 +7,25 @@
 	border-radius: 0.5rem;
 }
 
-.sapUiCalLegDayTypeNonWorking,
-.sapUiUnifiedLegendNonWorkingDay {
-	& > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
-		background: @sapUiLegendNonWorkingBackground;
+.sapUiCalLegDayTypeNonWorking .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor,
+.sapUiUnifiedLegendNonWorkingDay .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
+	background: @sapUiLegendNonWorkingBackground;
+}
+
+.sapUiUnifiedLegendSelected .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
+	background: none;
+	border: 0.0625rem solid var(--sapList_SelectionBorderColor);
+
+	&::after {
+		content: "";
+		display: block;
+		width: 0.25rem;
+		height: 0.25rem;
+		background: var(--sapContent_Selected_TextColor);
+		border-radius: 50%;
+		position: absolute;
+		inset-block-start: 0.75rem;
+		inset-inline-start: 0.75rem;
 	}
 }
 
@@ -44,17 +59,15 @@
 			content: "";
 			position: absolute;
 			box-sizing: border-box;
-			left: 0.025rem;
-			top: 0.025rem;
-			right: 0.025rem;
-			bottom: 0.025rem;
 			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
 			border-radius: 0.25rem;
 			pointer-events: none;
-			top: 0;
-			left: 0;
-			bottom: 0;
-			right: 0;
+			inset: 0;
 		}
 	}
 }
+
+.sapUiSizeCompact .sapUiUnifiedLegendSelected .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor::after {
+	inset-block-start: 0.625rem;
+	inset-inline-start: 0.625rem;
+}

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

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

@@ -389,7 +389,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 		}
 		.sapUiCalSpecialDate,
 		&:focus:not(.sapUiCalItemSel) .sapUiCalSpecialDate {
-			width: 80%;
+			width: calc(~'100% - 0.345rem');
 			bottom: 0.1875rem;
 			left: 0.1875rem;
 		}
@@ -410,7 +410,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 		}
 		&.sapUiCalItemSel:not(:focus) {
 			.sapUiCalSpecialDate {
-				width: 78%;
+				width: calc(~'100% - 0.38rem');
 				bottom: 0.1875rem;
 				left: 0.1875rem;
 			}
@@ -426,7 +426,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 				line-height: 2.375rem;
 			}
 			.sapUiCalSpecialDate {
-				width: 78%;
+				width: calc(~'100% - 0.425rem');
 			}
 		}
 		&:focus {
@@ -434,7 +434,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 			&.sapUiCalItemSelBetween:not(.sapUiCalItemSel),
 			&:not(.sapUiCalItemSelBetween):not(.sapUiCalItemSel) {
 				.sapUiCalSpecialDate {
-					width: 66%;
+					width: calc(~'100% - 0.7rem');
 					left: 0.3125rem;
 					bottom: 0.3125rem;
 					height: 0.3125rem;
@@ -482,7 +482,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 
 	&.sapUiCalItemSelBetween:not(.sapUiCalItemSel):not(.sapUiCalItemNow) {
 		.sapUiCalSpecialDate {
-			width: 91%;
+			width: calc(~'100% - 0.125rem');
 			left: 0.0625rem;
 			right: 0.0625rem;
 			bottom: 0.025rem;
@@ -492,7 +492,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 	&.sapUiCalItemSel .sapUiCalSpecialDate {
 		bottom: 0.025rem;
 		left: 0.09375rem;
-		width: 90%;
+		width: calc(~'100% - 0.15rem');
 	}
 
 	.sapUiCalItemText {

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

@@ -7,10 +7,25 @@
 	border-radius: 0.5rem;
 }
 
-.sapUiCalLegDayTypeNonWorking,
-.sapUiUnifiedLegendNonWorkingDay {
-	& > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
-		background: @sapUiLegendNonWorkingBackground;
+.sapUiCalLegDayTypeNonWorking .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor,
+.sapUiUnifiedLegendNonWorkingDay .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
+	background: @sapUiLegendNonWorkingBackground;
+}
+
+.sapUiUnifiedLegendSelected .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
+	background: none;
+	border: 0.0625rem solid var(--sapList_SelectionBorderColor);
+
+	&::after {
+		content: "";
+		display: block;
+		width: 0.25rem;
+		height: 0.25rem;
+		background: var(--sapContent_Selected_TextColor);
+		border-radius: 50%;
+		position: absolute;
+		inset-block-start: 0.75rem;
+		inset-inline-start: 0.75rem;
 	}
 }
 
@@ -23,23 +38,16 @@
 			content: "";
 			position: absolute;
 			box-sizing: border-box;
-			left: 0.125rem;
-			top: 0.125rem;
-			right: 0.125rem;
-			bottom: 0.125rem;
+			inset: 0.125rem;
 			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
 			border-radius: 0.25rem;
 			pointer-events: none;
-			top: 0;
-			left: 0;
-			bottom: 0;
-			right: 0;
 		}
 	}
 }
 
-.sapUiSizeCompact .sapUiUnifiedLegendItems,
-.sapUiSizeCompact.sapUiUnifiedLegendItems {
+.sapUiSizeCompact .sapUiUnifiedLegendItem,
+.sapUiSizeCompact.sapUiUnifiedLegendItem {
 	position: relative;
 
 	&:focus {
@@ -48,10 +56,7 @@
 			content: "";
 			position: absolute;
 			box-sizing: border-box;
-			left: 0.025rem;
-			top: 0.025rem;
-			right: 0.025rem;
-			bottom: 0.025rem;
+			inset: 0;
 			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
 			border-radius: 0.25rem;
 			pointer-events: none;
@@ -59,3 +64,7 @@
 	}
 }
 
+.sapUiSizeCompact .sapUiUnifiedLegendSelected .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor::after {
+	inset-block-start: 0.625rem;
+	inset-inline-start: 0.625rem;
+}

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

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

@@ -354,13 +354,13 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 			}
 		}
 		.sapUiCalSpecialDate {
-			width: 88%;
+			width: calc(~'100% - 0.25rem');
 			bottom: 0.125rem;
 			left: 0.125rem;
 		}
 		&:focus .sapUiCalSpecialDate,
 		&.sapUiCalItemSel .sapUiCalSpecialDate {
-			width: 75%;
+			width: calc(~'100% - 0.49rem');
 			bottom: 0.25rem;
 			left: 0.25rem;
 		}
@@ -396,6 +396,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 			border: 0.125rem solid @sapUiLegendCurrentDateTime;
 			content: "";
 			border-radius: 0.5rem;
+			z-index: 10;
 		}
 	}
 	.sapUiCalItemText:after {
@@ -415,7 +416,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 	&.sapUiCalItemSel .sapUiCalSpecialDate {
 		bottom: 0.0625rem;
 		left: 0.0625rem;
-		width: 95%;
+		width: calc(~'100% - 0.125rem');
 	}
 	&.sapUiCalItemSel:focus .sapUiCalSpecialDate{
 		bottom: 0.125rem;

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

@@ -12,25 +12,20 @@
 			content: "";
 			position: absolute;
 			box-sizing: border-box;
-			left: 0.125rem;
-			top: 0.125rem;
-			right: 0.125rem;
-			bottom: 0.125rem;
+			inset: 0.125rem;
 			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
 			pointer-events: none;
 		}
 	}
+}
 
-	.sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
-		border-radius: 0;
-	}
+.sapUiSizeCompact .sapUiUnifiedLegendDescription {
+	margin-block-start: 0.5rem;
 }
 
-.sapUiCalLegDayTypeNonWorking,
-.sapUiUnifiedLegendNonWorkingDay {
-	& > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
-		background: @sapUiLegendNonWorkingBackground;
-	}
+.sapUiCalLegDayTypeNonWorking .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor,
+.sapUiUnifiedLegendNonWorkingDay .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
+	background: @sapUiLegendNonWorkingBackground;
 }
 
 .sapUiSizeCompact {
@@ -42,10 +37,7 @@
 
 		&:focus {
 			&::after {
-				left: 0.0625rem;
-				top: 0.0625rem;
-				right: 0.0625rem;
-				bottom: 0.0625rem;
+				inset: 0.0625rem;
 			}
 		}
 	}

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

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

@@ -354,13 +354,13 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 			}
 		}
 		.sapUiCalSpecialDate {
-			width: 88%;
+			width: calc(~'100% - 0.25rem');
 			bottom: 0.125rem;
 			left: 0.125rem;
 		}
 		&:focus .sapUiCalSpecialDate,
 		&.sapUiCalItemSel .sapUiCalSpecialDate {
-			width: 75%;
+			width: calc(~'100% - 0.5rem');
 			bottom: 0.25rem;
 			left: 0.25rem;
 		}
@@ -396,6 +396,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 			border: 0.125rem solid @sapUiLegendCurrentDateTime;
 			content: "";
 			border-radius: 0.5rem;
+			z-index: 10;
 		}
 	}
 	.sapUiCalItemText:after {
@@ -415,7 +416,7 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 	&.sapUiCalItemSel .sapUiCalSpecialDate {
 		bottom: 0.0625rem;
 		left: 0.0625rem;
-		width: 95%;
+		width: calc(~'100% - 0.125rem');
 	}
 	&.sapUiCalItemSel:focus .sapUiCalSpecialDate{
 		bottom: 0.125rem;

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

@@ -12,25 +12,20 @@
 			content: "";
 			position: absolute;
 			box-sizing: border-box;
-			left: 0.125rem;
-			top: 0.125rem;
-			right: 0.125rem;
-			bottom: 0.125rem;
+			inset: 0.125rem;
 			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
 			pointer-events: none;
 		}
 	}
+}
 
-	.sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
-		border-radius: 0;
-	}
+.sapUiSizeCompact .sapUiUnifiedLegendDescription {
+	margin-block-start: 0.5rem;
 }
 
-.sapUiCalLegDayTypeNonWorking,
-.sapUiUnifiedLegendNonWorkingDay {
-	& > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
-		background: @sapUiLegendNonWorkingBackground;
-	}
+.sapUiCalLegDayTypeNonWorking .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor,
+.sapUiUnifiedLegendNonWorkingDay .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
+	background: @sapUiLegendNonWorkingBackground;
 }
 
 .sapUiSizeCompact {
@@ -42,10 +37,7 @@
 
 		&:focus {
 			&::after {
-				left: 0.0625rem;
-				top: 0.0625rem;
-				right: 0.0625rem;
-				bottom: 0.0625rem;
+				inset: 0.0625rem;
 			}
 		}
 	}

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/ux3/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/ux3/themes/sap_horizon_dark/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

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

@@ -2,9 +2,21 @@
 /* CSS for control sap.uxap/ObjectPageSection  */
 /* Horizon theme                               */
 /* =========================================== */
+.sapUxAPObjectPageSection:not(.sapUxAPObjectPageSectionFirstVisible) {
+	padding-top: 1.5rem;
+}
+
+.sapUxAPObjectPageSection.sapUxAPObjectPageSectionFirstVisible {
+	padding-top: 1rem;
+
+	.sapUxAPObjectPageSectionContainer > .sapUiRespGrid > div[class^="sapUiRespGrid"]:first-child > .sapUxAPObjectPageSubSection {
+		padding-top: 0;
+	}
+}
 
 .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPObjectPageSubSectionHeader {
 	padding-left: 2rem;
+	padding-right: 2rem;
 }
 
 .sapUiSizeCompact .sapUxAPObjectPageSectionHeader,
@@ -13,17 +25,9 @@
 	line-height: 2.25rem;
 }
 
-.sapUiSizeCompact .sapUxAPObjectPageSectionTitle,
-.sapUxAPObjectPageSectionTitle {
-	height: 2.75rem;
-	line-height: 2.25rem;
-	color: @sapUiGroupTitleTextColor;
-	font-size: @sapMFontHeader4Size;
-}
-
 .sapUxAPObjectPageSectionHeader,
 .sapUxAPObjectPageSubSectionWithSeeMore .sapUxAPSubSectionSeeMoreContainer {
-	padding-right: 3rem;
+	padding-right: 2.25rem;
 }
 
 .sapUxAPObjectPageLayout-Std-Desktop,
@@ -31,7 +35,7 @@
 	.sapUxAPObjectPageSectionHeader,
 	html .sapUiContainer-Medium .sapUxAPObjectPageSectionHeader,
 	.sapUxAPObjectPageSubSectionWithSeeMore .sapUxAPSubSectionSeeMoreContainer {
-		padding-right: 2rem;
+		padding-right: 1.25rem;
 		padding-left: 2rem;
 	}
 }
@@ -73,16 +77,6 @@
     outline-offset: -0.1875rem;
 }
 
-.sapUiSizeCompact .sapUxAPObjectPageSectionTitle {
-    padding-bottom: 0;
-}
-
-.sapUiSizeCompact .sapUxAPObjectPageSectionTitle,
-.sapUxAPObjectPageSectionTitle {
-    font-weight: bold;
-	line-height: 4rem;
-}
-
 // Styles suporting Table inside ObjectPageSubSection scenario
 .sapUiTableOnObjectPageAdjustmentsForSection.sapUxAPObjectPageSection .sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection:not(.sapUiAdjustedSectionSubsectionWithoutTable) .sapUxAPBlockContainer {
 	background: transparent;

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

@@ -3,14 +3,7 @@
 /* Horizon theme                                  */
 /* ============================================== */
 
-.sapUxAPObjectPageSubSectionHeaderTitle {
-	font-size: @sapMFontHeader5Size;
-	color: @sapUiGroupTitleTextColor;
-	padding-bottom: 0.5rem;
-	line-height: normal;
-}
-
-.sapUxAPObjectPageSubSectionHeaderTitleUppercase {
+.sapUxAPObjectPageSubSectionTitleUppercase {
 	text-transform: uppercase;
 }
 
@@ -18,6 +11,11 @@
 	padding: 0 1rem;
 }
 
+.sapUiSizeCompact .sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar,
+.sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar {
+	height: 2.75rem;
+}
+
 /* responsive paddings */
 .sapUxAPObjectPageLayout.sapUiResponsiveContentPadding {
 	&.sapUxAPObjectPageLayout-Std-Tablet .sapUxAPBlockContainer,
@@ -31,15 +29,6 @@
 	}
 }
 
-/* compact size */
-.sapUiSizeCompact {
-	.sapUxAPObjectPageSubSectionHeaderTitle {
-		height: 1.125rem;
-		line-height: normal;
-		font-weight: bold;
-	}
-}
-
 // =====================================
 // =====================================
 // Delta Styles for Horizon