coreui / coreui-pro / 32652357632

93%

main: 94%

push

github

feat(progress): make the stripe animation a token, drop the progress group (#854)

* feat(progress): make the stripe animation a token, drop the progress group

The stripe animation was compiled into `.progress-bar-animated` from
`$progress-bar-animation-timing`, so its speed and easing were fixed at build
time. It is `--cui-progress-bar-animation` now, carrying the keyframes name
too, and the Sass knob is renamed `$progress-bar-animation` to match.

`.progress-thin` was setting `height` directly, which left
`--cui-progress-height` at 1rem — a thin bar that was also striped drew 1rem
stripes and animated across 1rem. `.progress-white` was painting
`background-color` past `--cui-progress-bg`, so nothing could adjust it, a
theme class on the same bar overrode the white, and its label stayed white on
white. Both are token overrides now, and `.progress-white` gives its label a
dark colour.

`.progress-group`, `-prepend`, `-header` and `-bars` are removed. Between them
they carried a flex row, a 100px label column, a header row and a 2px gap
between bars — every one of which a stack plus a spacing utility already does,
so the docs examples show that instead.

The label font size follows `--cui-font-size-sm`, the size the other small
component text already uses, instead of a bespoke three quarters of the body
size. `--cui-progress-font-size` moves up next to the height it belongs with,
and gains the interpolation every other entry in the map had.

Removes the `// TODO: clean-up ???` note, which sat inside the documented Sass
block and rendered on the live Progress page.

* feat(progress): paint .progress-white from currentcolor

The class exists for a bar sitting on a coloured card, where the palette's own
colours have nothing to contrast against. It hardcoded white, which is only
right while the surface's text is white; on a surface with dark text the bar
disappeared into the background.

Both the track and the bar read `currentcolor` now, so the class fol... (continued)

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