coreui / coreui-pro / 32638186288

93%

main: 94%

push

github

feat(Toast): theme a toast's parts, not just the whole toast (#848)

The theme slots were baked into the token map, so --cui-toast-header-bg
resolved on .toast and a .theme-* class on .toast-header was never read:
the header stayed white. Each slot now sits where the property is set, so
a theme class works on the toast, on an ancestor, or on a single part.
.toast-translucent mixes the themed value too, or a themed toast would
lose its tint the moment it turned translucent.

--cui-toast-color was null, which defaults() emits as an empty token, so
color: var(--cui-toast-color) was invalid at computed-value time and the
toast inherited its color from the page instead. That made
data-coreui-theme="dark" produce dark body text on a dark toast. It now
resolves to var(--cui-body-color), which follows the color mode set on
the toast itself.

Docs: show both themed variants, a toast themed only on its header, and
the dark toast that was unreadable.

4533 of 5098 branches covered (88.92%)

Branch coverage included in aggregate %.

8652 of 9053 relevant lines covered (95.57%)

400.12 hits per line