Checkbox - multiple behaviour fixes in code

The checkbox currently seems to have some issues where it is not behaving as intended:

Currently, when indeterminate icon gets clicked it gets checked. I believe this is wrong and the value should not change. This is how it is behaving in mdn web docs.
When hasError=true, the component seems to have an empty blr-form-caption-group container. This should not be there unless errorMessage or errorMessageIcon also have a value. Compare this to radio, where this works as intended.
When hasHint=true, but hintMessage and hintMessageIcon are empty, the component seems to have an empty blr-form-caption-group container. This should not be there. Compare this to radio, where this works as intended.
The checkbox currently switches to checked/unchecked, when the mouse button is pressed down. I believe the checking/unchecking should only happen once the mouse button is released, while the cursor is still within the control. This is how it behaves in mdn web docs.
When hasError=true, switching indeterminatedt to true does not show the indeterminated icon as defined in design. This needs to be fixed in code.

[ ] Clicking on the indeterminate checkbox does not change the value
[ ] When hasError=true, but errorMessage and errorMessageIcon are empty/undefined there the caption container does not contain an empty blr-form-caption-group
[ ] When hasHint=true, but hintMessage and hintMessageIcon are empty/undefined there the caption container does not contain an empty blr-form-caption-group
[ ] When clicking the checkbox control, the switch from unchecked to checked and vice-versa happens once the pressed down mouse button gets released while the cursor is within the control
[ ] When hasError=true and indeterminated=true, the checkbox shows the indeterminated checkbox in the error state.

deven-org / boiler