Add visual feedback of remaining time for toast with duration

[sdalu]

What issue are you having?

When toast with duration are use there is no visual feedback of when it will be closed

Describe the solution you'd like

Add a visual feedback of the remaining duration, perhaps having the top variant color bar fading/diminishing

[IamSAL]

I want to take on this issue.

[mariohamann]

We integrated this in a component built on Shoelace:

CleanShot.2023-11-22.at.23.11.56.mp4

https://solid-design-system.fe.union-investment.de/x.x.x/storybook/?path=/story/components-sd-notification--duration-indicator

Here are some relevant lines, which could help you @IamSAL:

https://github.com/solid-design-system/solid/blob/main/packages/components/src/components/notification/notification.ts#L300

https://github.com/solid-design-system/solid/blob/5f6f1306cc7a1cb0d3aa80bbea9846b7d1f673cd/packages/components/src/components/notification/notification.ts#L273

Do you think you'll find the time on creating a PR? :)

[RoCat]

Hi folks,

just worked on that stuff and made a PR:
#1899

It seems that could fill your needs ?