coreui / coreui-pro / 32647134691

93%

main: 94%

push

github

feat(scss): let a theme class work on a component's parts (#852)

A component's tokens resolve their var() references on the component root,
so a .theme-* class landing on .list-group-item, .page-link, .progress-bar,
.accordion-item, .nav-link or .stepper-step-button was read as if it were
not there.

Every themeable component now reads the slot at the property, wrapping its
own token. Slots inherit, so one form covers the component, an ancestor and
any part, and nothing is generated per state.

Structural variants map the token to a slot of their own and re-declare the
property with a plain read, so they still win over the base rule. That
second half is what badge, alert and avatar were missing: setting the token
alone leaves the base rule applying its own slot, which collapses
.badge-subtle and .badge-outline into the solid theme color.

The trade is that a component token stops being an override point while a
theme class is present. Choosing a theme and hand-setting the same token on
one element are alternatives, not something to combine.

4533 of 5098 branches covered (88.92%)

Branch coverage included in aggregate %.

8652 of 9053 relevant lines covered (95.57%)

400.24 hits per line