@openui5/themelib_sap_horizon 1.131.0 → 1.132.0

package/THIRDPARTY.txt

@@ -468,7 +468,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.22.0
+Component: SAP Theming Base Content, version: 11.24.0
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.131.0",
+  "version": "1.132.0",
   "description": "OpenUI5 Theme Library sap_horizon",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.131.0",
-    "@openui5/sap.m": "1.131.0",
-    "@openui5/sap.tnt": "1.131.0",
-    "@openui5/sap.ui.codeeditor": "1.131.0",
-    "@openui5/sap.ui.commons": "1.131.0",
-    "@openui5/sap.ui.core": "1.131.0",
-    "@openui5/sap.ui.dt": "1.131.0",
-    "@openui5/sap.ui.fl": "1.131.0",
-    "@openui5/sap.ui.mdc": "1.131.0",
-    "@openui5/sap.ui.integration": "1.131.0",
-    "@openui5/sap.ui.layout": "1.131.0",
-    "@openui5/sap.ui.rta": "1.131.0",
-    "@openui5/sap.ui.suite": "1.131.0",
-    "@openui5/sap.ui.table": "1.131.0",
-    "@openui5/sap.ui.unified": "1.131.0",
-    "@openui5/sap.ui.ux3": "1.131.0",
-    "@openui5/sap.uxap": "1.131.0"
+    "@openui5/sap.f": "1.132.0",
+    "@openui5/sap.m": "1.132.0",
+    "@openui5/sap.tnt": "1.132.0",
+    "@openui5/sap.ui.codeeditor": "1.132.0",
+    "@openui5/sap.ui.commons": "1.132.0",
+    "@openui5/sap.ui.core": "1.132.0",
+    "@openui5/sap.ui.dt": "1.132.0",
+    "@openui5/sap.ui.fl": "1.132.0",
+    "@openui5/sap.ui.mdc": "1.132.0",
+    "@openui5/sap.ui.integration": "1.132.0",
+    "@openui5/sap.ui.layout": "1.132.0",
+    "@openui5/sap.ui.rta": "1.132.0",
+    "@openui5/sap.ui.suite": "1.132.0",
+    "@openui5/sap.ui.table": "1.132.0",
+    "@openui5/sap.ui.unified": "1.132.0",
+    "@openui5/sap.ui.ux3": "1.132.0",
+    "@openui5/sap.uxap": "1.132.0"
   }
 }

package/src/sap/f/themes/sap_horizon/Card.less

@@ -3,13 +3,12 @@
 /* Horizon theme                 */
 /* ============================= */
 
-@_sap_f_Card_HeaderFocusBorderBottomOffset: 0px;
-@_sap_f_Card_HeaderFocusBorderTopOffset: 0px;
-@_sap_f_Card_HeaderFocusBorderLeftOffset: 0px;
-@_sap_f_Card_HeaderFocusBorderRightOffset: 0px;
-@_sap_f_Card_HeaderFocusBorderRadius: inherit;
+@_sap_f_Card_FocusBorderBottomOffset: 0px;
+@_sap_f_Card_FocusBorderTopOffset: 0px;
+@_sap_f_Card_FocusBorderLeftOffset: 0px;
+@_sap_f_Card_FocusBorderRightOffset: 0px;
+@_sap_f_Card_FocusBorderRadius: inherit;
 @_sap_f_Card_BorderRadius: 1rem;
-@_sap_f_Card_TitleFontSize: @sapMFontHeader6Size;
 @_sap_f_Card_HoverBoxShadow: @sapUiContentShadow2;
 @_sap_f_Card_Badge_Background: @sapUiHighlight;
 
@@ -34,12 +33,6 @@
 	}
 }
 
-.sapFCard.sapFCardSectionInteractive:not(.sapFCardPreview):not(.sapFCardTransparent) {
-	&:active {
-		box-shadow: @_sap_f_Card_BoxShadow;
-	}
-}
-
 .sapFCard .sapFCardHeader .sapFCardStatus {
 	font-size: @sapMFontSmallSize;
 	margin-top: 0.125rem;

package/src/sap/f/themes/sap_horizon/CardHeaders.less

@@ -0,0 +1,12 @@
+/* ======================================== */
+/* CSS for control sap.f.cards/BaseHeader	*/
+/* Horizon theme							*/
+/* ======================================== */
+
+@_sap_f_CardHeaders_TitleFontSize: @sapMFontHeader6Size;
+@_sap_f_CardHeaders_BorderRadius: 1rem;
+@_sap_f_CardHeaders_HeaderFocusBorderLeftOffset: 0px;
+@_sap_f_CardHeaders_HeaderFocusBorderBottomOffset: 0px;
+@_sap_f_CardHeaders_HeaderFocusBorderRightOffset: 0px;
+@_sap_f_CardHeaders_HeaderFocusBorderTopOffset: 0px;
+@_sap_f_CardHeaders_HeaderFocusBorderRadius: inherit;

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -10,6 +10,7 @@
 
 @import "AvatarGroup.less";
 @import "Card.less";
+@import "CardHeaders.less";
 @import "DynamicPage.less";
 @import "DynamicPageHeader.less";
 @import "DynamicPageTitle.less";

package/src/sap/f/themes/sap_horizon_dark/Card.less

@@ -3,13 +3,12 @@
 /* Evening Horizon theme       */
 /* =========================== */
 
-@_sap_f_Card_HeaderFocusBorderBottomOffset: 0px;
-@_sap_f_Card_HeaderFocusBorderTopOffset: 0px;
-@_sap_f_Card_HeaderFocusBorderLeftOffset: 0px;
-@_sap_f_Card_HeaderFocusBorderRightOffset: 0px;
-@_sap_f_Card_HeaderFocusBorderRadius: inherit;
+@_sap_f_Card_FocusBorderBottomOffset: 0px;
+@_sap_f_Card_FocusBorderTopOffset: 0px;
+@_sap_f_Card_FocusBorderLeftOffset: 0px;
+@_sap_f_Card_FocusBorderRightOffset: 0px;
+@_sap_f_Card_FocusBorderRadius: inherit;
 @_sap_f_Card_BorderRadius: 1rem;
-@_sap_f_Card_TitleFontSize: @sapMFontHeader6Size;
 @_sap_f_Card_HoverBoxShadow: @sapUiContentShadow2;
 @_sap_f_Card_Badge_Background: @sapUiHighlight;
 
@@ -30,16 +29,6 @@
 	}
 }
 
-.sapFCard.sapFCardSectionInteractive:not(.sapFCardPreview):not(.sapFCardTransparent) {
-	&:hover {
-		box-shadow: @_sap_f_Card_HoverBoxShadow;
-	}
-
-	&:active {
-		box-shadow: @_sap_f_Card_BoxShadow;
-	}
-}
-
 .sapFCard .sapFCardHeader .sapFCardStatus {
 	font-size: @sapMFontSmallSize;
 	margin-top: 0.125rem;

package/src/sap/f/themes/sap_horizon_dark/CardHeaders.less

@@ -0,0 +1,12 @@
+/* ======================================== */
+/* CSS for control sap.f.cards/BaseHeader	*/
+/* Evening Horizon theme                    */
+/* ======================================== */
+
+@_sap_f_CardHeaders_TitleFontSize: @sapMFontHeader6Size;
+@_sap_f_CardHeaders_BorderRadius: 1rem;
+@_sap_f_CardHeaders_HeaderFocusBorderLeftOffset: 0px;
+@_sap_f_CardHeaders_HeaderFocusBorderBottomOffset: 0px;
+@_sap_f_CardHeaders_HeaderFocusBorderRightOffset: 0px;
+@_sap_f_CardHeaders_HeaderFocusBorderTopOffset: 0px;
+@_sap_f_CardHeaders_HeaderFocusBorderRadius: inherit;

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -10,6 +10,7 @@
 
 @import "AvatarGroup.less";
 @import "Card.less";
+@import "CardHeaders.less";
 @import "DynamicPage.less";
 @import "DynamicPageHeader.less";
 @import "DynamicPageTitle.less";

package/src/sap/f/themes/sap_horizon_hcb/Card.less

@@ -4,35 +4,11 @@
 /* ================================== */
 
 @_sap_f_Card_BoxShadow: none;
-@_sap_f_Card_HeaderFocusBorderBottomOffset: 2px;
+@_sap_f_Card_FocusBorderBottomOffset: 2px;
 @_sap_f_Card_Badge_Background: @sapUiHighlight;
 @_sap_f_Card_Badge_Border: 0.0625rem solid @sapUiContentForegroundBorderColor;
 @_sap_f_Card_Badge_Background: @sapUiHighlight;
 
-.sapFCard .sapFCardHeader.sapFCardSectionClickable {
-	&:hover {
-		.sapFCardNumericIndicatorsMain {
-			.sapMNCValue,
-			.sapMNCIndicator,
-			.sapMNCScale,
-			.sapMNCIndIcon {
-				color: @sapUiContentContrastTextColor;
-			}
-		}
-	}
-
-	&:active {
-		.sapFCardNumericIndicatorsMain {
-			.sapMNCValue,
-			.sapMNCIndicator,
-			.sapMNCScale,
-			.sapMNCIndIcon {
-				color: @sapUiContentContrastTextColor;
-			}
-		}
-	}
-}
-
 .sapFCard {
 
 	.sapFCardHeader {

package/src/sap/f/themes/sap_horizon_hcb/CardHeaders.less

@@ -0,0 +1,28 @@
+/* ======================================== */
+/* CSS for control sap.f.cards/BaseHeader	*/
+/* Horizon High Contrast Black theme		*/
+/* ======================================== */
+
+.sapFCardHeader.sapFCardSectionClickable {
+	&:hover {
+		.sapFCardNumericIndicatorsMain {
+			.sapMNCValue,
+			.sapMNCIndicator,
+			.sapMNCScale,
+			.sapMNCIndIcon {
+				color: @sapUiContentContrastTextColor;
+			}
+		}
+	}
+
+	&:active {
+		.sapFCardNumericIndicatorsMain {
+			.sapMNCValue,
+			.sapMNCIndicator,
+			.sapMNCScale,
+			.sapMNCIndIcon {
+				color: @sapUiContentContrastTextColor;
+			}
+		}
+	}
+}

package/src/sap/f/themes/sap_horizon_hcb/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -13,6 +13,7 @@
 @import "DynamicPageTitle.less";
 @import "FlexibleColumnLayout.less";
 @import "Card.less";
+@import "CardHeaders.less";
 @import "ShellBar.less";
 @import "CardLoading.less";
 @import "GridContainer.less";

package/src/sap/f/themes/sap_horizon_hcw/Card.less

@@ -4,35 +4,11 @@
 /* ================================== */
 
 @_sap_f_Card_BoxShadow: none;
-@_sap_f_Card_HeaderFocusBorderBottomOffset: 2px;
+@_sap_f_Card_FocusBorderBottomOffset: 2px;
 @_sap_f_Card_Badge_Background: @sapUiHighlight;
 @_sap_f_Card_Badge_Border: 0.0625rem solid @sapUiContentForegroundBorderColor;
 @_sap_f_Card_Badge_Background: @sapUiHighlight;
 
-.sapFCard .sapFCardHeader.sapFCardSectionClickable {
-	&:hover {
-		.sapFCardNumericIndicatorsMain {
-			.sapMNCValue,
-			.sapMNCIndicator,
-			.sapMNCScale,
-			.sapMNCIndIcon {
-				color: @sapUiContentContrastTextColor;
-			}
-		}
-	}
-
-	&:active {
-		.sapFCardNumericIndicatorsMain {
-			.sapMNCValue,
-			.sapMNCIndicator,
-			.sapMNCScale,
-			.sapMNCIndIcon {
-				color: @sapUiContentContrastTextColor;
-			}
-		}
-	}
-}
-
 .sapFCard {
 
 	.sapFCardHeader {

package/src/sap/f/themes/sap_horizon_hcw/CardHeaders.less

@@ -0,0 +1,28 @@
+/* ======================================== */
+/* CSS for control sap.f.cards/BaseHeader	*/
+/* Horizon High Contrast White theme		*/
+/* ======================================== */
+
+.sapFCardHeader.sapFCardSectionClickable {
+	&:hover {
+		.sapFCardNumericIndicatorsMain {
+			.sapMNCValue,
+			.sapMNCIndicator,
+			.sapMNCScale,
+			.sapMNCIndIcon {
+				color: @sapUiContentContrastTextColor;
+			}
+		}
+	}
+
+	&:active {
+		.sapFCardNumericIndicatorsMain {
+			.sapMNCValue,
+			.sapMNCIndicator,
+			.sapMNCScale,
+			.sapMNCIndIcon {
+				color: @sapUiContentContrastTextColor;
+			}
+		}
+	}
+}

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -13,6 +13,7 @@
 @import "DynamicPageTitle.less";
 @import "FlexibleColumnLayout.less";
 @import "Card.less";
+@import "CardHeaders.less";
 @import "ShellBar.less";
 @import "CardLoading.less";
 @import "GridList.less";

package/src/sap/m/themes/sap_horizon/MessagePage.less

@@ -3,9 +3,11 @@
 /* Horizon theme                      */
 /* ================================== */
 
-/* MessagePage inner controls styles*/
+/* MessagePage inner controls styles */
 .sapMMessagePage {
+
 	.sapMMessagePageInner {
+
 		.sapMMessagePageIcon.sapUiIcon::before {
 			color: fade(@sapUiContentNonInteractiveIconColor,50);
 		}
@@ -24,7 +26,7 @@
 		}
 
 		.sapMLnk {
-			font-size: @sapMFontHeader5Size;
+			font-size: var(--sapFontHeader5Size);
 		}
 	}
 

package/src/sap/m/themes/sap_horizon/MessageStrip.less

@@ -4,52 +4,52 @@
 /* =================================== */
 
 .sapMMsgStrip {
-	border-radius: @sapUiPopoverBorderCornerRadius;
+	border-radius: var(--sapPopover_BorderCornerRadius);
 }
 
 .sapMMsgStripInformation {
-	background-color: @sapInformationBackground;
-	border-color: @sapUiMessageInformationBorderColor;
-	color: @sapUiBaseText;
+	background-color: var(--sapInformationBackground);
+	border-color: var(--sapMessage_InformationBorderColor);
+	color: var(--sapTextColor);
 
 	.sapMBtnTransparent {
-		background-color: @sapInformationBackground;
-		border-color: @sapInformationBackground;
+		background-color: var(--sapInformationBackground);
+		border-color: var(--sapInformationBackground);
 	}
 
 	.sapMMsgStripIcon {
-		color: @sapInformativeElementColor;
+		color: var(--sapInformativeElementColor);
 	}
 }
 
 .sapMMsgStripError {
-	border-color: @sapUiMessageErrorBorderColor;
+	border-color: var(--sapMessage_ErrorBorderColor);
 
 	.sapMBtnTransparent {
-		background-color: @sapErrorBackground;
-		border-color: @sapErrorBackground;
+		background-color: var(--sapErrorBackground);
+		border-color: var(--sapErrorBackground);
 	}
 }
 
 .sapMMsgStripSuccess {
-	border-color: @sapUiMessageSuccessBorderColor;
+	border-color: var(--sapMessage_SuccessBorderColor);
 
 	.sapMBtnTransparent {
-		background-color: @sapSuccessBackground;
-		border-color: @sapSuccessBackground;
+		background-color: var(--sapSuccessBackground);
+		border-color: var(--sapSuccessBackground);
 	}
 }
 
 .sapMMsgStripWarning {
-	border-color: @sapUiMessageWarningBorderColor;
+	border-color: var(--sapMessage_WarningBorderColor);
 
 	.sapMBtnTransparent {
-		background-color: @sapWarningBackground;
-		border-color: @sapWarningBackground;
+		background-color: var(--sapWarningBackground);
+		border-color: var(--sapWarningBackground);
 	}
 }
 
-.sapMMsgStripMessage>.sapMLnk {
+.sapMMsgStripMessage > .sapMLnk {
 	padding-right: 0.25rem;
 	padding-left: 0.25rem;
 }

package/src/sap/m/themes/sap_horizon/MessageToast.less

@@ -3,7 +3,6 @@
 /* Horizon theme                          */
 /* =================================== */
 
-
 .sapMMessageToast.sapMFocus {
 	outline-offset: -0.1875rem;
 }

package/src/sap/m/themes/sap_horizon/MessageView.less

@@ -2,19 +2,24 @@
 /* CSS for control sap.m/MessageView  */
 /* Horizon theme                      */
 /* ================================== */
+
 @_sap_m_MessageView_DescIcon_Width: 1rem;
 
 .sapMMsgView {
+
 	.sapMMsgViewDetailsPage section {
 		padding: 1rem;
 	}
+
 	.sapMMsgViewItem {
 		padding-left: 0;
+
 		&.sapMSLIWithDescription {
 			padding-top: 0.5rem;
 			padding-bottom: 0.5rem;
 		}
 	}
+
 	.sapMLIBActive .sapMLIBImgNav {
 		background: none;
 	}
@@ -25,35 +30,34 @@
 	}
 
 	.sapMSLITitle {
-		font-size: @sapMFontHeader6Size;
+		font-size: var(--sapFontHeader6Size);
 	}
 
-
 	.sapMMsgViewDescriptionText {
 		padding-bottom:0;
 		margin: 0 0 1rem 2.5rem;
 		line-height: 1.4;
-		font-family: @sapUiFontFamily;
-		color: @sapUiBaseText;
+		font-family: var(--sapFontFamily);
+		color: var(--sapTextColor);
 	}
 
 	.sapMMsgViewTitleText {
 		margin: 0 0 1rem 2.5rem;
-		font-family: @sapUiFontHeaderFamily;
+		font-family: var(--sapFontHeaderFamily);
 		font-size: @sapUiFontHeader5Size;
 		font-weight: @sapUiFontHeaderWeight;
 	}
 
 	.sapMMsgViewTitleText:not(.sapMLnk) {
-		color: @sapUiGroupTitleTextColor;
+		color: var(--sapGroup_TitleTextColor);
 	}
 
 	.sapMMsgViewDescriptionLink {
 		margin: 0 0 1rem 2.5rem;
-		font-family: @sapUiFontFamily;
+		font-family: var(--sapFontFamily);
 		font-size: @sapMFontMediumSize;
 		font-weight: normal;
-		color: @sapUiLink;
+		color: var(--sapLinkColor);
 	}
 
 	.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv > .sapMSLIDescription {
@@ -67,7 +71,7 @@
 }
 
 .sapMMsgView .sapMIBar.sapMHeader-CTX {
-	background-color: @sapUiGroupContentBackground;
+	background-color: var(--sapGroup_ContentBackground);
 	padding-left: 1rem;
 }
 
@@ -93,6 +97,7 @@
 
 /* Compact size */
 .sapUiSizeCompact .sapMMsgView {
+
 	.sapMMsgViewDescIcon {
 		line-height: 1rem;
 	}

package/src/sap/m/themes/sap_horizon/MultiComboBox.less

@@ -1,3 +1,8 @@
+/* ==================================== */
+/* CSS for control sap.m/MultiComboBox  */
+/* Morning Horizon theme                */
+/* ==================================== */
+
 .sapMMultiComboBox.sapMInputBaseReadonly.sapMMultiComboBoxHasToken.sapMFocus .sapMTokenizer {
 	left: 0;
 }
@@ -8,7 +13,7 @@
 
 .sapMMultiComboBoxPicker .sapMMultiComboBoxSelectAll.sapMTB.sapMIBar.sapMMultiComboBoxSelectAllFocused,
 .sapMMultiComboBoxPicker .sapMValueStateHeaderRoot.sapMFocusable:focus {
-	outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: -0.25rem;
 }
 
@@ -18,6 +23,7 @@
 
 .sapUiSizeCondensed .sapUiTableDataCell .sapMMultiComboBox .sapMTokenizer {
 	padding-top: 0px;
+
 	.sapMToken {
 		margin-top: 0.0625rem;
 		margin-bottom: 0.0625rem;
@@ -25,7 +31,9 @@
 }
 
 .sapUiSizeCompact {
+
 	.sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
+
 		.sapMToken {
 			margin-top: 0.125rem;
 			margin-bottom: 0.125rem;

package/src/sap/m/themes/sap_horizon/NewsContent.less

@@ -12,42 +12,53 @@
 }
 
 .sapMTileCnt.News {
+
 	.sapMNwC {
+
 		.sapMNwCSbh {
-			color: @sapTile_OverlayForegroundColor;
+			color: var(--sapTile_OverlayForegroundColor);
 			line-height: normal;
-			font-size: @sapFontSize;
+			font-size: var(--sapFontSize);
 		}
-		.sapMNwCCTxt .sapMText, .sapMNwCCTxt .sapMFT {
-			font-size: @sapFontSize;
+
+		.sapMNwCCTxt .sapMText,
+		.sapMNwCCTxt .sapMFT {
+			font-size: var(--sapFontSize);
 			line-height: normal;
 			font-weight: bold;
-			color: @sapTile_OverlayForegroundColor;
+			color: var(--sapTile_OverlayForegroundColor);
 		}
 	}
 }
 
 .Stretch{
-	.sapMTileCnt.News .sapMNwC{
+
+	.sapMTileCnt.News .sapMNwC {
+
 		.sapMNwCCTxt .sapMText {
-			font-size: @sapMFontLargeSize;
+			font-size: var(--sapFontLargeSize);
 			color: @sapUiText;
 		}
+
 		.sapMNwCCTxt .sapMFT {
 			font-size: 0.938rem;
 			color: @sapUiText;
 		}
-		.sapMNwCSbh{
+
+		.sapMNwCSbh {
 			color: @sapUiText;
 		}
 	}
 }
 
-.sapMTileSmallPhone{
-	.sapMTileCnt.News{
-		.sapMTileCntContent{
+.sapMTileSmallPhone {
+
+	.sapMTileCnt.News {
+
+		.sapMTileCntContent {
 			height: 3.25rem;
-			.sapMFT{
+
+			.sapMFT {
 				font-size: 0.75rem;
 			}
 		}