@gbmtech/aurora-ui - Biblioteca de componentes GBM Tech & Control

@gbmtech/aurora-ui é uma biblioteca interna de componentes da GBM Tech & Control, desenvolvida com TailwindCSS para acelerar o desenvolvimento de aplicações web modernas da empresa. Ela oferece um sistema de design unificado e uma arquitetura de componentes robusta, promovendo consistência visual, escalabilidade e fácil manutenção em todos os projetos internos.

Instalação

Solicitar o token do NPM para baixar o pacote na aplicação

Incluir o token no arquivo .npmrc

Instalar @gbmtech/aurora-ui via npm:

npm install @gbmtech/aurora-ui

Configuração

Configuração do CSS Global

Para habilitar o @gbmtech/aurora-ui, importe os estilos necessários para seu arquivo CSS global (e.g., /app/globals.css):

@import "tailwindcss";

@import "@gbmtech/aurora-ui/styles.css";

@source '../../node_modules/@gbmtech/aurora-ui';

Next.js configuration

Para otimizar a importação de pacotes, você precisa atualizar o arquivo next.config.ts no seu projeto. Adicione a seguinte configuração:

experimental: {
  optimizePackageImports: ['@gbmtech/aurora-ui'],
},

Esta configuração melhora o desempenho otimizando o processo de importação de bibliotecas de @gbmtech/aurora-ui.

Usage

@gbmtech/aurora-ui fornece uma variedade de componentes pré-criados que se integram perfeitamente ao seu aplicativo.

Exemplo de uso do componente Button:

import { Button } from '@gbmtech/aurora-ui';

export default function Home() {
  return <Button variant="primary">Get Started</Button>;
}