Checkboxes, Radios, Cards and Links

[josue2591]

Summary

• This PR updates the styles integrating the tokens into some of the components
• A sr-only mixin was creating for reusing it when an element needs to be visually hidden but still accessible with screen readers

  Tickets

  https://app.clickup.com/t/36718269/EMULSIF-84 https://app.clickup.com/t/36718269/EMULSIF-85 https://app.clickup.com/t/36718269/EMULSIF-86 https://app.clickup.com/t/36718269/EMULSIF-76

Notes

This branch was based on the emulsify-fonts-fixed branch so it would be better to merge it after https://github.com/emulsify-ds/emulsify-ui-kit/pull/119

How to review this pull request

• [x] Go to http://localhost:6006/?path=/story/components-cards--card-vertical&globals=backgrounds.value:transparent the component should match the figma styles, by using the tokens
• [x] Go to http://localhost:6006/?path=/story/components-typography-links--links the component should match the figma styles by using the tokens
• [x] Go to http://localhost:6006/?path=/story/components-forms--checkboxes&globals=backgrounds.value:transparent the component should match the figma styles by using the tokens
• [x] Go to http://localhost:6006/?path=/story/components-forms--radio-buttons&globals=backgrounds.value:transparent the component should match the figma styles by using the tokens

[netlify[bot]]

✅ Deploy Preview for emulsify-ui-kit ready!

Name	Link
🔨 Latest commit	7ad218ca974ca851fe4e38d1b9a238be95dcbdfc
🔍 Latest deploy log	https://app.netlify.com/sites/emulsify-ui-kit/deploys/663e87b04f25b10008918ce1
😎 Deploy Preview	https://deploy-preview-121--emulsify-ui-kit.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.