pantoken / packages/plugin-kit/src / definePlugin

함수: definePlugin()

definePlugin(config): PantokenPlugin

베타

훅으로부터 pantoken 플러그인을 만듭니다. 결과물은 제공한 훅에서 유추한 기능들로 브랜딩된 일반 PantokenPlugin입니다.

매개변수

config

PantokenPlugin

플러그인 name과 tokens/icons/css/rehype/native 훅들 중 하나 이상을 포함합니다.

반환값

PantokenPlugin

브랜딩된 PantokenPlugin입니다.

예제

통합된 토큰 + 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"]