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-*) to match Instructure UI, используя слой токенов pantoken --instui-* для выравнивания. Он включает адаптивные оформления руководств для баннеров violet и sea наряду с предупреждениями, popovers, опросами и элементами управления. CSS компонента портирован из @instructure/pendo-global-css; pantoken поставляет токены и сборку. Один класс темы, содержащий instui, активирует областной (scoped) stylesheet; компактные суффиксы на этом классе выбирают цвета баннера и глифы, а префикс instui-banner расширяет поверхность баннера на popovers и опросы, при этом сохраняя их elevation наложения.

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

Пример ​

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

Интерфейсы ​

Переменные ​

Функции ​

Ссылки ​

default ​

Переименовывает и реэкспортирует pendoCss