pantoken / pendo

pendo ​

Βήτα

@pantoken/pendo — ένα παγκόσμιο φύλλο στυλ με στυλ Instructure για οδηγούς Pendo.

Η Pendo εγχέει το HTML του οδηγού σε μια φιλοξενούμενη σελίδα· αυτό αποδίδει το DOM του οδηγού (._pendo-*) για να ταιριάξει Instructure UI, χρησιμοποιώντας το στρώμα tokens του pantoken (--instui-*) για την ευθυγράμμιση. Περιλαμβάνει responsive στυλ οδηγού banner «violet» και «sea» μαζί με ειδοποιήσεις, αναδυόμενα παράθυρα (popovers), έρευνες και χειριστήρια. Το CSS του component έχει μεταφερθεί από @instructure/pendo-global-css; το pantoken παρέχει τα tokens και τη συναρμολόγηση. Μια ενιαία κλάση θέματος που περιέχει instui ενεργοποιεί το scoped stylesheet· συμπαγή καταλήξεις σε αυτή την κλάση επιλέγουν τα χρώματα και τα γλυφικά του banner, και ένα instui-banner πρόθεμα επεκτείνει την επιφάνεια του banner προς τα popovers και τις έρευνες διατηρώντας παράλληλα το ύψος επικάλυψής τους.

buildPendoCss συναρμολογεί το φύλλο στυλ· το pendoCss είναι το έτοιμο rebrand build (περιορισμένο, !important). Ένα στατικό αρχείο δημοσιεύεται στο @pantoken/pendo/global.css.

Παράδειγμα ​

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

Διεπαφές ​

Μεταβλητές ​

Συναρτήσεις ​

Αναφορές ​

default ​

Μετονομάζει και επανεξάγει το pendoCss