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 marqué 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.

Retourne

PantokenPlugin

Un PantokenPlugin marqué.

Exemple

Un plugin unifié de tokens et de CSS

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"]