@meridiano/tokens (3.1.1)
Published 2026-06-13 22:54:18 +00:00 by andresgarcia0313
Installation
@meridiano:registry=npm install @meridiano/tokens@3.1.1"@meridiano/tokens": "3.1.1"About this package
@meridiano/tokens
Tokens del Sistema Meridiano v3.1.1 — la fuente de verdad del lenguaje de diseño, lista para instalar.
Contenido
| Export | Archivo | Uso |
|---|---|---|
@meridiano/tokens |
tokens.json |
Fuente DTCG 2025.10 (Style Dictionary, Tokens Studio, Figma) |
@meridiano/tokens/css |
meridiano-tokens.css |
Variables CSS: OKLCH+hex, tema oscuro, densidades |
@meridiano/tokens/tailwind |
meridiano-tailwind-preset.cjs |
Preset de Tailwind con clases semánticas |
salidas/ |
Swift, Kotlin, Dart | Tokens para iOS, Android y Flutter |
Instalación
Desde el repositorio (mientras no esté publicado en el registro de npm):
npm install git+https://github.com/andresgarcia0313/sistema-meridiano.git#main
# o en package.json: "@meridiano/tokens": "github:andresgarcia0313/sistema-meridiano"
Uso
// CSS global
import "@meridiano/tokens/css";
// tailwind.config.cjs
const meridiano = require("@meridiano/tokens/tailwind");
module.exports = { presets: [meridiano], content: ["./src/**/*.{js,jsx,ts,tsx,html}"] };
Regenerar desde la fuente de verdad
node build.js # copia tokens.json, CSS, preset y salidas desde la raíz del repo
Reglas: nunca referencies primitivos, siempre la capa semántica. El contraste de cada par
está validado con APCA (28/28) y WCAG AA — informe en informe-apca.md del repositorio.
Control de cambios
| Versión | Fecha | Autor | Descripción del cambio |
|---|---|---|---|
| 3.1.1 | 2026-06-12 | Andrés García | Primer empaquetado instalable del sistema |
Keywords
design-tokens
dtcg
design-system
tailwind
oklch
apca