react-ecommerce icon indicating copy to clipboard operation
react-ecommerce copied to clipboard

[Design-System] Features

Open viniarruda opened this issue 5 years ago • 1 comments

This is a feature list for Design System

  • [X] Theme
  • [X] Buttons
    • [X] Default Button
    • [X] Secondary Button
    • [X] Outlined Button
    • [ ] Circle Button
    • [ ] With Loading
    • [ ] With Icon
  • [ ] Header
    • [ ] Menu
    • [ ] Desktop
    • [ ] Mobile
  • [ ] Footer
    • [ ] Desktop
    • [ ] Mobile
  • [ ] Typographs
    • [ ] Title
    • [ ] Subtitle
    • [ ] Body
    • [ ] Text
    • [ ] Links
  • [ ] Form
    • [ ] Input Text
    • [ ] Input Upload
    • [ ] Select
    • [ ] Checkbox
    • [ ] Radio
    • [ ] Switch
  • [ ] Cards
  • [ ] Images
    • [ ] Gallery
    • [ ] Carrousel
  • [ ] Icons
  • [ ] Cart
  • [ ] Checkout
  • [ ] Wishlist
  • [ ] Messages (Popover)
  • [X] Configure Jest/Enzyme
  • [ ] Add Addons to Storybook
    • [ ] Docs
    • [X] Knobs
    • [X] Accessibility
  • [ ] Verify add lib-esm in .gitignore

Theme

Link figma: https://www.figma.com/file/wm1eayZPzNKapBtg5oE6i3/UI-Challenge-10_12?node-id=0%3A149

Typograph

  • Font: Proxima Nova

Weight

  • thin: 100
  • semiBold: 600
  • regular: 400
  • bold: 700
  • black: 900

Texts

  • Title: 30px;
  • Subtitle: 24px;
  • Body1: 18px;
  • Body2: 16px;
  • Text: 14px;

Colors

  • Primary Light: #1BE0AB

  • Primary dark: #43FECB

  • Secondary: #743AF2

  • Error: #FF3773

  • Black: #1F1F24

  • Black Dark: #27272D

  • Black Normal: #34353D

  • Black Light: #484854

  • Gray: #737380

  • White: #FFFFFF

Spacing

viniarruda avatar Dec 27 '19 23:12 viniarruda

Now Design-System and Sdk running test at the same time with Lerna! 🎉

Jest With lerna

viniarruda avatar Jan 10 '20 03:01 viniarruda