feat: add no-icon modifier for alert to match UI Kit v1.4.3

[saad-mo]

Closes #1492

adds no-icon modifier to render information, success, warning and error without an icon

Test

• http://localhost:3030/alert
• http://127.0.0.1:4000/components/alert.html

Changelog

New

• no-icon modifier

Changed

nothing

Removed

nothing

[netlify]

Deploy preview for fundamental ready!

Built with commit 0e49949

https://deploy-preview-1493--fundamental.netlify.com

[LeoT7508]

@saad-mo

Can we double check the size of the icons? They look big. The close icon should be 16px and 12px from the edge. The icons on the left should be 16px and also 12px from the edge.

[droshev]

@saad-mo can you cherry pick this in fundamental-styles too once you align with Leo?

[saad-mo]

@LeoT7508 updated the icon and close button size. it was indeed bigger.

https://deploy-preview-1493--fundamental.netlify.com/components/alert.html

[LeoT7508]

It looks like the height of these are off, looks like it might be 38px, it should be 40px tall. The close icon looks right.

[saad-mo]

It looks like the height of these are off, looks like it might be 38px, it should be 40px tall. The close icon looks right.

height on a single line alert updated to 40px - https://deploy-preview-1493--fundamental.netlify.com/components/alert.html

[LeoT7508]

It looks like the icons are now not centered vertically.

[saad-mo]

It looks like the icons are now not centered vertically.

fixed.

[LeoT7508]

Positioning is correct.