{"_id":"@allped/shared-components","name":"@allped/shared-components","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.3":{"name":"@allped/shared-components","version":"0.0.3","type":"module","license":"ISC","scripts":{"dev":"vite","build":"tsc && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build","watch":"tsc -p . --watch","prepublishOnly":"npm run build"},"dependencies":{"antd":"^5.20.0","dayjs":"^1.11.13","react":"^18.2.0","react-dom":"^18.2.0","react-icons":"^5.2.0"},"peerDependencies":{"antd":">=5.0.0","react":">=18.0.0","react-dom":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/allped-shared-lib.es.js","require":"./dist/allped-shared-lib.umd.js"},"./dist/style.css":"./dist/style.css"},"main":"./dist/allped-shared-lib.umd.js","module":"./dist/allped-shared-lib.es.js","types":"./dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/allped/allped-shared-components.git"},"publishConfig":{"access":"public"},"devDependencies":{"@storybook/addon-docs":"^8.4.0","@storybook/addon-essentials":"^8.4.0","@storybook/addon-interactions":"^8.4.0","@storybook/addon-links":"^8.4.0","@storybook/addon-onboarding":"^8.4.0","@storybook/addon-themes":"^8.4.0","@storybook/blocks":"^8.4.0","@storybook/react":"^8.4.0","@storybook/react-vite":"^8.4.0","@storybook/test":"^8.4.0","@types/node":"^20.11.19","@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@typescript-eslint/eslint-plugin":"^6.21.0","@typescript-eslint/parser":"^6.21.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.56.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","storybook":"^8.4.0","typescript":"^5.2.2","vite":"^5.1.0","vite-plugin-dts":"^3.7.3"},"_id":"@allped/shared-components@0.0.3","gitHead":"42b9a129bf86218802d12c05d1216089e73af200","description":"

\"logotipo_allped\"

Allped - Shared Components

Repositório destinado para o uso interno de componentes genérico","bugs":{"url":"https://github.com/allped/allped-shared-components/issues"},"homepage":"https://github.com/allped/allped-shared-components#readme","_nodeVersion":"20.20.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-a5qxH7HWGIv9EZ81K3mkW2ZS/Qh66/1zMB9QJQSwssVjzAuC0UnRGEDCcV0j13eSbBD+NgGwh1bUWIrLyI5p5A==","shasum":"abb37f3cc5d6eeb1c4be483d4fe7cfb79eb05952","tarball":"https://registry.npmjs.org/@allped/shared-components/-/shared-components-0.0.3.tgz","fileCount":68,"unpackedSize":79699,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCXpWdz7dVJGR9ZMFOSeuqp82wq3vBlnssmsuHcfyG5vQIgC4Rag+hayUHdp46asL6dQUJYDKjniERlBOxrVOgToQA="}]},"_npmUser":{"name":"viniciusts","email":"viniciustorres.dev@gmail.com"},"directories":{},"maintainers":[{"name":"viniciusts","email":"viniciustorres.dev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/shared-components_0.0.3_1769567225076_0.8409594377356941"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-28T02:27:04.950Z","0.0.3":"2026-01-28T02:27:05.216Z","modified":"2026-01-28T02:27:05.484Z"},"maintainers":[{"name":"viniciusts","email":"viniciustorres.dev@gmail.com"}],"description":"

\"logotipo_allped\"

Allped - Shared Components

Repositório destinado para o uso interno de componentes genérico","homepage":"https://github.com/allped/allped-shared-components#readme","repository":{"type":"git","url":"git+https://github.com/allped/allped-shared-components.git"},"bugs":{"url":"https://github.com/allped/allped-shared-components/issues"},"license":"ISC","readme":"

\n \"logotipo_allped\"\n

Allped - Shared Components

\n

\n Repositório destinado para o uso interno de componentes genéricos da Allped.\n

\n

\n\n
\n\n## Índice\n\n1. [Sobre a aplicação](#sobre-a-aplicação)\n - [Principais tecnologias](#principais-tecnologias)\n2. [Build Local](#build-local)\n - [Pré Requisitos](#pré-requisitos)\n - [Recomendações](#recomendações)\n - [Como executar](#como-executar)\n - [Integração e Deploy](#integração-e-deploy)\n3. [Arquitetura](#arquitetura)\n - [Organização de pastas](#organização-de-pastas)\n4. [Como contribuir](#como-contribuir)\n - [Design System](#design-system)\n5. [Instalação como Pacote](#instalação-como-pacote)\n\n## Sobre a aplicação\n\nEste repositório foi desenvolvido para auxiliar na criação de componentes genéricos que possam ser utilizados nas soluções da Allped a fim de manter um padrão visual da marca.\n\n### Principais Tecnologias\n\n- [React](https://pt-br.reactjs.org/docs/getting-started.html)\n- [Ant Design](https://ant.design/)\n- [Node](https://nodejs.org/en/learn/getting-started/introduction-to-nodejs)\n- [Storybook](https://storybook.js.org/)\n\n## Build local\n\n### Pré-Requisitos\n\nPara a utilização do projeto, realize a instalação do node e npm/yarn. O node por necessidade do React e o npm/yarn para gerenciamento de dependências.\n\n### Recomendações\n\nRecomenda-se utilizar o [Visual Studio Code](https://code.visualstudio.com/) para o desenvolvimento e instalar as extensões [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) para manter a padronização do código e [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) para auxiliar com a formatação de código.\n\n### Como executar\n\n1. Se preciso execute o comando para instalar as dependências:\n ```sh\n npm install\n ```\n\n2. Para executar o Storybook e visualizar os componentes:\n ```sh\n npm run storybook\n ```\n\n3. Para buildar o projeto e gerar os arquivos da biblioteca:\n ```sh\n npm run build\n ```\n\n4. Para executar a aplicação de desenvolvimento:\n ```sh\n npm run dev\n ```\n A aplicação rodará na porta 5173 (http://localhost:5173)\n\n5. O Storybook rodará na porta 6006 (http://localhost:6006)\n\n### Integração e deploy\n\n- O deploy do Storybook é feito automaticamente via GitHub Actions para a Vercel quando há um push na branch `main`.\n- O pacote npm é publicado manualmente ou via CI quando uma nova tag de versão é criada.\n\n## Arquitetura\n\n### Organização de pastas\n\n```\nsrc/\n├── components/ # Componentes compartilhados\n│ ├── DataDisplay/ # Componentes de exibição de dados (Table, Card, etc.)\n│ ├── DataEntry/ # Componentes de entrada de dados (Input, Select, etc.)\n│ ├── Feedback/ # Componentes de feedback (Modal, Alert, etc.)\n│ ├── General/ # Componentes gerais (Button, Typography, etc.)\n│ └── Layout/ # Componentes de layout (Header, Sidebar, etc.)\n├── styles/ # Estilos globais e tema\n├── utils/ # Utilitários e helpers\n└── index.ts # Exportações principais\n```\n\n## Como contribuir\n\nCrie seu branch a partir de `main` com o nome seguindo o formato:\n\n```sh\ntipo/XXXXX-Descrição\n```\n\nem que tipo representa o tipo da tarefa (fix ou feature) e XXXXX é o número da Task associada.\nApós a conclusão da sua tarefa, abra um pull request de seu branch para `main`, e peça algum membro do time de desenvolvimento para validar. Sempre que possível, utilizar [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/)\n\n### Design System\n\nOs componentes devem seguir o design system definido pelo time de design.\n\n## Instalação como Pacote\n\nPara instalar este pacote em outros projetos:\n\n```sh\nnpm install @allped/shared-components\n```\n\n### Uso\n\n```tsx\nimport { Button } from '@allped/shared-components';\n\nfunction App() {\n return ;\n}\n```\n\n### Configuração do ConfigProvider do Ant Design\n\nÉ recomendado envolver sua aplicação com o `ConfigProvider` do Ant Design para aplicar o tema customizado:\n\n```tsx\nimport { ConfigProvider } from 'antd';\nimport { theme } from '@allped/shared-components';\n\nfunction App() {\n return (\n \n {/* Seus componentes */}\n \n );\n}\n```\n","readmeFilename":"README.md","_rev":"1-1af706a4312fc33214bc83e19faf478b"}