[MessageStrip (v2.0.0-rc.5)]: changing design from value-states to color-set doesn't remove the icon

[Lukas742]

Bug Description

If the design property of a MessageStrip is changed from any value-state design to any color-set design, the default icon isn't removed.

Affected Component

MessageStrip

Expected Behaviour

No response

Isolated Example

https://stackblitz.com/edit/github-4hh5q2?file=package.json,index.html,main.js

Steps to Reproduce

1. Go to StackBlitz
2. Click on the button to change the design of the first two MessageStrips
3. See that the icons of the MessageStrips aren't removed

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

v2.0.0-rc.5

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

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

[ilhan007]

Hello @SAP/ui5-webcomponents-topic-rl there is a wrong state of the component when setting not initially but later-on.

When the following state is set later-on, f.e. in a click handler:

document.getElementById('btn').addEventListener('click', () => {
  strip.design = 'ColorSet1';
  strip.colorScheme = '1';
});

The default icon remains:

The same is not displayed if we set the same props and values in the markup ( <ui5-message-strip design="ColorSet1" color-scheme="1"):