alsacia_style_dictionary 1.0.0

Tokens de diseño generados automáticamente desde Style Dictionary. Compatibles con Dart y Flutter.

🎨 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)

---

📌 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.