@ui5/webcomponents-tools 2.20.0-rc.1 → 2.20.0-rc.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.20.0-rc.2](https://github.com/UI5/webcomponents/compare/v2.20.0-rc.1...v2.20.0-rc.2) (2026-02-26)
+
+
+### Bug Fixes
+
+* CSS variables scoping to depend VersionInfo ([#13091](https://github.com/UI5/webcomponents/issues/13091)) ([d2e43ed](https://github.com/UI5/webcomponents/commit/d2e43ed692c63a0a36a9b14da59de354e2e7d0b0))
+
+
+
+
+
 # [2.20.0-rc.1](https://github.com/UI5/webcomponents/compare/v2.20.0-rc.0...v2.20.0-rc.1) (2026-02-19)
 
 **Note:** Version bump only for package @ui5/webcomponents-tools

package/lib/css-processors/css-processor-components.mjs

@@ -14,7 +14,9 @@ const generate = async (argv) => {
     const tsMode = process.env.UI5_TS === "true";
     const extension = tsMode ? ".css.ts" : ".css.js";
 
-    const packageJSON = JSON.parse(fs.readFileSync("./package.json"))
+    const packageJSON = JSON.parse(fs.readFileSync("./package.json"));
+    const basePackageJSON = (await import("@ui5/webcomponents-base/package.json", { with: { type: "json" } })).default;
+
     const inputFilesGlob = "src/themes/*.css";
     const restArgs = argv.slice(2);
 
@@ -31,7 +33,7 @@ const generate = async (argv) => {
                         newText = f.text;
                     } else {
                         // scoping
-                        newText = scopeVariables(f.text, packageJSON);
+                        newText = scopeVariables(f.text, basePackageJSON);
                     }
 
                     newText = newText.replaceAll(/\\/g, "\\\\"); // Escape backslashes as they might appear in css rules

package/lib/css-processors/css-processor-themes.mjs

@@ -15,7 +15,8 @@ const generate = async (argv) => {
     const tsMode = process.env.UI5_TS === "true";
     const extension = tsMode ? ".css.ts" : ".css.js";
 
-    const packageJSON = JSON.parse(fs.readFileSync("./package.json"))
+    const packageJSON = JSON.parse(fs.readFileSync("./package.json"));
+    const basePackageJSON = (await import("@ui5/webcomponents-base/package.json", { with: { type: "json" } })).default;
 
     const inputFiles = await globby([
         "src/**/parameters-bundle.css",
@@ -69,7 +70,7 @@ const generate = async (argv) => {
             combineDuplicatedSelectors,
         ]).process(f.text, { from: undefined });
 
-        return { css: scopeVariables(combined.css, packageJSON, f.path) };
+        return { css: scopeVariables(combined.css, basePackageJSON, f.path) };
     }
 
     let scopingPlugin = {

package/lib/css-processors/scope-variables.mjs

@@ -38,6 +38,29 @@ const getOverrideVersion = filePath => {
 	return overrideVersion;
 }
 
+/**
+ * `packageJSON` should reference the `package.json` of the base package,
+ * as it serves as the starting point for every runtime and carries a unique version.
+ * The `getScopedVarName` function is also defined in the base package
+ * and is consumed by all other packages.
+ *
+ * Runtime (2.19.0)
+ * - base (2.19.0)
+ * - At least one of the following packages: ai / main / fiori / compat (2.19.0)
+ * - Custom package (x.x.x)
+ *
+ * It is not possible to have a runtime with the main package at version 2.19.0
+ * and the base package at a different version (e.g., 2.18.0),
+ * because the main package depends on the base package.
+ * Such a mismatch would create a new runtime.
+ *
+ * Therefore, we can safely assume that the base package version
+ * matches the runtime version and can be reliably used for scoping.
+ *
+ * It is still needed for third-party packages that have not yet migrated to the
+ * component-level variable approach.
+ */
+
 const scopeVariables = (cssText, packageJSON, inputFile) => {
     const escapeVersion = version => "v" + version?.replaceAll(/[^0-9A-Za-z\-_]/g, "-");
     const versionStr = escapeVersion(getOverrideVersion(inputFile) || packageJSON.version);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-tools",
-  "version": "2.20.0-rc.1",
+  "version": "2.20.0-rc.2",
   "description": "UI5 Web Components: webcomponents.tools",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -82,5 +82,5 @@
     "esbuild": "^0.25.0",
     "yargs": "^17.5.1"
   },
-  "gitHead": "26e4c88a89fdbd5f7545d05b04e75d7b5080ab17"
+  "gitHead": "98b851b62424d1b81b69d58768924dc4a7a17096"
 }