coreui / coreui-pro / 31265745780

93%

main: 94%

push

github

feat(forms)!: put the control class on the input (#722)

* docs(forms): narrow the shared variables the control pages show

The "Shared variables" section I put on Checkbox, Radio and Switch printed the
same 21 variables three times, and after the per-control tokens landed a third
of them were duplicates of what the page already showed above: the checkbox page
listed `$checkbox-size` and then `$form-check-input-width`, which is the value it
defaults to. The radio page listed the checkbox's tick and indeterminate icons.

The block is split in two. `form-check-defaults` holds the values the
per-control variables fall back to — they still work, and the per-control
listings show them as the defaults, so there is no reason to print them again.
`form-check-variables` keeps what is genuinely shared: the row, the label, and
the focus, active and disabled states.

Pure reordering — the compiled CSS is byte-for-byte identical.

* feat(forms)!: put the control class on the input

`.check`, `.radio` and `.switch` go on the `<input>` itself. There is no wrapper
and no second element: `appearance: none` lets the control render a
pseudo-element, so the mark is drawn on the input through a CSS mask, and its
colour is a token instead of a value baked into an SVG. The separate dark-mode
switch artwork goes with it — a thumb painted from a token follows the colour
scheme by itself.

The v5 spelling is kept, unchanged, as a compatibility layer behind
`$enable-deprecated-form-check` (default `true`, removed in v7). Turning it off
takes 698 bytes gzip off the stylesheet. Nobody's markup has to move.

What the wrapper's modifiers become: `.form-check` → `.form-field` (or nothing),
`.form-check-label` → a plain `<label>`, `.form-check-inline` → a flex row,
`.form-check-reverse` → `order` utilities, `.form-switch-lg`/`-xl` →
`.switch-lg`/`.switch-xl`.

Multi Select's option indicators render as a decorative `.check`, so a build
with the compatibility layer off still draws the... (continued)

4267 of 4819 branches covered (88.55%)

Branch coverage included in aggregate %.

1 of 1 new or added line in 1 file covered. (100.0%)

8280 of 8675 relevant lines covered (95.45%)

363.53 hits per line