[component]: Checkbox

[Cian77]

Description

Create a HTML/CSS component using the current markup that implements as many features as possible from the new Design. Remove any dependencies on bootstrap for this component. This is done for backwards compatibility reasons. The current structure will eventually be deprecated. These styles will give us the necessary time to come up with a solid input component strategy.

Open issues:

Design:

• New font
• Spacing

Tokens:

• text

Design

https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=18-14

Tokens

• Tokens for this component are ready

Tasks

💻 Tasks

Beta Give feedback

1. Review Design (All states present? Possible to implement?)
2. [foundations]: Body base styles #3496
   2 of 3
   ❇️ good first issue 📦 styles +2
   
3. [component]: Radio button #3274
   1 of 7
   📦 styles +1
   
4. HTML/CSS implementation
5. Remove all unused scss variables for this element
6. Documentation in Storybook
7. Visual regression tests
8. Design review