@superviz/sv-icons

sv-icons

Exportar

Exportar os icones no XD criados em formato SVG. Importante: O fill e o stroke dos icones exportados devem estar preenchidos para que o formato do arquivo de fonte funcione. A cor deve ser preta #000000

Os nomes dos arquivos seguem uma convencao de tamanho. Ex.: home_sm, home_md, etc.

Webfontapp

Acessar e criar um usuario no site webfont. Caso nao tenha acesso ao projeto SuperViz, deve pedir para que seja compartilhada com seu usuario.

https://webfontapp.com

Importar os SVGs no webfont

Para importar os arquivos SVGs ao webfont, basta arrastar para dentro do projeto SuperViz.

Exportar os SVGs do webfont para seu computador

Para exportar os arquivos SVGs do wefont, basta clicar no menu Export e em seguida Export e Download.

Clonar a lib dos icones

Clonar o projeto dos icones para fazer a atualizacao.

https://github.com/SuperViz/sv-icons

Descompactar e Atualizar a lib

Descompactar o arquivo exportado do Webfont e em seguida sobrescrever os arquivos na lib sv-icons

Mudar a versao

Antes de fazer o merge na master, abra o arquivo package.json e mude a versao da lib e em seguida na linha de comando digite npm publish.

"name": "@SuperViz/sv-icons",
"version": “X.X.X”,

npm publish

Clonar a lib dos componentes

Clonar o projeto dos componentes para fazer a atualizacao da lib sv-icons.

https://github.com/SuperViz/sv-components

Atualizar a lib dos componentes e o arquivo icons.js

Apos clonar a lib abrir o arquivo package.json e atualizar a versao do sv-icons para a mesma da Master do sv-icons.

"@ SuperViz / sv-icons": "^ X.X.X”,

Em seguida delete a pasta node_modules. Atualize o arquivo abaixo com o nome dos icones que foram atualizados no sv-icons. Exemplo: caso o nome dos icones atualizados na lib sv-icons sejam home_md, home_sm, etc. O nome no arquivo icons.js deve ser apenas home.

https://github.com/SuperViz/sv-components/blob/master/packages/core/constants/icons.js

Exemplo:
home: 'home'

Instalar a nova versao no sv-components

Executar yarn para instalar a nova versao Rodar o projeto e verificar se os icones novos estao aparecendo

Atualizar o webapp da SuperViz

Atualizar para a versao nova do sv-components para inserir o novo icone no projeto.