npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@superviz/sv-icons

v0.8.13

Published

## Project setup ``` yarn install ```

Downloads

640

Readme

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.