[IllustratedMessage]: Not displaying correct illustration

[OliwiaGowor]

Bug Description

Hello, When using IllustratedMessage component importing illustration like this, according to the documentation: import "@ui5/webcomponents-fiori/dist/illustrations/tnt/NoApplications.js", and calling the component:

<IllustratedMessage
name="TntNoApplications"
size="Scene"
subtitle={"Subtitle"}
>

causes to display this illustration: instead of the one shown in the documentation:

But when I import all illustrations like this import @ui5/webcomponents-fiori/dist/illustrations/AllIllustrations the proper illustration is displayed.

I don't want to have to import all of the illustrations to display just one of them.

Affected Component

IllustratedMessage - "TntNoApplications" illustration

Expected Behaviour

IllustratedMessage component displaying correct SVG with single illustration import.

Isolated Example

No response

Steps to Reproduce

1. 2. 3. ...

Log Output, Stack Trace or Screenshots

No response

Priority

Low

UI5 Web Components Version

1.21.2

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

• [X] I’m not disclosing any internal or sensitive information.

[nnaydenow]

Hi @OliwiaGowor,

Could you please share with us which themes you are using because illustrations sometimes have different appearance depending on the theme?

Update: Ignore my previous comment. It's a strange behaviour because AllIllustrations import basically import the same file. Need to revise where the difference come from.

[nnaydenow]

Hello team

Seems like a side effect that comes from #7195. With the import §import "@ui5/webcomponents-fiori/dist/illustrations/tnt/NoApplications.js"` we only load and register v4 version of the illustration. This leads to wrong illustration that is displayed. Could you please check it?

[ilhan007]

fyi @SAP/ui5-webcomponents-topic-p