🎨 Design Tokens - Style Dictionary para Flutter

Este paquete contiene design tokens generados automáticamente con Style Dictionary, listos para usar en proyectos Flutter mediante clases y temas tipográficos predefinidos.

📌 Repositorio del código fuente y estructura del paquete:
🔗 Ver código en pub.dev
🔗 También disponible para Tailwind y React: @alsacia/style-dictionary (npm)

---

Claro, acá tenés una versión mejorada e informativa, incluyendo el paso para cambiar la versión antes de publicar:

---

🚀 Publicar una nueva versión de la librería en Pub

Para publicar una nueva versión del paquete en pub.dev, seguí estos pasos desde la carpeta ./pub:

📌 Actualizar la versión del paquete

Editá el archivo pubspec.yaml y modificá la línea de la versión, por ejemplo:

version: 1.2.0

✅ Recordá seguir el esquema semver (MAJOR.MINOR.PATCH) y cambiar la versión solo si hubo cambios significativos.

2. 🧪 Verificar que el paquete esté listo

Ejecutá el siguiente comando para asegurarte de que no haya errores:

dart pub publish --dry-run

Esto te permitirá revisar advertencias o errores sin publicar nada aún.

3. 📤 Publicar la nueva versión

Una vez validado, ejecutá el comando final:

dart pub publish

Seguí las instrucciones interactivas para confirmar la publicación.

---

📌 Instalación

Agregá la dependencia en tu archivo pubspec.yaml:

dependencies:
  alsacia_style_dictionary: ^1.0.0

Luego ejecutá:

flutter pub get

---

📌 Consumo de tokens en Flutter

Este paquete genera clases accesibles directamente en tu código Dart, organizadas por tipo:

• AppColorsLight / AppColorsDark / AppColorsBrand
• AppTypography con textTheme para ThemeData
• Sizes, Dimens, FontWeightValues, Blur
• Sombras como Elevation1, Sinking2, etc.
• AppThemes con temas claro y oscuro ya configurados

---

🎨 Ejemplo de uso básico

import 'package:flutter/material.dart';
import 'package:alsacia_style_dictionary/alsacia_style_dictionary.dart';

class Demo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: AppThemes.lightTheme,
      darkTheme: AppThemes.darkTheme,
      home: Scaffold(
        appBar: AppBar(
          title: Text('Tokens de Diseño', style: AppTypography.textTheme.titleLarge),
        ),
        body: Container(
          color: AppColorsLight.background,
          padding: EdgeInsets.all(Sizes.base),
          child: Text(
            'Hola desde Alsacia',
            style: AppTypography.textTheme.bodyLarge,
          ),
        ),
      ),
    );
  }
}

---

📦 Clases Generadas

Tipo	Clase	Descripción
Color	AppColorsLight	Colores claros
Color	AppColorsDark	Colores oscuros
Color	AppColorsBrand	Paleta de marca
Tipografía	AppTypography	Fuente, tamaño, peso, altura, TextTheme
Tamaño	Sizes, Dimens	Dimensiones generales e íconos
Peso fuente	FontWeightValues	light, regular, bold
Desenfoques	Blur	soft, hard
Sombra	Elevation1, Sinking2	Sombras individuales por token
Tema	AppThemes	Temas claro y oscuro para usar en Flutter

---

📦 También disponible para React / Tailwind:
Si estás trabajando en frontend web, podés usar los mismos tokens desde el paquete @alsacia/style-dictionary publicado en NPM para integrarlos en tus estilos Tailwind.