feat: add more props to Checkbox for Donate styling

[michael-odonovan]

PR Titles

To pass testing pipeline, these need to follow Conventional Commits spec:

https://www.conventionalcommits.org/en/v1.0.0/
e.g.
feat: create NewForm component
or
fix: update broken link in NewForm component

PR description

What is it doing?

feat: add more props to Checkbox for Donate styling

Why is this required?

Donate styling work.

link to Jira ticket:

https://comicrelief.atlassian.net/browse/DF-191

Quick Checklist:

• My PR title follows the Conventional Commit spec.

• I have filled out the PR description as per the template above.

• I have added tests to cover new or changed behaviour.

• I have updated any relevant documentation.

Important! - lastly, make sure to squash merge...

[michael-odonovan]

As per Slack conversation, I did try importing this branch / commit into CR.com.
It looks fine in CL.
I have only added styling props but I did simplify the way of hiding the input / make it more easy to groq.

[AndyEPhipps]

Seems to have borked the pre-existing bg-color styles:

[AndyEPhipps]

Might need to update that border to match the new bg colour?

[michael-odonovan]

@AndyEPhipps
Currently on master we have red for focus state:

  :focus + span {
    border-color: ${({ theme }) => theme.color('red')};
    border-width: 1px;
  }

Is this right or should I change to something else?
ie. border is red for checked and focus.

[AndyEPhipps]

@AndyEPhipps Currently on master we have red for focus state:

  :focus + span {
    border-color: ${({ theme }) => theme.color('red')};
    border-width: 1px;
  }

Is this right or should I change to something else? ie. border is red for checked and focus.

Ah shit, I'm sorry, my bad - I somehow missed that you'd added prop options for ALL of these colour-usages; so that green border in the example was by design 👍

Just testing a few things locally, sec

[AndyEPhipps]

Nice one, sorry about the misunderstanding

[michael-odonovan]

Nah man I was sloppy earlier sorry

[github-actions]

🎉 This PR is included in version 8.15.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀