@openui5/sap.ui.core 1.92.0 → 1.93.3

package/src/sap/ui/core/themes/base/global.less

@@ -122,6 +122,13 @@
 @sapUiContentTextShadow: @sapContent_TextShadow;
 @sapUiContentContrastTextShadow: @sapContent_ContrastTextShadow;
 @sapUiContentHeaderShadow: @sapContent_HeaderShadow;
+@sapUiContentInteractionShadow: @sapContent_Interaction_Shadow;
+@sapUiContentSelectedShadow: @sapContent_Selected_Shadow;
+@sapUiContentNegativeShadow: @sapContent_Negative_Shadow;
+@sapUiContentCriticalShadow: @sapContent_Critical_Shadow;
+@sapUiContentPositiveShadow: @sapContent_Positive_Shadow;
+@sapUiContentInformativeShadow: @sapContent_Informative_Shadow;
+@sapUiContentNeutralShadow: @sapContent_Neutral_Shadow;
 @sapUiContentSearchHighlightColor: @sapContent_SearchHighlightColor;
 @sapUiContentHelpColor: @sapContent_HelpColor;
 @sapUiContentLabelColor: @sapContent_LabelColor;
@@ -151,9 +158,22 @@
 @sapUiContentIllustrativeColor6: @sapContent_Illustrative_Color6;
 @sapUiContentIllustrativeColor7: @sapContent_Illustrative_Color7;
 @sapUiContentIllustrativeColor8: @sapContent_Illustrative_Color8;
+@sapUiContentIllustrativeColor9: @sapContent_Illustrative_Color9;
+@sapUiContentIllustrativeColor10: @sapContent_Illustrative_Color10;
+@sapUiContentIllustrativeColor11: @sapContent_Illustrative_Color11;
+@sapUiContentIllustrativeColor12: @sapContent_Illustrative_Color12;
+@sapUiContentIllustrativeColor13: @sapContent_Illustrative_Color13;
+@sapUiContentIllustrativeColor14: @sapContent_Illustrative_Color14;
+@sapUiContentIllustrativeColor15: @sapContent_Illustrative_Color15;
+@sapUiContentIllustrativeColor16: @sapContent_Illustrative_Color16;
+@sapUiContentIllustrativeColor17: @sapContent_Illustrative_Color17;
+@sapUiContentIllustrativeColor18: @sapContent_Illustrative_Color18;
+@sapUiContentIllustrativeColor19: @sapContent_Illustrative_Color19;
+@sapUiContentIllustrativeColor20: @sapContent_Illustrative_Color20;
 
 @sapUiFontLightFamily: @sapFontLightFamily;
 @sapUiFontBoldFamily: @sapFontBoldFamily;
+@sapUiFontBlackFamily: @sapFontBlackFamily;
 @sapUiFontHeaderFamily: @sapFontHeaderFamily;
 @sapMFontSmallSize: @sapFontSmallSize;
 @sapMFontLargeSize: @sapFontLargeSize;
@@ -176,6 +196,7 @@
 @sapUiShellBackgroundImageRepeat: @sapShell_BackgroundImageRepeat;
 @sapUiShellBorderColor: @sapShell_BorderColor;
 @sapUiShellTextColor: @sapShell_TextColor;
+@sapUiShellInteractiveBackground: @sapShell_InteractiveBackground;
 @sapUiShellInteractiveTextColor: @sapShell_InteractiveTextColor;
 @sapUiShellInteractiveBorderColor: @sapShell_InteractiveBorderColor;
 @sapUiShellGroupTitleTextColor: @sapShell_GroupTitleTextColor;
@@ -457,6 +478,17 @@
 @sapUiAccent9: @sapAccentColor9;
 @sapUiAccent10: @sapAccentColor10;
 
+@sapUiAccentBackgroundColor1: @sapAccentBackgroundColor1;
+@sapUiAccentBackgroundColor2: @sapAccentBackgroundColor2;
+@sapUiAccentBackgroundColor3: @sapAccentBackgroundColor3;
+@sapUiAccentBackgroundColor4: @sapAccentBackgroundColor4;
+@sapUiAccentBackgroundColor5: @sapAccentBackgroundColor5;
+@sapUiAccentBackgroundColor6: @sapAccentBackgroundColor6;
+@sapUiAccentBackgroundColor7: @sapAccentBackgroundColor7;
+@sapUiAccentBackgroundColor8: @sapAccentBackgroundColor8;
+@sapUiAccentBackgroundColor9: @sapAccentBackgroundColor9;
+@sapUiAccentBackgroundColor10: @sapAccentBackgroundColor10;
+
 
 // =====================================
 // Indication Colors
@@ -641,6 +673,8 @@
 
 @sapMPlatformDependent: false;
 
+@sapUiColumnHeaderFontSize: @sapMFontMediumSize;
+@sapUiColumnHeaderFontWeight: normal;
 
 
 // =====================================
@@ -1169,6 +1203,10 @@
 @sapUiFontMonospaceFamily: Lucida Console;     // the default monospacefont
 
 
+// SAP-icons font url - to be removed when integrating fonts from theming base content
+@sapUiIconFontUrl: url('./fonts/SAP-icons.woff2');
+
+
 // SOME important control-specific parameters...
 
 //

package/src/sap/ui/core/themes/base/library.source.less

@@ -14,8 +14,7 @@
 @import "CommandShortcutHints.less";
 @import "DragAndDrop.less";
 
-// (less) is needed to resolve the relative path in SAP-icons.css
-@import (less) "SAP-icons.css";
+@import "SAP-icons.less";
 @import "Icon.less";
 
 @import "LocalBusyIndicator.less";

package/src/sap/ui/core/themes/base/shared.less

@@ -310,6 +310,7 @@ link[id^="sap-ui-theme-"]::after,
 	user-select: none;
 	left: 0;
 	top: 0;
+	font-size: 0;
 }
 
 /* CSS classes for bridging two buttons in the technical info dialog */

package/src/sap/ui/core/themes/sap_hcb/global.less

@@ -64,6 +64,7 @@
 @sapUiFontFamily: Arial,Helvetica,sans-serif;
 @sapUiFontLightFamily: Arial,Helvetica,sans-serif;
 @sapUiFontBoldFamily: Arial,Helvetica,sans-serif;
+@sapUiFontBlackFamily: Arial,Helvetica,sans-serif;
 @sapUiFontHeaderFamily: Arial,Helvetica,sans-serif;
 @sapUiFontSize: medium; // 16px;
 @sapMFontSmallSize: 12px;
@@ -135,6 +136,13 @@
 @sapUiContentTextShadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
 @sapUiContentContrastTextShadow: none;
 @sapUiContentHeaderShadow: inset 0 -0.125rem #FFFFFF;
+@sapUiContentInteractionShadow: none;
+@sapUiContentSelectedShadow: none;
+@sapUiContentNegativeShadow: none;
+@sapUiContentCriticalShadow: none;
+@sapUiContentPositiveShadow: none;
+@sapUiContentInformativeShadow: none;
+@sapUiContentNeutralShadow: none;
 @sapUiContentSearchHighlightColor: #7A5100;
 @sapUiContentHelpColor: #03B803;
 @sapUiContentLabelColor: #FFFFFF;
@@ -164,6 +172,18 @@
 @sapUiContentIllustrativeColor6: #C6CACE;
 @sapUiContentIllustrativeColor7: #E7E9EA;
 @sapUiContentIllustrativeColor8: #FFFFFF;
+@sapUiContentIllustrativeColor9: #64EDD2;
+@sapUiContentIllustrativeColor10: #E7E9EA;
+@sapUiContentIllustrativeColor11: #F31DED;
+@sapUiContentIllustrativeColor12: #5DC122;
+@sapUiContentIllustrativeColor13: #4bA1F6;
+@sapUiContentIllustrativeColor14: #298FF4;
+@sapUiContentIllustrativeColor15: #E6A400;
+@sapUiContentIllustrativeColor16: #085AAA;
+@sapUiContentIllustrativeColor17: #00A5A8;
+@sapUiContentIllustrativeColor18: #D9DDDE;
+@sapUiContentIllustrativeColor19: #CCD0D2;
+@sapUiContentIllustrativeColor20: #BEC4C6;
 
 @sapUiShellBackground: #000000;
 @sapUiShellBackgroundImage: #000000;
@@ -173,6 +193,7 @@
 @sapUiShellBackgroundGradient: #000000;
 @sapUiShellBorderColor: #FFFFFF;
 @sapUiShellTextColor: #FFFFFF;
+@sapUiShellInteractiveBackground: #000000;
 @sapUiShellInteractiveTextColor: #FFFFFF;
 @sapUiShellInteractiveBorderColor: #FFFFFF;
 @sapUiShellGroupTitleTextColor: #FFFFFF;
@@ -572,6 +593,8 @@
 
 @sapMPlatformDependent: false;
 
+@sapUiColumnHeaderFontSize: @sapMFontMediumSize;
+@sapUiColumnHeaderFontWeight: normal;
 
 
 // =====================================
@@ -1094,6 +1117,17 @@
 @sapUiAccent9: #B995E0;
 @sapUiAccent10: #B0BCC5;
 
+@sapUiAccentBackgroundColor1: #FFF3B8;
+@sapUiAccentBackgroundColor2: #FFD0E7;
+@sapUiAccentBackgroundColor3: #FFF0FA;
+@sapUiAccentBackgroundColor4: #FFDCF3;
+@sapUiAccentBackgroundColor5: #DED3FF;
+@sapUiAccentBackgroundColor6: #D1EFFF;
+@sapUiAccentBackgroundColor7: #C2FCEE;
+@sapUiAccentBackgroundColor8: #EBF5CB;
+@sapUiAccentBackgroundColor9: #DAFDF5;
+@sapUiAccentBackgroundColor10: #EAECEE;
+
 @sapUiLegendWorkingBackground: #2E2E2E;
 @sapUiLegendNonWorkingBackground: #4D4D4D;
 @sapUiLegendCurrentDateTime: #E269C9;

package/src/sap/ui/core/theming/Parameters.js

@@ -17,9 +17,11 @@ sap.ui.define([
 	'sap/base/Log',
 	'sap/base/util/extend',
 	'sap/ui/core/ThemeCheck',
-	'sap/ui/thirdparty/jquery'
+	'sap/base/util/LoaderExtensions',
+	'sap/ui/thirdparty/jquery',
+	'./ThemeHelper'
 ],
-	function(URI, Element, UriParameters, Log, extend, ThemeCheck, jQuery) {
+	function(URI, Element, UriParameters, Log, extend, ThemeCheck, LoaderExtensions, jQuery, ThemeHelper) {
 	"use strict";
 
 	var oCfgData = window["sap-ui-config"] || {};
@@ -58,12 +60,13 @@ sap.ui.define([
 
 		var bUseInlineParameters = UriParameters.fromQuery(window.location.search).get("sap-ui-xx-no-inline-theming-parameters") !== "true";
 
-		function resetParameters() {
-			mParameters = null;
-		}
+		var oComputedScopeStyle, oDummyScopeElement;
 
+		/**
+		 * Resolves relative URLs in parameter values.
+		 * Only for inline-parameters.
+		 */
 		function checkAndResolveRelativeUrl(sUrl, sThemeBaseUrl) {
-
 			var aMatch = rCssUrl.exec(sUrl);
 			if (aMatch) {
 				var oUri = new URI(aMatch[1]);
@@ -78,6 +81,33 @@ sap.ui.define([
 			return sUrl;
 		}
 
+		/**
+		 * Checks the given parameter value if it contains a relative URL.
+		 * If so we read a second css-variable containing a ui5:// url which needs to be resolved.
+		 * @param {string} sParam parameter name
+		 * @returns {string} the parameter value, if necessary a ui5://... URL is resolved
+		 */
+		function checkAndResolveUI5Url(sParamValue, sParameterName) {
+
+			var aMatch = rCssUrl.exec(sParamValue);
+			if (aMatch && aMatch[1]) {
+				// read companion-variable, can contain a ui5:// url, or an already absolute url
+				var oBodyStyle = window.getComputedStyle(document.body || document.documentElement);
+				sParamValue = oBodyStyle.getPropertyValue("--" + sParameterName + "__asResolvedUrl").trim();
+				if (sParamValue) {
+					// JSON.parse helps us get a consistent escaping situation
+					sParamValue = JSON.parse(sParamValue);
+					var sResolvedUrl = LoaderExtensions.resolveUI5Url(sParamValue);
+					// stringify again to preserve original escaping
+					sParamValue = "url(" + JSON.stringify(sResolvedUrl) + ")";
+				} else {
+					Log.error("The parameter '" + sParameterName + "' contains a url, but no matching resolved-url CSS variable could be found.");
+				}
+			}
+
+			return sParamValue;
+		}
+
 		function mergeParameterSet(mCurrent, mNew, sThemeBaseUrl) {
 			for (var sParam in mNew) {
 				if (typeof mCurrent[sParam] === "undefined") {
@@ -89,13 +119,9 @@ sap.ui.define([
 
 		function mergeParameters(mNewParameters, sThemeBaseUrl) {
 
-			// check for old format:
-			// {
-			//   "param1": "value1",
-			//   "param2": "value2"
-			// }
+			// normalize parameter maps
+			// scoped themes like sap_belize already provide nested objects:
 			if (typeof mNewParameters["default"] !== "object") {
-				// migrate to new format
 				mNewParameters = {
 					"default": mNewParameters,
 					"scopes": {}
@@ -119,6 +145,20 @@ sap.ui.define([
 					mergeParameterSet(mParameters["scopes"][sScopeName], mNewParameters["scopes"][sScopeName], sThemeBaseUrl);
 				}
 			}
+
+			var aScopeList = Object.keys(mParameters["scopes"]);
+			if (aScopeList.length) {
+				if (aScopeList.length > 1) {
+					Log.error("There are multiple theming parameter scopes available but only a single scope is supported. Only the first scope '" + aScopeList[0] + "' is used for retrieval of parameters.");
+				}
+				// Add dummy scope element
+				if (!oComputedScopeStyle) {
+					oDummyScopeElement = document.createElement("span");
+					oDummyScopeElement.classList.add(aScopeList[0]);
+					document.documentElement.appendChild(oDummyScopeElement);
+					oComputedScopeStyle = window.getComputedStyle(oDummyScopeElement);
+				}
+			}
 		}
 
 		function forEachStyleSheet(fnCallback) {
@@ -128,6 +168,11 @@ sap.ui.define([
 		}
 
 		function parseParameters(sId) {
+			// only parse parameters if the given lib does not support CSS variables
+			if (libSupportsCSSVariables(sId)) {
+				return false;
+			}
+
 			var oUrl = getThemeBaseUrlForId(sId);
 
 			var bThemeApplied = ThemeCheck.checkStyle(sId);
@@ -161,18 +206,50 @@ sap.ui.define([
 					}
 				}
 			}
-			return false; //could not parse parameters
+			return false; //could not parse parameters OR theme is not applied OR library has no parameters
 		}
 
-		/*
+		function libSupportsCSSVariables(sId) {
+			var sLibName = sId.replace("sap-ui-theme-", "").replace(/\./g, "-");
+			var sVariablesMarker = !!(window.getComputedStyle(document.body || document.documentElement).getPropertyValue("--sapUiTheme-" + sLibName).trim());
+			// retreive scope list from metadata (if the theme supports them)
+			if (sVariablesMarker) {
+				var oMetadata =  ThemeHelper.getMetadata(sId);
+				if (oMetadata && oMetadata.Scopes && oMetadata.Scopes.length > 0) {
+					var mScopes = {};
+					oMetadata.Scopes.forEach(function(sScope) {
+						mScopes[sScope] = {};
+					});
+
+					// merge empty scopes into parameters cache
+					// will be filled one-by-one when accessing scoped variables later
+					mergeParameters({
+						"default": {},
+						scopes: mScopes
+					});
+				}
+			}
+			return sVariablesMarker;
+		}
+
+		/**
 		 * Load parameters for a library/theme combination as identified by the URL of the library.css
+		 * @param {string} sId the library name for which parameters might be loaded
+		 * @param {boolean} [bGetAll] whether the loadParameters call stems from a Parameters.get() call
 		 */
-		function loadParameters(sId) {
+		function loadParameters(sId, bGetAll) {
 			var oUrl = getThemeBaseUrlForId(sId);
 
-			if (!parseParameters(sId)) { // only try to load parameters in case it was not possible to parse them
-				// load library-parameters.json (as fallback solution)
+			// [Compatibility]: the legacy sync API must return a map of ALL parameter values.
+			// With CSS wariables supported, we can only get this map by requesting the library-parameters.json.
+			// The DOM API does not provide an enumeration of all variables.
+			if (libSupportsCSSVariables(sId) && !bGetAll) {
+				return;
+			}
 
+			// try to parse the inline-parameters for the given library
+			// this may fail for a number of reasons, see below
+			if (!parseParameters(sId)) {
 				// derive parameter file URL from CSS file URL
 				// $1: name of library (incl. variants)
 				// $2: additional parameters, e.g. for sap-ui-merged, version/sap-ui-dist-version
@@ -292,7 +369,19 @@ sap.ui.define([
 			});
 		}
 
-		function getParameters(bAsync) {
+		/**
+		 * Retrieves a map containing all inline-parameters.
+		 * Parameters from CSS Variables are dynamically written to the mParameters data-structure on demand,
+		 * everytime a parameter is read from a CSS variable via DOM API.
+		 *
+		 * IMPORTANT: See 'bGetAll' for special SYNC path for Parameters.get() and libraries with CSS Variables
+		 *
+		 * @param {boolean} bAsync whether to load and parse the parameters asynchronously
+		 * @param {boolean} bGetAll SYNC path only: when Parameters.get() is called,
+		 *                          we might need to enforce the loading of a library-parameters.json for libraries using CSS Variables instead of inline-parameters
+		 * @returns {object} a map of all parameters
+		 */
+		function getParameters(bAsync, bGetAll) {
 			// Inital loading
 			if (!mParameters) {
 				// Merge an empty parameter set to initialize the internal object
@@ -308,7 +397,7 @@ sap.ui.define([
 							aParametersToLoad.push(sId);
 						}
 					} else {
-						loadParameters(sId);
+						loadParameters(sId, bGetAll);
 					}
 				});
 			}
@@ -332,9 +421,15 @@ sap.ui.define([
 			aParametersToLoad = aPendingThemes;
 		}
 
-		function loadPendingLibraryParameters() {
+		/**
+		 * Loads library-parameters.json files if some libraries are missing.
+		 * @param {boolean} bGetAll whether we need to enforce the loading of library-parameters.json files for libraries with CSS variables
+		 */
+		function loadPendingLibraryParameters(bGetAll) {
 			// lazy loading of further library parameters
-			aParametersToLoad.forEach(loadParameters);
+			aParametersToLoad.forEach(function(sLibId) {
+				loadParameters(sLibId, bGetAll);
+			});
 
 			// clear queue
 			aParametersToLoad = [];
@@ -355,6 +450,27 @@ sap.ui.define([
 			}
 		};
 
+		function lookUpParameter(mParams, sParameterName, bUseScope) {
+			var sParam = mParams[sParameterName];
+
+			// if not found in cache it we read a CSS variable
+			if (!sParam) {
+				// In case scope is available use dummy element with given scope else use the computed style
+				// of document.body or if body is not available the scope of document.documentElement
+				var oComputedStyle = bUseScope ? oComputedScopeStyle : window.getComputedStyle(document.body || document.documentElement);
+				sParam = oComputedStyle.getPropertyValue("--" + sParameterName).trim();
+				// DOM Api returns "" for unkown variables, UI5 Api must return undefined
+				sParam = sParam != "" ? sParam : undefined;
+				if (sParam) {
+					sParam = checkAndResolveUI5Url(sParam, sParameterName);
+					// cache the url-resolved parameter value for later usage
+					mParams[sParameterName] = sParam;
+				}
+			}
+
+			return sParam;
+		}
+
 		/**
 		 * Returns parameter value from given map and handles legacy parameter names
 		 *
@@ -368,52 +484,60 @@ sap.ui.define([
 		 * @private
 		 */
 		function getParam(mOptions) {
-			var bAsync = mOptions.async, oParams = getParameters(bAsync);
+			var bAsync = mOptions.async, bUseScope = false, oParams = getParameters(bAsync);
 			if (mOptions.scopeName) {
 				oParams = oParams["scopes"][mOptions.scopeName];
+				bUseScope = true;
 			} else {
 				oParams = oParams["default"];
 			}
 
-			var sParam = oParams[mOptions.parameterName];
-
-			if (typeof sParam === "undefined" && typeof mOptions.parameterName === "string") {
-				// compatibility for theming parameters with colon
+			var sParamValue = lookUpParameter(oParams, mOptions.parameterName, bUseScope);
+			// [Compatibility]: if a parameter contains a prefix, we cut off the ":" and try again
+			// e.g. "my.lib:paramName"
+			if (!sParamValue) {
 				var iIndex = mOptions.parameterName.indexOf(":");
-				if (iIndex !== -1) {
-					mOptions.parameterName = mOptions.parameterName.substr(iIndex + 1);
+				if (iIndex != -1) {
+					var sParamNameWithoutColon = mOptions.parameterName.substr(iIndex + 1);
+					sParamValue = lookUpParameter(oParams, sParamNameWithoutColon, bUseScope);
 				}
-				sParam = oParams[mOptions.parameterName];
 			}
 
-			if (mOptions.loadPendingParameters && typeof sParam === "undefined" && !bAsync) {
+			// Sync: Fallback path for when parameter could not be found so far, library.css MIGHT be not loaded
+			if (mOptions.loadPendingParameters && typeof sParamValue === "undefined" && !bAsync) {
 				loadPendingLibraryParameters();
-				sParam = getParam({
+				sParamValue = getParam({
 					parameterName: mOptions.parameterName,
 					scopeName: mOptions.scopeName,
 					loadPendingParameters: false // prevent recursion
 				});
 			}
 
-			return sParam;
+			return sParamValue;
 		}
 
-		function getParamForActiveScope(sParamName, aScopeChain, bAsync) {
-			for (var i = 0; i < aScopeChain.length; i++) {
-				var aCurrentScopes = aScopeChain[i];
+		function getParamForActiveScope(sParamName, oElement, bAsync) {
+			// check for scopes and try to find the classes in Control Tree
+			var aScopeChain = Parameters.getActiveScopesFor(oElement, bAsync);
 
-				for (var k = 0; k < aCurrentScopes.length; k++) {
-					var sScopeName = aCurrentScopes[k];
+			var aFilteredScopeChain = aScopeChain.flat().reduce(function (aResult, sScope) {
+				if (aResult.indexOf(sScope) === -1) {
+					aResult.push(sScope);
+				}
+				return aResult;
+			}, []);
 
-					var sParamValue = getParam({
-						parameterName: sParamName,
-						scopeName: sScopeName,
-						async: bAsync
-					});
+			for (var i = 0; i < aFilteredScopeChain.length; i++) {
+				var sScopeName = aFilteredScopeChain[i];
 
-					if (sParamValue) {
-						return sParamValue;
-					}
+				var sParamValue = getParam({
+					parameterName: sParamName,
+					scopeName: sScopeName,
+					async: bAsync
+				});
+
+				if (sParamValue) {
+					return sParamValue;
 				}
 			}
 			// if no matching scope was found return the default parameter
@@ -505,15 +629,37 @@ sap.ui.define([
 		};
 
 		/**
+		 * <p>
 		 * Returns the current value for one or more theming parameters, depending on the given arguments.
+		 * </p>
+		 *
+		 * <p>
+		 * The theming parameters are immutable and cannot be changed at runtime.
+		 * Multiple <code>Parameters.get()</code> API calls for the same parameter name will always result in the same parameter value.
+		 * </p>
+		 *
+		 * <p>
+		 * <b>Important, since 1.93:</b>
+		 * When using the <code>Parameters.get()</code> API to retrieve theming parameters defined as CSS variables,
+		 * please be aware that the API can also unknowingly retrieve arbitrary CSS variables defined in the DOM.
+		 * All CSS variables defined via the <code>:root</code> pseudo-class can be retrieved this way.
+		 * Please make sure to only access theming parameters defined in a UI5 theme/library.
+		 * </p>
+		 *
+		 * <br/>
+		 *
+		 * <p>
+		 * The following API variants are available (see also the below examples):
 		 * <ul>
-		 * <li>If no parameter is given a key-value map containing all parameters is returned</li>
+		 * <li> <b>(deprecated since 1.92)<b> If no parameter is given a key-value map containing all parameters is returned</li>
 		 * <li>If a <code>string</code> is given as first parameter the value is returned as a <code>string</code></li>
 		 * <li>If an <code>array</code> is given as first parameter a key-value map containing all parameters from the <code>array</code> is returned</li>
 		 * <li>If an <code>object</code> is given as first parameter the result is returned immediately in case all parameters are loaded and available or within the callback in case not all CSS files are already loaded.
 		 * This is the <b>only asynchronous</b> API variant. This variant is the preferred way to retrieve theming parameters.
 		 * The structure of the return value is the same as listed above depending on the type of the name property within the <code>object</code>.</li>
 		 * </ul>
+		 * </p>
+		 *
 		 * <p>The returned key-value maps are a copy so changing values in the map does not have any effect</p>
 		 *
 		 * <p>
@@ -546,7 +692,7 @@ sap.ui.define([
 		 * @example <caption>Scenario 3: Default values</caption>
 		 *  // Scenario 1 (all parameters are available): the returned parameter map can be used to merge with a map of default values.
 		 *  // Scenario 2 (one or more parameters are missing): the returned undefined value does not change the default parameters
-		 *  // This allows you to always retreive a consistent set of parameters, either synchronously via the return-value or asynchronously via the provided callback.
+		 *  // This allows you to always retrieve a consistent set of parameters, either synchronously via the return-value or asynchronously via the provided callback.
 		 *  var mMyParams = Object.assign({
 		 *     sapUiParam1: "1rem",
 		 *     sapUiParam2: "#FF0000",
@@ -554,7 +700,7 @@ sap.ui.define([
 		 *  }, Parameters.get({
 		 *     name: ["sapUiParam1", "sapUiParam2", "sapUiParam3"],
 		 *     callback: function(mParams) {
-		 *        // merge the current parameters with the actual parameters in case they are retreived asynchronously
+		 *        // merge the current parameters with the actual parameters in case they are retrieved asynchronously
 		 *        Object.assign(mMyParams, mParams);
 		 *     }
 		 *  });
@@ -579,15 +725,26 @@ sap.ui.define([
 
 			if (!sap.ui.getCore().isInitialized()) {
 				Log.warning("Called sap.ui.core.theming.Parameters.get() before core has been initialized. " +
-					"This could lead to bad performance and sync XHR as inline parameters might not be available, yet. " +
 					"Consider using the API only when required, e.g. onBeforeRendering.");
 			}
 
 			// Parameters.get() without arguments returns
 			// copy of complete default parameter set
 			if (arguments.length === 0) {
-				loadPendingLibraryParameters();
-				var oParams = getParameters();
+				Log.warning(
+					"Legacy variant usage of sap.ui.core.theming.Parameters.get API detected. Do not use the Parameters.get() API to retrieve ALL theming parameters, " +
+					"as this will lead to unwanted synchronous requests. " +
+					"Use the asynchronous API variant instead and retrieve a fixed set of parameters.",
+					"LegacyParametersGet",
+					"sap.ui.support",
+					function() { return { type: "LegacyParametersGet" }; }
+				);
+
+				// first try to load all pending parameters
+				loadPendingLibraryParameters(true);
+				// retrieve parameters
+				// optionally might also trigger a sync JSON request, if a library was loaded but not parsed yet
+				var oParams = getParameters(false, true);
 				return Object.assign({}, oParams["default"]);
 			}
 
@@ -598,6 +755,7 @@ sap.ui.define([
 			if (vName instanceof Object && !Array.isArray(vName)) {
 				// async variant of Parameters.get
 				if (!vName.name) {
+					Log.warning("sap.ui.core.theming.Parameters.get was called with an object argument without one or more parameter names.");
 					return undefined;
 				}
 				oElement = vName.scopeElement;
@@ -613,7 +771,8 @@ sap.ui.define([
 				}
 
 				Log.warning(
-					"Legacy variant usage of sap.ui.core.theming.Parameters.get API detected for parameter(s): '" + aNames.join(", ") + "'. Use asynchronous variant instead.",
+					"Legacy variant usage of sap.ui.core.theming.Parameters.get API detected for parameter(s): '" + aNames.join(", ") +
+					"'. This could lead to bad performance and sync XHR as parameters might not be available, yet. Use asynchronous variant instead.",
 					"LegacyParametersGet",
 					"sap.ui.support",
 					function() { return { type: "LegacyParametersGet" }; }
@@ -623,10 +782,7 @@ sap.ui.define([
 			var resolveWithParameter, vResult;
 			var lookForParameter = function (sName) {
 				if (oElement instanceof Element) {
-					// check for scopes and try to find the classes in Control Tree
-					var aScopeChain = this.getActiveScopesFor(oElement, bAsync);
-
-					return getParamForActiveScope(sName, aScopeChain, bAsync);
+					return getParamForActiveScope(sName, oElement, bAsync);
 				} else {
 					if (bAsync) {
 						parsePendingLibraryParameters();
@@ -637,7 +793,7 @@ sap.ui.define([
 						async: bAsync
 					});
 				}
-			}.bind(this);
+			};
 
 			vResult = {};
 
@@ -717,12 +873,18 @@ sap.ui.define([
 		 * the next time they are queried via the method <code>get</code>.
 		 *
 		 * @public
+		 * @deprecated since 1.92
 		 */
 		Parameters.reset = function() {
 			// hidden parameter {boolean} bOnlyWhenNecessary
 			var bOnlyWhenNecessary = arguments[0] === true;
 			if ( !bOnlyWhenNecessary || sap.ui.getCore().getConfiguration().getTheme() !== sTheme ) {
-				resetParameters();
+				mParameters = null;
+				if (oDummyScopeElement) {
+					document.documentElement.removeChild(oDummyScopeElement);
+					oDummyScopeElement = oComputedScopeStyle = undefined;
+				}
+				ThemeHelper.reset();
 			}
 		};
 
@@ -754,4 +916,4 @@ sap.ui.define([
 
 	return Parameters;
 
-}, /* bExport= */ true);
+}, /* bExport= */ true);