Skip to content

pantoken / packages/plugin-kit/src / definePlugin

Fonction: definePlugin()

definePlugin(config): PantokenPlugin

Bêta

Créer un plugin pantoken à partir de ses hooks. Le résultat est un PantokenPlugin normal étiqueté avec les capacités déduites des hooks que vous avez fournis.

Paramètres

config

PantokenPlugin

Le plugin name plus n'importe lequel des hooks tokens/icons/css/rehype/native.

Renvoie

PantokenPlugin

Un PantokenPlugin étiqueté.

Exemple

Un plugin unifié 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"]