alsacia_tokens_test 1.0.0

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

🎨 Alsacia Tokens para Flutter

Este paquete contiene design tokens generados automáticamente desde Style Dictionary, listos para ser utilizados en proyectos Flutter.

🔄 Este paquete es el equivalente al publicado en NPM, adaptado para desarrollos en Dart y Flutter.

---

✨ ¿Qué contiene?

• 🎯 Tokens de diseño centralizados: colores, espaciados, tipografías, tamaños, sombras, radios, etc.
• 📦 Archivo tokens.dart generado automáticamente en lib/ con constantes estáticas fáciles de usar.
• 🔄 Integración directa con Flutter sin necesidad de duplicar código entre plataformas.
• ✅ Totalmente compatible con Tailwind 4 y Style Dictionary.

---

🚀 Instalación

Agregá el paquete en tu pubspec.yaml:

dependencies:
  alsacia_tokens: ^1.0.0

Luego ejecutá:

flutter pub get

---

🧑‍💻 Uso básico

import 'package:alsacia_tokens/tokens.dart';

final primaryColor = Color(
  int.parse(AlsaciaTokens.color_base_primary.replaceFirst('#', '0xff'))
);

final padding = double.parse(
  AlsaciaTokens.spacing_general_md.replaceAll('rem', '')
) * 16;

⚠️ Los valores se exportan como strings ('#ff6600', '1rem', '16px'). Podés convertirlos con helpers según el tipo que necesites (Color, double, TextStyle, etc.).

---

🎯 Ejemplo de integración con ThemeData

ThemeData appTheme = ThemeData(
  primaryColor: Color(
    int.parse(AlsaciaTokens.color_base_primary.replaceFirst('#', '0xff'))
  ),
  scaffoldBackgroundColor: Color(
    int.parse(AlsaciaTokens.color_light_background.replaceFirst('#', '0xff'))
  ),
  textTheme: TextTheme(
    bodyMedium: TextStyle(
      fontSize: 16,
      fontFamily: AlsaciaTokens.font_family_cairo,
    ),
  ),
);

---

🛠️ Generación automática

Este archivo fue generado con Style Dictionary. Para modificar los tokens, trabajá sobre los archivos .token.json en la carpeta tokens/ del proyecto original y ejecutá:

node build.js

El resultado se exporta automáticamente al archivo Dart:

pub/lib/tokens.dart

---

📚 Recursos relacionados

• 🧠 Style Dictionary (Amazon)
• 🔗 Paquete NPM equivalente
• 🎨 Tailwind Tokens CSS Output