@mjv/components v0.3.2

@mjv/components

Components library based on design tokens.

https://www.npmjs.com/package/@mjv/components

Developer

• $ yarn install
• $ yarn storybook

Storybook configuration Components

• $ cd components
• $ yarn add react react-dom
• $ npx sb init
• $ yarn storybook

Design Tokens Components

• Create tokens/index.js file
• Create script to transform the tokens into custom properties
• Add brand colors to tokens

Build Tokens Components

• $ yarn build-tokens

This will create a tokens.css file in .components/styles base on the tokens/index.js config file.

Atoms & Molecules Components

• Create Button Molecule
• Create Heading Atom
• Create Paragraph Atom
• Create Icon Atom
• Create Picture Atom*
• Create ButtonIcon Molecule #FIXME

Lint and styling Components, Web

• Add ESLint rules and Prettier

Color pallet

• #FCDADA
• #FFA5A5
• #5C969E
• #3D7EA6