Skip to content

pantoken / pendo

pendo

Bêta

@pantoken/pendo — une feuille de style globale de style Instructure pour les guides Pendo.

Pendo injecte le HTML du guide dans une page hôte ; cela rend le DOM du guide (._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 compose la feuille de style ; pendoCss est la version prête-à-l’emploi rebrand construite (scopée, !important). Un fichier statique est publié à @pantoken/pendo/global.css.

Exemple

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

Interfaces

Variables

Fonctions

Références

default

Renomme et ré-exporte pendoCss