pantoken / pendo

pendo ​

Beta

@pantoken/pendo — eit Instructure-styla, globalt stilark for Pendo-rettleiingar.

Pendo injiserer guide-HTML i ei vertsside; dette rendrar guide-DOM-en (._pendo-*) to match Instructure UI, using pantoken's --instui-* token layer for alignment. It includes responsive violet and sea banner guide treatments alongside alerts, popovers, surveys, and controls. The component CSS is ported from @instructure/pendo-global-css; pantoken supplies the tokens and the assembly. A single theme class containing instui activates the scoped stylesheet; compact suffixes on that class select banner colors and glyphs, and an instui-banner prefix extends the banner surface to popovers and surveys while keeping their overlay elevation.

buildPendoCss set saman stilarket; pendoCss er den ferdige rebrand‑bygginga (avgrensa, !important). Ein statisk fil blir publisert på @pantoken/pendo/global.css.

Døme ​

ts
import { pendoCss } from "@pantoken/pendo";
// or a variant: buildPendoCss({ theme: "canvas", scope: false })

Grensesnitt ​

Variablar ​

Funksjonar ​

Referansar ​

default ​

Endrar namn og re‑eksporterer pendoCss