Implement OnyxCountdownMeter for OnyxToast

[BoppLi]

Depends on

• 1286

Why?

OnyxToast in the (default) autoclose behavior needs a colored bar on the bottom that represents the time remaining until the toast closes.

Design

• Figma

Acceptance criteria

• [ ] show (support component) a colored meter that decreases.
• [ ] when hovering, the timer stops => if problematic for implementation, we can drop this feature.

Definition of Done

• [ ] example usage added to apps/alpha-test-app/src/views/HomeView.vue
• [ ] covered by component tests
• [ ] screenshot tests are updated (?)
• [ ] follow-up tickets were created if necessary
• [ ] updated version + documentation is deployed
• [ ] Storybook can show the feature
• [ ] Storybook code snippet of new/changed examples are checked that they are generated correctly
• [ ] Set task to In Approval

Approval

• Storybook
• Deployed Docs
• [ ] approved by designer @jannick-ux
• [ ] approved by dev

Reference implementations

• https://ui.nuxt.com/components/notification#usage

Aria Pattern

• Meter