Skip to content

pantoken-root / packages/plugin-kit/src / definePlugin

Funció: definePlugin() ​

definePlugin(config): PantokenPlugin

Beta

Crear un connector pantoken a partir dels seus ganxos. El resultat és un PantokenPlugin normal marcat amb les capacitats inferides dels ganxos que heu proporcionat.

Paràmetres ​

config ​

PantokenPlugin

El connector name més qualsevol dels ganxos tokens/icons/css/rehype/native.

Retorna ​

PantokenPlugin

Un PantokenPlugin marcat.

Exemple ​

Un connector unificat de tokens + css

ts
import { capabilitiesOf, definePlugin } from "@pantoken/plugin-kit";

const brand = definePlugin({
  name: "@acme/brand",
  tokens: (ctx) => [
    ...ctx.tokens,
    ctx.define({ name: "--instui-brand", value: "var(--instui-color-background-brand)" }),
  ],
  css: () => ({ append: ":root { color-scheme: light dark; }" }),
});

capabilitiesOf(brand); // → ["tokens", "css"]