Skip to content

pantoken / packages/plugin-kit/src / definePlugin

Funktion: definePlugin()

definePlugin(config): PantokenPlugin

Beta

Skapa ett pantoken-plugin från dess hooks. Resultatet är ett vanligt PantokenPlugin märkt med de funktioner som härleds från de hooks du angav.

Parametrar

config

PantokenPlugin

Pluginet name plus vilket som helst av tokens/icons/css/rehype/native-hookarna.

Returnerar

PantokenPlugin

En märkt PantokenPlugin.

Exempel

Ett enhetligt tokens- och css-plugin

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