Qida-design-tokens-lib NPM

Design Tokens Library

Biblioteca de componentes y tokens de diseño compartidos para proyectos de QIDA.

Instalación

npm install qida-design-tokens-lib

Uso

Importar tokens de diseño

import { tokens } from "qida-design-tokens-lib";

// Usar tokens en tu código
console.log(tokens.global.colors.primary[500]); // #2C8970

Importar variables CSS

// En tu archivo principal
import "qida-design-tokens-lib/dist/dist/styles.css";

// Ahora puedes usar las variables CSS en tus componentes
// --colors-primary-500: #2C8970;

Usar componentes

import { Button } from "qida-design-tokens-lib";

function App() {
  return (
    <div>
      <Button variant="primary" size="medium">
        Click me
      </Button>
    </div>
  );
}