pantoken / packages/plugin-kit/src / definePlugin

Funksjon: definePlugin()

definePlugin(config): PantokenPlugin

Beta

Lag ein pantoken-plugin frå stashen av hooks. Resultatet er ein vanleg PantokenPlugin merka med dei funksjonane som kan slutast frå hooksa du gav.

Parametrar

config

PantokenPlugin

Pluginen name pluss ein eller fleire av dei tokens/icons/css/rehype/native hooks.

Returnerer

PantokenPlugin

Ein merka PantokenPlugin.

Døme

Eit samansett tokens- og css-plugin

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