@ui5/webcomponents-tools 2.20.1 → 2.21.0-rc.1

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [2.20.1](https://github.com/UI5/webcomponents/compare/v2.20.0...v2.20.1) (2026-03-13)
+# [2.21.0-rc.1](https://github.com/UI5/webcomponents/compare/v2.21.0-rc.0...v2.21.0-rc.1) (2026-03-19)
 
 **Note:** Version bump only for package @ui5/webcomponents-tools
 
@@ -11,6 +11,17 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+# [2.21.0-rc.0](https://github.com/UI5/webcomponents/compare/v2.20.0...v2.21.0-rc.0) (2026-03-12)
+
+
+### Bug Fixes
+
+* **ui5-illustrated-message:** add v5 loader in tnt illustrations ([#13160](https://github.com/UI5/webcomponents/issues/13160)) ([3dc4694](https://github.com/UI5/webcomponents/commit/3dc4694ecbb9ca3c2e8061fccaf917bfa211861a)), closes [#8145](https://github.com/UI5/webcomponents/issues/8145) [#8145](https://github.com/UI5/webcomponents/issues/8145)
+
+
+
+
+
 # [2.20.0](https://github.com/UI5/webcomponents/compare/v2.20.0-rc.3...v2.20.0) (2026-03-05)
 
 **Note:** Version bump only for package @ui5/webcomponents-tools

package/lib/create-illustrations/index.js

@@ -80,6 +80,7 @@ const generate = async (argv) => {
 	const fileNames = new Set();
 
 	let dotIllustrationNames = [];
+	let v5IllustrationNames = new Set();
 
 	try {
 		await fs.access(srcPath);
@@ -90,6 +91,24 @@ const generate = async (argv) => {
 		return Promise.resolve(null);
 	}
 
+	// For V4 TNT illustrations, check which ones have V5 versions available
+	// so we only register V5 loaders for illustrations that actually exist
+	if (collection === "V4" && illustrationSet === "tnt") {
+		const v5Path = srcPath.replace("/illustrations/", "/illustrations-v5/");
+		try {
+			const v5Files = await fs.readdir(path.normalize(v5Path));
+			const v5Pattern = new RegExp(`${illustrationsPrefix}-.+-(.+).svg`);
+			v5Files.forEach(file => {
+				const match = file.match(v5Pattern);
+				if (match) {
+					v5IllustrationNames.add(match[1]);
+				}
+			});
+		} catch (error) {
+			// V5 path doesn't exist, no V5 illustrations available
+		}
+	}
+
 	if (process.env.UI5_VERBOSE === "true") {
 		console.log(`Generating illustrations from ${srcPath} to ${destPath}`);
 	}
@@ -125,6 +144,23 @@ const generate = async (argv) => {
 		// If no Dot is present, Spot will be imported as Dot
 		const hasDot = dotIllustrationNames.indexOf(illustrationName) !== -1 ? 'Dot' : 'Spot';
 
+		// For V4 TNT illustrations that have V5 versions, register loaders for V5 and V5/HC
+		// so that when the illustration is imported directly (e.g., "@ui5/webcomponents-fiori/dist/illustrations/tnt/NoApplications.js")
+		// and Horizon themes are used, the correct V5 illustration is loaded dynamically.
+		// Note: Only TNT set has V5 illustrations, and not all TNT illustrations have V5 versions.
+		// The dynamic imports ensure that V5 SVGs are loaded lazily only when actually needed.
+		const hasV5Version = v5IllustrationNames.has(illustrationName);
+		const v5LoaderRegistration = collection === "V4" && illustrationSet === "tnt" && hasV5Version ? `
+import { registerIllustrationLoader } from "@ui5/webcomponents-base/dist/asset-registries/Illustrations.js";
+
+registerIllustrationLoader("${illustrationSet}/V5/${illustrationName}", async function loadIllustrationV5() {
+	return (await import("../../illustrations-v5/${illustrationSet}/${illustrationName}.js")).default;
+});
+registerIllustrationLoader("${illustrationSet}/V5/HC/${illustrationName}", async function loadIllustrationV5HC() {
+	return (await import("../../illustrations-v5/${illustrationSet}/hc/${illustrationName}.js")).default;
+});
+` : '';
+
 		return `import { unsafeRegisterIllustration } from "@ui5/webcomponents-base/dist/asset-registries/Illustrations.js";
 import dialogSvg from "./${illustrationsPrefix}-Dialog-${illustrationName}.js";
 import sceneSvg from "./${illustrationsPrefix}-Scene-${illustrationName}.js";
@@ -132,7 +168,7 @@ import spotSvg from "./${illustrationsPrefix}-Spot-${illustrationName}.js";
 import dotSvg from "./${illustrationsPrefix}-${hasDot}-${illustrationName}.js";${defaultText ? `import {
 	IM_TITLE_${illustrationNameUpperCase},
 	IM_SUBTITLE_${illustrationNameUpperCase},
-} from "../generated/i18n/i18n-defaults.js";` : ``}
+} from "../generated/i18n/i18n-defaults.js";` : ``}${v5LoaderRegistration}
 
 const name = "${illustrationName}";
 const set = "${illustrationSet}";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-tools",
-  "version": "2.20.1",
+  "version": "2.21.0-rc.1",
   "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": "e99d0cc3b83e5320263a207f7ae3fcd159982e9f"
+  "gitHead": "ca81ad3bb0594ea51472c46d517d34d7e0a719b8"
 }