Tags: NLACE-COM/ui-kit
Tags
feat(components): MeshGradient — fondo animado WebGL con paleta de ma… …rca (v2.4.0) Componente de fondo (shader mesh gradient, 4 focos en movimiento + realce cálido + oscurecido inferior + grano). Props: speed/intensity/grain/colors/highlight, con los valores de marca NLACE por defecto. Sin dependencias externas. Maneja StrictMode sin liberar el contexto WebGL. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
feat: v2.1.0 — entrada @nlace/ui-kit/fonts y tokens promovidos desde … …nlace.com - Nuevo export './fonts' (src/tokens/fonts.css): @font-face de Inter (normal + italic) y Space Grotesk como woff2 variables self-hosted (src/fonts/, ~770KB vs ~1.9MB de los TTF). Los tokens solo declaraban los NOMBRES de las familias: cualquier consumidor que no cargara las fuentes por su cuenta caía a la sans del sistema — así se detectó en nlace.com (jun-2026, el sitio entero renderizaba sin la tipografía de marca). - tokens.css: sección 'Extensiones v2.1' con los tokens que nlace.com tenía como overrides locales (--nl-track-tight, --nl-text-card, --nl-accent-dark, --nl-stat-coral/blue/magenta, --nl-subscribe-bg, --nl-code-bg, --nl-success-tint, --nl-selected-navy) - DESIGN.md/README: carga de fuentes documentada como paso obligatorio; corregido el README que afirmaba que 'tokens' ya incluía @font-face Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
v2.0.0 — Tailwind v4 nativo + skill v1.9.0 Breaking changes: - Tailwind v4: nuevo entry point @nlace/ui-kit/tailwind-v4 Usa @theme block con --color-nl-*, --font-*, --shadow-*, etc. Compatibel con @import 'tailwindcss' directo en CSS - Tailwind v3: @nlace/ui-kit/preset sigue funcionando sin cambios Nuevos exports: - './tailwind-v4' → src/tokens/tailwind-v4.css (@theme block completo) - './preset' → src/tailwind-preset.js (TW3, sin cambios) - './tokens' → src/tokens/tokens.css (variables --nl-*, sin cambios) Incluye: - skill/SKILL.md v1.9.0 con dirección visual aprobada para presentaciones (tech premium + editorial + minimalismo tenso, base clara) - Antipatrones documentados, jerarquía tipográfica pptxgenjs, estructura de color en deck (sandwich oscuro/claro)