Which component(s) are affected?

Checkbox / Switch, Radio & Radio Group

Description

When a separate label element is placed next to the checkbox/switch/radio and label-position="before", the label samples used to look like:

ref - https://www.infragistics.com/blazor-client/samples/inputs/checkbox/label, IgniteUI.Blazor v.25.1.82 uses an earlier version of igniteui-webcomponents, probably around 6.0.x or 6.1.x (not sure)

Current:

https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/checkbox#label
https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/checkbox#label
https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/switch#label

Since the samples haven't been changed since, there must be something in the component different between these versions causing this look.
Is this expected? If so, the samples (WC, Blazor, React) need to be fixed to show a gap between the label and the checkbox.
If not, the gap/wider control should be there out of the box again to look proper in this configuration.

Reproduction

Written above

Workaround

The slotted label works as expected, nevertheless the samples show the separate label as a working approach and it should look the same.

Is this a regression?

Yes. This used to work, but now it doesn't.

Affected versions

around 6.1.0 and later?

Browser/OS/Node environment

any