Cloud Varejo Juvenil UI

Design system dos componentes React Native para projetos mobile do Cloud Varejo.

🚀 Instalação

# Using npm
npm install @cloud-varejo/juvenil-ui

# Using yarn
yarn add @cloud-varejo/juvenil-ui

📱 Uso Básico

import React from 'react';
import {View} from 'react-native';
import {Button, Typography, ThemeProvider} from '@cloud-varejo/juvenil-ui';

export default function App() {
  return (
    <ThemeProvider>
      <View>
        <Typography variant="h1">Bem-vindo!</Typography>
        <Button title="Clique aqui" onPress={() => console.log('Pressed!')} />
      </View>
    </ThemeProvider>
  );
}

🎨 Componentes Disponíveis

Core Components

• Button - Botões com diferentes variantes e estados
• Typography - Sistema de tipografia responsivo
• Input - Campos de entrada com validação
• Image - Componente de imagem otimizado

Common Components

• Badge - Badges e notificações
• Calendar - Seletor de datas
• ProgressBar - Indicadores de progresso

Theme & Colors

• ThemeProvider - Provedor de tema
• Color Palette - Sistema de cores padronizado

📖 Documentação

Para documentação completa e exemplos, consulte:

• Development Guide - Guia completo de desenvolvimento
• Component Documentation - Documentação detalhada dos componentes

🛠️ Desenvolvimento

Para contribuir com o projeto, consulte o Development Guide.

Quick Start para Desenvolvimento

# Clone o repositório
git clone https://github.com/Develon-Tecnologia/cloud-varejo-juvenil-ui.git
cd cloud-varejo-juvenil-ui

# Instale as dependências
yarn install

# Execute o build
yarn build

# Execute os testes
yarn test

🔄 Versionamento Automático

Este projeto utiliza GitHub Actions para versionamento automático:

• Push para master → bump automático da versão minor
• Nova tag → publicação automática no NPM

📋 Scripts Disponíveis

• yarn lint - Executar linting
• yarn type-check - Verificar tipos TypeScript
• yarn build - Build da biblioteca
• yarn test - Executar testes

🤝 Contribuindo

1. Fork o projeto
2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request

📄 Licença

Este projeto está licenciado sob a Licença ISC.

👥 Autores

• Henry Lima - Desenvolvimento inicial - [email protected]

🏢 Organização

Develon Tecnologia