pantoken / packages/plugin-kit/src / extendPlugin

Função: extendPlugin()

extendPlugin(base, overrides): PantokenPlugin

Beta

Crie um plugin sobre outro. Hooks do mesmo estágio são compostos: tokens executa base então overrides (que vê a saída da base); css mescla ambos os CssContribution; icons/native executam ambos; rehype encadeia resolvedores (substitui o primeiro). As capacidades são a união.

Parâmetros

base

PantokenPlugin

O plugin a ser estendido.

overrides

Partial<PantokenPlugin>

Hooks (e um name opcional) aplicados por cima.

Retorna

PantokenPlugin

Um novo plugin com marca.

Exemplo

Adicionar uma contribuição CSS extra por cima de um plugin base

import { definePlugin, extendPlugin } from "@pantoken/plugin-kit";

const base = definePlugin({ name: "brand", css: () => ({ append: ":root {}" }) });
const themed = extendPlugin(base, { css: () => ({ append: ".dark {}" }) });
// themed.css merges both contributions; its append holds ":root {}\n\n.dark {}"