Skip to content

pantoken-root / pendo

pendo ​

Compatibility ​

Target: Pendo. Host compatibility has not yet been verified.

Full compatibility matrix

Бета

@pantoken/pendo — глобальна таблиця стилів у стилі Instructure для гідів Pendo.

Pendo впроваджує HTML керівництва в хост-сторінку; це рендерить DOM цього керівництва (._pendo-*) щоб відповідати Instructure UI, використовуючи __pantoken--instui-* шар токенів для вирівнювання. Він включає адаптивні обробки банерів violet та sea для керівництв поряд із повідомленнями, поповерами, опитуваннями та елементами управління. CSS компоненту портовано з @instructure/pendo-global-css; pantoken постачає токени та збірку. Одиничний клас теми, що містить instui, активує обмежену таблицю стилів; компактні суфікси на цьому класі вибирають кольори банера та гліфи, а префікс instui-banner розширює поверхню банера до поповерів і опитувань, зберігаючи при цьому їхнє піднесення оверлею.

buildPendoCss компонує таблицю стилів; pendoCss — готова збірка rebrand (скоупована, !important). Статичний файл публікується за адресою @pantoken/pendo/global.css.

Приклад ​

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

Інтерфейси ​

Змінні ​

Функції ​

Посилання ​

default ​

Перейменовує і повторно експортує pendoCss