⏳ v0.10.1 — Countdown Timer, Banner Auto-Dismiss, and Dropdown Positioning Fixes
What Was Added
CountdownTimerComponent— SVG-based circular countdown timer. Acceptssecondsand renders an animated ring that depletes over time. Firesmidwest-countdown-timer:completewhen it reaches zero.BannerComponentcountdown option — Passcountdown: Nto replace the static close button with aCountdownTimerComponent. The banner auto-closes when the timer completes.Banner countdown Lookbook preview — New
countdownpreview for interactive testing.Full unit test suites for both
CountdownTimerComponentandBannerComponentcountdown behavior, plus abanner_countdown_system_test.rbcovering the full auto-dismiss lifecycle.
What Changed
DropdownComponentCSS anchor positioning corrected —position-areavalues corrected tobottom span-right/bottom span-left(block axis first, per spec). Fixes incorrect dropdown placement on compliant browsers.DialogableConcerndemo wired tonew/createinstead ofindex— Better demonstrates the real-world dialog pattern with a proper form flow.DialogComponentStimulus controller — Minor fix to prevent stray events during dialog teardown.
What Was Removed
dialogable :indexin demo — Removed in favor of thenew/createflow.
Dev Process
- Lint pass applied across all CSS and Ruby before tagging.