@gmcotta/meiuca-assets v1.0.1
Meiuca - Assets
Introdução
Esse repositório tem o objetivo de mostrar os assets de um design system, criada a partir do curso de Design Systems in Code, da Meiuca.
Ao longo do curso, desenvolvemos um design system contendo design tokens, assets (ícones), uma biblioteca de componentes core (contendo os elementos mais primitivos, como botão, input, tipografia...) e uma biblioteca de times (que usa da biblioteca core para criar seus componentes, que serão usados para um produto específico). Dentro da landing page também possuem componentes que não fazem parte do design system e é exclusivo para a página desenvolvida.
Abaixo encontram-se os links para os repositórios do design system:
Abaixo encontra-se também o link para o projeto do design system e da landing page no Figma:
Tecnologias
Os assets são basicamente ícones SVG, e para a criação da pasta de produção foi usado JavaScript.
Como gerar os assets
Primeiramente, baixe o repositório:
git clone git@github.com:gmcotta/meiuca-assets.git <nome_da_pasta>
Entre na pasta gerada:
cd nome_da_pasta
Instale as dependências (uso o Yarn para gerenciar os pacotes):
yarn
Para fazer o build da aplicação:
yarn build
A pasta gerada é a dist
.
Para publicar o pacote:
npm publish --access public