@robosophy/tokens

Tokens de diseño de Robosophy.

Instalacion

npm install @robosophy/tokens

Uso

Importa tokens.css cuando el proyecto consume tokens directamente o usa componentes Robosophy sin @robosophy/prime-theme.

import "@robosophy/tokens/tokens.css";
import { tokens } from "@robosophy/tokens";
import tokensJson from "@robosophy/tokens/tokens.json";

Si la app usa @robosophy/prime-theme, importa solo @robosophy/prime-theme/prime.css: ese CSS ya importa @robosophy/tokens/tokens.css.

Para Tailwind, agrega el artefacto de Tailwind ademas del CSS base que corresponda:

import "@robosophy/tokens/tailwind.css";

Los tokens CSS publicos usan el prefijo --rs-.

.button {
  background: var(--rs-color-button-primary);
  color: var(--rs-color-text-button-primary);
}

Contexto para agentes de IA

El paquete publica contexto dentro de node_modules/@robosophy/tokens. Tambien queda disponible si el proyecto instala @robosophy/prime-theme, porque ese paquete depende de @robosophy/tokens.

• AGENTS.md: reglas cortas para agentes.
• dist/ai-context.md: reglas de uso, imports y lista de tokens.
• dist/tokens.md: referencia en Markdown.
• dist/tokens.json: datos estructurados.

Para que Codex u otros agentes tengan instrucciones a nivel proyecto, ejecuta:

npx robosophy-tokens init

El comando crea o actualiza una seccion marcada en AGENTS.md sin sobrescribir otras instrucciones del proyecto.

Referencia visual

Despues de instalar el paquete, puedes abrir:

node_modules/@robosophy/tokens/dist/tokens.html

Tambien puedes consultar @robosophy/tokens/tokens.md, @robosophy/tokens/ai-context.md y @robosophy/tokens/tokens.json.

La fuente de verdad está en src/tokens.ts. Los archivos de dist/ son generados.