dantas15 / simple-checkout

https://simple-checkout-mu.vercel.app

2 stars 0 forks source link

create a mini-design system #8

Open dantas15 opened 3 months ago

dantas15 commented 3 months ago

no css should be in the product
make proper components
avoid hard coded values like colors, spacing, typography

Checklist

Box and stacks

[x] replace all occurrences of @mui/material/Stack from @packages/ui
[x] replace all occurrences of @mui/material/Box from @packages/ui

Typography

[x] create custom base title
[x] create custom form title
[x] create RegularText
[x] create MuteText
[ ] other types of text...

Payment Info

[ ] use DS Stack
[ ] use DS text for body2 color grey
[ ] use DS text for body2 bold
[ ] use DS text for the rest of the MUI's Typography used

Form

[ ] create custom inputs
- [ ] text
- [ ] number
- [ ] date
- [ ] radio
- [ ] select
[ ] create screensize from (name and amount)
[ ] create pix form
[ ] create credit card form
[ ] what else?...

dantas15 commented 2 months ago

before merging, I want to implement storybook to manually test them #9