Skip to content

pantoken / pendo

pendo

Бета

@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