Fix visibility of required asterisk on toggle checkboxes

[sanjacornelius]

The required asterisk did not appear on checkboxes when toggle-style (custom-switch) was enabled. Bootstrap’s toggle styling uses ::before and ::after pseudo-elements on the control, which overlapped the asterisk placement and hid it from view.

This change adds a toggle-enabled class to RequiredAsterisk when used inside a toggle checkbox, and applies CSS to reposition the asterisk so it remains visible.

Solution

• Add optional toggleEnabled prop to RequiredAsterisk
• Pass toggle from FormCheckbox into RequiredAsterisk via :toggle-enabled
• Apply toggle-enabled alongside required-asterisk when toggle mode is active
• Add positioning styles (.required-asterisk.toggle-enabled) to offset the asterisk and avoid overlap with toggle pseudo-elements

Note:

Due to the layout of the toggle control, the asterisk appears in a different position than on a standard checkbox: before the toggle, rather than after the checkbox and before the label (the default placement).

How to test

1. Render a required checkbox with toggle disabled, asterisk appears in the default position
2. Render a required checkbox with toggle enabled, asterisk is visible and correctly positioned

Related Tickets

FOUR-29727

[processmaker-sonarqube]

Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube