@openui5/themelib_sap_fiori_3 1.136.2 → 1.138.0

package/REUSE.toml

@@ -238,27 +238,6 @@ SPDX-FileCopyrightText = [
 SPDX-License-Identifier = "Apache-2.0 and MIT"
 SPDX-FileComment = "these files contain content from SAP and JUnit Reporter for QUnit: qunit-junit.js is overall written by SAP, but contains a modified copy of JUnit Reporter for QUnit (qunit-reporter-junit)"
 
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/iscroll.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2012 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - iScroll"
-
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/iscroll-lite.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2011 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - iScroll Lite"
-
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/swipe-view.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2012 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - swipeview"
-
 [[annotations]]
 path = "src/sap.ui.core/src/sap/ui/thirdparty/zyngascroll.js"
 precedence = "aggregate"
@@ -308,13 +287,6 @@ SPDX-FileCopyrightText = "1991-2024 Unicode, Inc."
 SPDX-License-Identifier = "LicenseRef-Unicode-3.0"
 SPDX-FileComment = "these files belong to: Unicode Common Locale Data Repository"
 
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/mobiscroll/**"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2010-2013, Acid Media"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: MobiScroll"
-
 [[annotations]]
 path = [
     "src/sap.ui.core/src/sap/ui/thirdparty/sinon.js",

package/THIRDPARTY.txt

@@ -133,24 +133,6 @@ License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/qunit-reporter-junit.js
 	src/sap.ui.core/src/sap/ui/qunit/qunit-junit.js
 
-Component: cubiq.org - iScroll, version: 4.2.5
-Copyright: 2012 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/iscroll.js
-
-Component: cubiq.org - iScroll Lite, version: 4.1.6
-Copyright: 2011 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/iscroll-lite.js
-
-Component: cubiq.org - swipeview, version: 1.0
-Copyright: 2012 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/swipe-view.js
-
 Component: Zynga Scroller, version: 1.2.1-0-g5d43806
 Copyright: 2011 Zynga Inc.
 License: MIT
@@ -193,12 +175,6 @@ License: LicenseRef-Unicode-3.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-Unicode-3.0.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/cldr/**
 
-Component: MobiScroll, version: 2.9.0
-Copyright: 2010-2013, Acid Media
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/mobiscroll/**
-
 Component: SinonJS, version: 1.14.1
 Copyright: 2010-2014, Christian Johansen, christian@cjohansen.no
 License: BSD-3-Clause

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_fiori_3",
-  "version": "1.136.2",
+  "version": "1.138.0",
   "description": "OpenUI5 Theme Library sap_fiori_3",
   "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.136.2",
-    "@openui5/sap.m": "1.136.2",
-    "@openui5/sap.tnt": "1.136.2",
-    "@openui5/sap.ui.codeeditor": "1.136.2",
-    "@openui5/sap.ui.commons": "1.136.2",
-    "@openui5/sap.ui.core": "1.136.2",
-    "@openui5/sap.ui.dt": "1.136.2",
-    "@openui5/sap.ui.fl": "1.136.2",
-    "@openui5/sap.ui.mdc": "1.136.2",
-    "@openui5/sap.ui.integration": "1.136.2",
-    "@openui5/sap.ui.layout": "1.136.2",
-    "@openui5/sap.ui.rta": "1.136.2",
-    "@openui5/sap.ui.suite": "1.136.2",
-    "@openui5/sap.ui.table": "1.136.2",
-    "@openui5/sap.ui.unified": "1.136.2",
-    "@openui5/sap.ui.ux3": "1.136.2",
-    "@openui5/sap.uxap": "1.136.2"
+    "@openui5/sap.f": "1.138.0",
+    "@openui5/sap.m": "1.138.0",
+    "@openui5/sap.tnt": "1.138.0",
+    "@openui5/sap.ui.codeeditor": "1.138.0",
+    "@openui5/sap.ui.commons": "1.138.0",
+    "@openui5/sap.ui.core": "1.138.0",
+    "@openui5/sap.ui.dt": "1.138.0",
+    "@openui5/sap.ui.fl": "1.138.0",
+    "@openui5/sap.ui.mdc": "1.138.0",
+    "@openui5/sap.ui.integration": "1.138.0",
+    "@openui5/sap.ui.layout": "1.138.0",
+    "@openui5/sap.ui.rta": "1.138.0",
+    "@openui5/sap.ui.suite": "1.138.0",
+    "@openui5/sap.ui.table": "1.138.0",
+    "@openui5/sap.ui.unified": "1.138.0",
+    "@openui5/sap.ui.ux3": "1.138.0",
+    "@openui5/sap.uxap": "1.138.0"
   }
 }

package/src/sap/f/themes/sap_fiori_3/DynamicPage.less

@@ -1,6 +1,6 @@
 /* ================================== */
 /* CSS for control sap.f/DynamicPage  */
-/* Fiori 3 theme                      */
+/* Quartz Light theme                 */
 /* ================================== */
 
 .sapFDynamicPageContent,
@@ -9,6 +9,7 @@
 }
 
 .sapFDynamicPage-Std-Desktop-XL {
+
 	.sapFDynamicPageContent,
 	.sapFDynamicPageContentFitContainer {
 		padding: 1rem 3rem 0 3rem;
@@ -16,7 +17,9 @@
 }
 
 .sapFDynamicPage.sapUiResponsiveContentPadding {
+
 	&.sapFDynamicPage-Std-Phone {
+
 		.sapFDynamicPageContent,
 		.sapFDynamicPageContentFitContainer {
 			padding-left: 1rem;
@@ -25,6 +28,7 @@
 	}
 
 	&.sapFDynamicPage-Std-Tablet {
+
 		.sapFDynamicPageContent,
 		.sapFDynamicPageContentFitContainer {
 			padding-left: 2rem;
@@ -33,6 +37,7 @@
 	}
 
 	&.sapFDynamicPage-Std-Desktop-XL {
+
 		.sapFDynamicPageContent,
 		.sapFDynamicPageContentFitContainer {
 			padding-left: 3rem;
@@ -42,16 +47,18 @@
 }
 
 .sapFDynamicPage {
-	.sapFDynamicPageContentWrapperSolid>.sapFDynamicPageContent {
-		background: @sapUiShellBackground;
+
+	.sapFDynamicPageContentWrapperSolid > .sapFDynamicPageContent {
+		background: var(--sapShell_Background);
 	}
 
-	// DynamicPageTitle and Toggle Header Visual Indicator hover state
+	/* DynamicPageTitle and Toggle Header Visual Indicator hover state */
 	&.sapFDynamicPageTitleClickEnabled.sapFDynamicPageTitleForceHovered {
+
 		.sapFDynamicPageTitle,
 		.sapFDynamicPageTitleTranslucent,
 		.sapFDynamicPageTitleTransparent {
-			background-color: @sapUiObjectHeaderHoverBackground;
+			background-color: var(--sapObjectHeader_Hover_Background);
 		}
 	}
 }
@@ -73,7 +80,7 @@
 .sapFDynamicPageHeaderPinButton {
 	width: 1.5rem;
 	height: 2rem;
-	bottom: -0.95rem; // needs refactoring in the base file
+	bottom: -0.95rem; /* needs refactoring in the base file */
 
 	.sapMBtnInner {
 		min-width: 1.5rem;
@@ -88,45 +95,44 @@
 		}
 	}
 
-	overflow: visible; // enforcement needed for IE11
-
-	&:before,
-	&:after {
-		content: "";
+	&::before,
+	&::after {
+		content: '';
 		position: absolute;
 		width: 4rem;
-		top: 50%; // enforcement needed for IE11
 		height: 0.0625rem;
 	}
 
-	&:before {
-		background-image: linear-gradient(to left, @sapUiHighlight, fade(@sapUiHighlight, 0));
+	&::before {
+		background-image: linear-gradient(to left, var(--sapHighlightColor), fade(@sapUiHighlight, 0));
 		right: 100%;
 	}
 
-	&:after {
-		background-image: linear-gradient(to right, @sapUiHighlight, fade(@sapUiHighlight, 0));
+	&::after {
+		background-image: linear-gradient(to right, var(--sapHighlightColor), fade(@sapUiHighlight, 0));
 		left: 100%;
 	}
 }
 
-// when we have both pin and toggle header indicator, pseudo-elements overlap siblings on EDGE
-html[data-sap-ui-browser^="ed"] .sapFDynamicPageToggleHeaderIndicator ~ .sapFDynamicPageHeaderPinButton:before {
+/* when we have both pin and toggle header indicator, pseudo-elements overlap siblings on EDGE */
+html[data-sap-ui-browser^='ed'] .sapFDynamicPageToggleHeaderIndicator ~ .sapFDynamicPageHeaderPinButton::before {
   	display: none;
 }
 
-html[data-sap-ui-browser^="cr"] .sapFDynamicPageToggleHeaderIndicator,
-html[data-sap-ui-browser^="cr"] .sapFDynamicPageHeaderPinButton {
+html[data-sap-ui-browser^='cr'] .sapFDynamicPageToggleHeaderIndicator,
+html[data-sap-ui-browser^='cr'] .sapFDynamicPageHeaderPinButton {
+
 	.sapMBtnInner .sapMBtnIcon {
-		line-height: 1.375rem; // in Chrome we need to subtract the border bottom and top (total 2px) from original line-height
+		line-height: 1.375rem; /* in Chrome we need to subtract the border bottom and top (total 2px) from original line-height */
 	}
 }
 
 /* Compact */
 .sapUiSizeCompact {
+
 	.sapFDynamicPageToggleHeaderIndicator,
 	.sapFDynamicPageHeaderPinButton {
-		bottom: -0.95rem; // needs refactoring in the base file
+		bottom: -0.95rem; /* needs refactoring in the base file */
 
 		.sapMBtnInner {
 			bottom: 0.25rem;
@@ -134,13 +140,13 @@ html[data-sap-ui-browser^="cr"] .sapFDynamicPageHeaderPinButton {
 	}
 }
 
-// Note:
-// The footer selector can`t be nested in the sapFDynamicPage less structure,
-// because the contrast container would not work, as the theme generates css like ".sapContrast.sapFDynamicPageFooter"
-// and will never match ".sapFDynamicPage .sapFDynamicPageFooter"
+/* Note:
+The footer selector can`t be nested in the sapFDynamicPage less structure,
+because the contrast container would not work, as the theme generates css like ".sapContrast.sapFDynamicPageFooter"
+and will never match ".sapFDynamicPage .sapFDynamicPageFooter" */
 .sapFDynamicPageFooter .sapFDynamicPageActualFooterControl {
-	background: @sapUiPageFooterBackground;
-	color: @sapUiPageFooterTextColor;
+	background: var(--sapPageFooter_Background);
+	color: var(--sapPageFooter_TextColor);
 	box-shadow: @sapUiShadowLevel1;
 	border: none;
 }

package/src/sap/f/themes/sap_fiori_3/DynamicPageHeader.less

@@ -1,6 +1,6 @@
 /* ======================================== */
 /* CSS for control sap.f/DynamicPageHeader  */
-/* Fiori 3 theme                            */
+/* Quartz Light theme                       */
 /* ======================================== */
 
 .sapFDynamicPage-Std-Desktop .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
@@ -8,17 +8,17 @@
 }
 
 .sapFDynamicPageHeader.sapFDynamicPageHeaderTranslucent {
-	background: @sapUiObjectHeaderBackground;
+	background: var(--sapObjectHeader_Background);
 }
 
 .sapFDynamicPageHeader.sapFDynamicPageHeaderTransparent {
 	background: transparent;
 }
 
-.sapFDynamicPageToggleHeaderIndicator:not(.sapUiHidden) + .sapFDynamicPageHeaderPinButton:before {
+.sapFDynamicPageToggleHeaderIndicator:not(.sapUiHidden) + .sapFDynamicPageHeaderPinButton::before {
 	display: none;
 }
 
 .sapFDynamicPageNavigation .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
 	box-shadow: none;
-}
+}