pantoken / pendo

pendo ​

Beta

@pantoken/pendo — ein im Instructure‑Stil gestaltetes globales Stylesheet für Pendo‑Guides.

Pendo injiziert Guide-HTML in eine Host-Seite; dies rendert das Guide-DOM (._pendo-*) zum Anpassen Instructure UI, unter Verwendung von pantoken's --instui-* Token-Schicht zur Ausrichtung. Es umfasst responsive Violett- und See-Banner-Guide-Behandlungen neben Warnungen, Popovers, Umfragen und Steuerelementen. Das Komponenten-CSS wurde von @instructure/pendo-global-css portiert; pantoken liefert die Token und die Montage. Eine einzelne Theme-Klasse mit instui aktiviert das scoped-Stylesheet; kompakte Suffixe auf dieser Klasse wählen Banner-Farben und Glyphen, und ein instui-banner Präfix erweitert die Banner-Oberfläche zu Popovers und Umfragen, während ihre Overlay-Elevation beibehalten wird.

buildPendoCss komponiert das Stylesheet; pendoCss ist der fertig erzeugte rebrand Build (scoped, !important). Eine statische Datei wird unter @pantoken/pendo/global.css veröffentlicht.

Beispiel ​

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

Schnittstellen ​

Variablen ​

Funktionen ​

Referenzen ​

default ​

Benennt um und exportiert pendoCss erneut