🎨 Senior Sistemas - Tailwind Config

Uma biblioteca de configuração do Tailwind CSS que exporta os tokens do Senior Design System.

📋 Índice

• Sobre
• Instalação
• Uso
• Desenvolvimento
• Scripts
• Contribuição
• Licença

🚀 Sobre

Este pacote centraliza todas as configurações de design system do SDS para uso com Tailwind CSS, incluindo:

• Cores: Paleta completa com cores primárias, secundárias e escalas de cinza
• Tipografia: Famílias de fontes padronizadas
• Bordas: Tokens de border-radius consistentes
• Breakpoints: Pontos de quebra responsivos padronizados

📦 Instalação

npm install @seniorsistemas/tailwind-config

🛠️ Uso

Configuração Completa

Importe a configuração completa no seu tailwind.config.js:

const { TailwindConfig } = require('@seniorsistemas/tailwind-config');

module.exports = {
  ...TailwindConfig,
  content: [
    './src/**/*.{js,ts,jsx,tsx}',
    // seus caminhos específicos
  ],
};

🔧 Desenvolvimento

Pré-requisitos

• Node.js >= 20

Setup do Projeto

# Clone o repositório
git clone https://git.senior.com.br/design/tailwind-config.git

# Entre no diretório
cd tailwind-config

# Instale as dependências
npm install

Estrutura do Projeto

src/
├── index.ts              # Exportações principais
├── tailwind-config.ts    # Configuração completa do Tailwind
├── tokens/               # Tokens individuais
│   ├── colors.ts         # Paleta de cores
│   ├── font-family.ts    # Tipografia
│   ├── radius.ts         # Border radius
│   ├── screens.ts        # Breakpoints
│   └── index.ts          # Exportações dos tokens
└── __tests__/            # Testes unitários

📜 Scripts

# Executar testes
npm test

# Executar testes com coverage
npm run test:coverage

# Build do projeto
npm run build

🤝 Contribuição

1. Crie uma branch para sua feature
2. Commit suas mudanças
3. Push para a branch
4. Abra um Pull Request

Diretrizes

• Mantenha consistência com os padrões do SDS
• Adicione testes para novas funcionalidades
• Atualize a documentação quando necessário
• Siga as convenções de nomenclatura existentes

📄 Licença

Este projeto é propriedade da Senior Sistemas. Todos os direitos reservados.

🏢 Senior Sistemas

Feito com 💙 pela equipe do SDS da Senior Sistemas.

Links Úteis:

• Repositório
• Design System Senior
• Tailwind CSS