@openui5/themelib_sap_horizon 1.133.0 → 1.134.0

package/.reuse/dep5

@@ -364,13 +364,6 @@ Copyright:
 License: Apache-2.0 and ISC
 Comment: these files contain content from SAP and node-lru-cache: LRUPersistentCache.js is overall written by SAP, but portions ('Least Recently Used' logic) are taken from the node-lru-cache project (see https://github.com/isaacs/node-lru-cache/blob/v2.7.3/README.md) and modified.
 
-Files: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
-Copyright:
-    2009-2024 SAP SE or an SAP affiliate company and OpenUI5 contributors
-    Arthur David Olson, Paul Eggert and other contributors
-License: Apache-2.0 and LicenseRef-tzdata-PublicDomain
-Comment: these files contain content from SAP and Time Zone Database: _timezones.js is overall written by SAP, but the list of IANA timezone IDs is taken from the Timezone Database
-
 
 # Library: sap.ui.documentation:
 

package/THIRDPARTY.txt

@@ -22,7 +22,7 @@ Contained in: src/sap.m/test/sap/m/qunit/_thirdparty/qunit-composite.css
 
 Library: sap.ui.codeeditor:
 
-Component: Ace (Ajax.org Cloud9 Editor), version: 1.31.1
+Component: Ace (Ajax.org Cloud9 Editor), version: 1.36.5
 Copyright: 2010, Ajax.org B.V.
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -342,12 +342,6 @@ License: ISC
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/ISC.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/cache/LRUPersistentCache.js
 
-Component: Time Zone Database, version: 2024b
-Copyright: Arthur David Olson, Paul Eggert and other contributors
-License: LicenseRef-tzdata-PublicDomain
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-tzdata-PublicDomain.txt
-Contained in: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
-
 
 Library: sap.ui.documentation:
 
@@ -1015,21 +1009,6 @@ END of license: LicenseRef-Unicode-3.0
 =================================
 
 
-=================================
-BEGIN of license: LicenseRef-tzdata-PublicDomain
-=================================
-
-Unless specified below, all files in the tz code and data (including
-this LICENSE file) are in the public domain.
-
-If the files date.c, newstrftime.3, and strftime.c are present, they
-contain material derived from BSD and use the BSD 3-clause license.
-
-=================================
-END of license: LicenseRef-tzdata-PublicDomain
-=================================
-
-
 =================================
 BEGIN of license: MIT
 =================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.133.0",
+  "version": "1.134.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.133.0",
-    "@openui5/sap.m": "1.133.0",
-    "@openui5/sap.tnt": "1.133.0",
-    "@openui5/sap.ui.codeeditor": "1.133.0",
-    "@openui5/sap.ui.commons": "1.133.0",
-    "@openui5/sap.ui.core": "1.133.0",
-    "@openui5/sap.ui.dt": "1.133.0",
-    "@openui5/sap.ui.fl": "1.133.0",
-    "@openui5/sap.ui.mdc": "1.133.0",
-    "@openui5/sap.ui.integration": "1.133.0",
-    "@openui5/sap.ui.layout": "1.133.0",
-    "@openui5/sap.ui.rta": "1.133.0",
-    "@openui5/sap.ui.suite": "1.133.0",
-    "@openui5/sap.ui.table": "1.133.0",
-    "@openui5/sap.ui.unified": "1.133.0",
-    "@openui5/sap.ui.ux3": "1.133.0",
-    "@openui5/sap.uxap": "1.133.0"
+    "@openui5/sap.f": "1.134.0",
+    "@openui5/sap.m": "1.134.0",
+    "@openui5/sap.tnt": "1.134.0",
+    "@openui5/sap.ui.codeeditor": "1.134.0",
+    "@openui5/sap.ui.commons": "1.134.0",
+    "@openui5/sap.ui.core": "1.134.0",
+    "@openui5/sap.ui.dt": "1.134.0",
+    "@openui5/sap.ui.fl": "1.134.0",
+    "@openui5/sap.ui.mdc": "1.134.0",
+    "@openui5/sap.ui.integration": "1.134.0",
+    "@openui5/sap.ui.layout": "1.134.0",
+    "@openui5/sap.ui.rta": "1.134.0",
+    "@openui5/sap.ui.suite": "1.134.0",
+    "@openui5/sap.ui.table": "1.134.0",
+    "@openui5/sap.ui.unified": "1.134.0",
+    "@openui5/sap.ui.ux3": "1.134.0",
+    "@openui5/sap.uxap": "1.134.0"
   }
 }

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

@@ -1,19 +1,19 @@
-/* ============================= */
-/* CSS for control sap.f/Card    */
-/* Horizon theme                 */
-/* ============================= */
-
-@_sap_f_Card_FocusBorderBottomOffset: 0px;
-@_sap_f_Card_FocusBorderTopOffset: 0px;
-@_sap_f_Card_FocusBorderLeftOffset: 0px;
-@_sap_f_Card_FocusBorderRightOffset: 0px;
+/* =========================== */
+/* CSS for control sap.f/Card  */
+/* Morning Horizon theme       */
+/* =========================== */
+
+@_sap_f_Card_FocusBorderBottomOffset: 0;
+@_sap_f_Card_FocusBorderTopOffset: 0;
+@_sap_f_Card_FocusBorderLeftOffset: 0;
+@_sap_f_Card_FocusBorderRightOffset: 0;
 @_sap_f_Card_FocusBorderRadius: inherit;
 @_sap_f_Card_BorderRadius: 1rem;
-@_sap_f_Card_HoverBoxShadow: @sapUiContentShadow2;
-@_sap_f_Card_Badge_Background: @sapUiHighlight;
+@_sap_f_Card_HoverBoxShadow: var(--sapContent_Shadow2);
+@_sap_f_Card_Badge_Background: var(--sapHighlightColor);
 
-.sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapFCard,
 .sapFCard {
+
 	&.sapFCardNoContent .sapFCardHeader::before,
 	&.sapFCardNoHeader::before {
 		border-radius: @_sap_f_Card_BorderRadius;
@@ -21,7 +21,6 @@
 
 	.sapFCardHeader {
 		border-bottom: none;
-		padding-bottom: 0.75rem;
 	}
 
 	.sapFCardFooter {
@@ -34,14 +33,10 @@
 }
 
 .sapFCard .sapFCardHeader .sapFCardStatus {
-	font-size: @sapMFontSmallSize;
+	font-size: var(--sapFontSmallSize);
 	margin-top: 0.125rem;
 }
 
 .sapFCard .sapMLIBFocusable:focus {
 	outline-offset: -0.125rem;
-}
-
-.sapFCard .sapMNC, .sapFCardNumericIndicatorsSide {
-	margin-top: 0.25rem;
-}
+}

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

@@ -4,9 +4,8 @@
 /* ======================================== */
 
 @_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;
+@_sap_f_CardHeaders_MainHeaderBorderRadius: 1rem 1rem 0 0;

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

@@ -110,6 +110,11 @@
 		}
 	}
 
+	//Primary Title
+	.sapFShellBarPrimaryTitle {
+		color: var(--sapShell_SubBrand_TextColor);
+	}
+
 	//Second Title
 	.sapFShellBarSecondTitle {
 		font-size: @sapMFontSmallSize;

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

@@ -3,17 +3,17 @@
 /* Evening Horizon theme       */
 /* =========================== */
 
-@_sap_f_Card_FocusBorderBottomOffset: 0px;
-@_sap_f_Card_FocusBorderTopOffset: 0px;
-@_sap_f_Card_FocusBorderLeftOffset: 0px;
-@_sap_f_Card_FocusBorderRightOffset: 0px;
+@_sap_f_Card_FocusBorderBottomOffset: 0;
+@_sap_f_Card_FocusBorderTopOffset: 0;
+@_sap_f_Card_FocusBorderLeftOffset: 0;
+@_sap_f_Card_FocusBorderRightOffset: 0;
 @_sap_f_Card_FocusBorderRadius: inherit;
 @_sap_f_Card_BorderRadius: 1rem;
-@_sap_f_Card_HoverBoxShadow: @sapUiContentShadow2;
-@_sap_f_Card_Badge_Background: @sapUiHighlight;
+@_sap_f_Card_HoverBoxShadow: var(--sapContent_Shadow2);
+@_sap_f_Card_Badge_Background: var(--sapHighlightColor);
 
-.sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapFCard,
 .sapFCard {
+
 	&.sapFCardNoContent .sapFCardHeader::before,
 	&.sapFCardNoHeader::before {
 		border-radius: @_sap_f_Card_BorderRadius;
@@ -21,7 +21,6 @@
 
 	.sapFCardHeader {
 		border-bottom: none;
-		padding-bottom: 0.75rem;
 	}
 
 	.sapFCardFooter {
@@ -30,10 +29,6 @@
 }
 
 .sapFCard .sapFCardHeader .sapFCardStatus {
-	font-size: @sapMFontSmallSize;
+	font-size: var(--sapFontSmallSize);
 	margin-top: 0.125rem;
-}
-
-.sapFCard .sapMNC, .sapFCardNumericIndicatorsSide {
-	margin-top: 0.25rem;
 }

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

@@ -4,9 +4,8 @@
 /* ======================================== */
 
 @_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;
+@_sap_f_CardHeaders_MainHeaderBorderRadius: 1rem 1rem 0 0;

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

@@ -160,6 +160,11 @@
 		}
 	}
 
+	//Primary Title
+	.sapFShellBarPrimaryTitle {
+		color: var(--sapShell_SubBrand_TextColor);
+	}
+
 	//Second Title
 	.sapFShellBarSecondTitle {
 		font-size: @sapMFontSmallSize;

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

@@ -5,22 +5,17 @@
 
 @_sap_f_Card_BoxShadow: none;
 @_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;
+@_sap_f_Card_Badge_Background: var(--sapHighlightColor);
+@_sap_f_Card_Badge_Border: 0.0625rem solid var(--sapContent_ForegroundBorderColor);
+@_sap_f_Card_Badge_Background: var(--sapHighlightColor);
 
 .sapFCard {
 
 	.sapFCardHeader {
 		border-bottom: none;
-		padding-bottom: 0.75rem;
 	}
 
 	.sapFCardFooter {
 		padding-top: 0.75rem;
 	}
-}
-
-.sapFCard .sapMNC, .sapFCardNumericIndicatorsSide {
-	margin-top: 0.25rem;
 }

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

@@ -168,6 +168,11 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
 		}
 	}
 
+	//Primary Title
+	.sapFShellBarPrimaryTitle {
+		color: var(--sapShell_SubBrand_TextColor);
+	}
+
 	//Second Title
 	.sapFShellBarSecondTitle {
 		font-size: @sapMFontSmallSize;

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

@@ -13,7 +13,6 @@
 @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

@@ -5,22 +5,17 @@
 
 @_sap_f_Card_BoxShadow: none;
 @_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;
+@_sap_f_Card_Badge_Background: var(--sapHighlightColor);
+@_sap_f_Card_Badge_Border: 0.0625rem solid var(--sapContent_ForegroundBorderColor);
+@_sap_f_Card_Badge_Background: var(--sapHighlightColor);
 
 .sapFCard {
 
 	.sapFCardHeader {
 		border-bottom: none;
-		padding-bottom: 0.75rem;
 	}
 
 	.sapFCardFooter {
 		padding-top: 0.75rem;
 	}
-}
-
-.sapFCard .sapMNC, .sapFCardNumericIndicatorsSide {
-	margin-top: 0.25rem;
 }

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

@@ -168,6 +168,11 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
 		}
 	}
 
+	//Primary Title
+	.sapFShellBarPrimaryTitle {
+		color: var(--sapShell_SubBrand_TextColor);
+	}
+
 	//Second Title
 	.sapFShellBarSecondTitle {
 		font-size: @sapMFontSmallSize;

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

@@ -13,7 +13,6 @@
 @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/Avatar.less

@@ -40,6 +40,7 @@
 .sapFAvatarColorTileIcon {
 	background-color: var(--sapTile_Background);
 	color: var(--sapTile_IconColor);
+	border: 0.0625rem solid var(--sapAvatar_Lite_BorderColor);
 
 	.sapFAvatarInitialsHolder {
 		color: currentColor;
@@ -49,21 +50,33 @@
 .sapFAvatarColorPlaceholder {
 	background-color: var(--sapContent_ImagePlaceholderBackground);
 	color: var(--sapContent_ImagePlaceholderForegroundColor);
+	border: 0.0625rem solid var(--sapAvatar_Lite_BorderColor);
 
 	.sapFAvatarInitialsHolder {
 		color: currentColor;
 	}
 }
 
+.sapFAvatarColorTransparent {
+	background-color: var(--sapAvatar_Lite_Background);
+	border: 0.0625rem solid var(--sapAvatar_Lite_BorderColor);
+}
+
 .generateColor (@accentIndex) {
 	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; // Create the css selector string
 	@background-param: ~"sapUiAvatar@{accentIndex}Background"; // Build the color param which is a sapUiAccent
 	@color-param: ~"sapUiAvatar@{accentIndex}TextColor";
+	@hover-color: ~"sapUiAvatar@{accentIndex}HoverBackground";
 
 	// Build the real CSS selector.
 	// The output would be something like this: .sapFAvatar.sapFAvatarColorAccent6 {background-color: #0092d1;}
 	.@{css-selector} {
 		background-color: @@background-param;
+		&.sapFAvatarImage.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover,
+		&.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover {
+			background-color: @@hover-color;
+			box-shadow: @_sap_m_Avatar_Hover_Box_Shadow_Offset var(--sapAvatar_Hover_BorderColor);
+		}
 	}
 
 	.@{css-selector}.sapFAvatarIcon,

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

@@ -137,6 +137,7 @@
 /* Custom focus border:                                                 */
 /* ---------------------------------------------------------------------*/
 
+.sapMBtn:focus-visible > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable,
 html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
 	border-color: var(--sapContent_FocusColor);
 }
@@ -154,6 +155,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable
 	border-color: var(--sapButton_Success_BorderColor);
 }
 
+.sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
 html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
 	content: '';
 	position: absolute;
@@ -167,6 +169,10 @@ html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::befor
 	border-radius: 0.375rem;
 }
 
+.sapMBtn:focus-visible > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
+.sapMBtn:focus-visible > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
+.sapMBtn:focus-visible > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
+.sapMBtn:focus-visible > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,

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

@@ -41,7 +41,7 @@
 		width: fit-content;
 
 		.sapMText {
-			font-size: var(--sapMFontSmallSize);
+			font-size: var(--sapFontSmallSize);
 			text-align: right !important;
 		}
 
@@ -115,7 +115,7 @@
 }
 
 .sapMGT.sapMGTLineMode:not(.sapMGTDisabled).sapMGTLineModePress {
-	background: fade(@sapUiShellHoverBackground, 12);
+	background: var(--sapTile_Active_Background);
 }
 
 .sapMGT.sapMGTLineMode .sapMGTFocusDiv {
@@ -299,37 +299,25 @@ html.sap-tablet .sapMGTWithImageHoverOverlay {
 }
 
 .sapMGT.sapMGTPressActive {
-	box-shadow: 0 0 0 1px fade(@sapUiContentShadowColor, 30);
+	box-shadow: none;
 
 	&:not(.sapMGTBackgroundImage) {
 		background: var(--sapTile_Active_Background);
 	}
 
 	&.sapMGTScopeActions .sapMTileCntContent::after {
-		background-color: fade(@sapUiTileActiveBackground, 70);
+		background-color: var(--sapTile_Active_Background);
 	}
 }
 
-.sapMGTWithImageHoverOverlay.sapMGTPressActive {
-	background: fade(@sapUiTileActiveBackground, 20%);
-}
-
 .sapMGT:hover:not(.sapMGTPressActive) {
-	box-shadow: 0 0 0 1px fade(@sapUiContentShadowColor, 30);
-	transition: background 0.2s;
-
+	box-shadow: var(--sapContent_Shadow2);
 	&:not(.sapMGTBackgroundImage) {
-		background: var(--sapTile_Hover_Background);
-	}
-
-	.sapMGTWithImageHoverOverlay {
-		background: fade(@sapUiTileHoverBackground, 10%);
-		transition: background 0.2s;
+		background-color: var(--sapTile_Hover_Background);
 	}
 
 	&.sapMGTScopeActions .sapMTileCntContent::after {
 		background-color: fade(@sapUiTileHoverBackground, 70);
-		transition: background 0.2s;
 	}
 }
 
@@ -375,7 +363,6 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode,
 }
 
 .sapMGT {
-	border-radius: var(--sapTile_BorderCornerRadius);
 	border-color: var(--sapTile_BorderColor);
 	box-shadow: var(--sapContent_Shadow0);
 
@@ -484,7 +471,6 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode,
 	margin-right: 1px;
 }
 
-.sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapMGTFocusDiv,
 .sapMGT:focus .sapMGTFocusDiv,
 .sapMGT:active .sapMGTFocusDiv,
 .sapMGTLineModePress .sapMGTFocusDiv {
@@ -535,11 +521,6 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode,
 	left: 0;
 }
 
-.sapFGridContainer .sapFGridContainerItemWrapper:not(.sapFGridContainerItemWrapperNoVisualFocus):focus::before {
-	border: 2px solid var(--sapContent_FocusColor);
-	border-radius: var(--sapElement_BorderCornerRadius);
-}
-
 .miniTileBackground {
 	background: var(--sapTile_Background);
 	box-shadow: var(--sapContent_Shadow0) !important;

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

@@ -59,7 +59,7 @@
 			height: 3.25rem;
 
 			.sapMFT {
-				font-size: 0.75rem;
+				font-size: var(--sapFontSmallSize);
 			}
 		}
 	}

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

@@ -232,7 +232,7 @@
 
 /* Condensed */
 .sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
-	padding: 0.4375rem 0;
+	padding: 0.375rem 1.25rem 0.375rem 0;
 	margin: 0;
 }