[checkbox] update focus style

[aagonzales]

Focus style of checkbox has recently been updated in code. Need to update symbol.
https://react.carbondesignsystem.com/?path=/story/checkbox--checked

[laurenmrice]

• White theme
• Gray 10 theme
• Gray 90 theme
• Gray 100 theme

[mariuszmickiewicz]

In the code:

• base component (checkbox + label) is 24px high with 4px margin below
• checkbox icon is 16x16 (no 1px padding, which makes it 2px bigger than in the kit), with 24x24 container

In the kit:

• base component is 20px high with 8px margin
• checkbox icon is 16x16 (1px internal padding), 20x20 container

The easiest thing to do would be to add focus element which goes outside the checkbox artboard. This way it wouldn't break anything in the files where people already use it, but it also wouldn't count when measuring the spaces between the checkbox component and other ones.
Visually both versions would match (focus on both would go outside the grid), but still the way of measuring things would stay different.

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[laurenmrice]

• White theme
• Gray 10 theme
• Gray 90 theme
• Gray 100 theme (in progress)

[laurenmrice]

Fixed! Will be available in the next update 🎉