@alsacia/style-dictionary v1.1.1

🎨 Design Tokens - Style Dictionary

Este paquete contiene design tokens generados automáticamente con Style Dictionary para Tailwind CSS v4.

📌 Repositorio del código fuente y estructura del paquete:
🔗 Ver código en npm
🔗 También disponible en Flutter: alsacia_style_dictionary

📌 Instalación

Para instalar el paquete en tu proyecto:

npm install @alsacia/style-dictionary

Y asegurate de que tu archivo tailwind.config.js importe correctamente los tokens si estás usando PostCSS:

📌 Uso en Tailwind CSS 4

Los tokens están disponibles como un archivo CSS en build/tailwind/tokens.css.

🔧 Importalo en tu CSS raíz (donde importás Tailwind):

@import 'tailwind';
@import "@alsacia/style-dictionary";

📌 Usar los tokens en clases de Tailwind

<div class="bg-primary p-md">
  Hola, este es un componente con tokens de diseño.
</div>

🎨 Tokens agrupados por Namespace

📚 ¿Estás usando Flutter?
👉 Consultá la versión del paquete para Dart:
alsacia_style_dictionary en pub.dev