@etus/seven-react

Seven Design System — umbrella package que reexporta tudo de @etus/ui (componentes React) e @etus/tokens (CSS variables).

Publicado no npm público sob o scope @etus.

Instalação

pnpm add @etus/seven-react
# ou
npm install @etus/seven-react

Sem configuração de registry — é um pacote público no npmjs.org, como @etus/ui e @etus/tokens.

Uso

import { Button, Card } from "@etus/seven-react";
import "@etus/seven-react/styles.css"; // tokens + base

export function App() {
  return <Button>Olá Seven</Button>;
}

Se quiser só os tokens (sem componentes):

@import "@etus/seven-react/tokens.css";

Por que esse pacote existe

@etus/seven-react é um umbrella 1:1 sobre @etus/ui — um nome de marca único sob o scope Seven, deixando espaço para futuros ports por framework (ex.: @etus/seven-vue). Hoje a API é idêntica à de @etus/ui; use o que preferir.