pantoken / pendo

pendo ​

Beta

@pantoken/pendo — una hoja de estilo global con estilo Instructure para las guías de Pendo.

Pendo inserta HTML de guías en una página anfitriona; esto renderiza ese DOM de la guía (._pendo-*) to match Instructure UI, usando la capa de tokens de pantoken --instui-* para el alineamiento. Incluye tratamientos responsivos violet y sea para banners de guía junto con alertas, popovers, encuestas y controles. El CSS del componente se porta desde @instructure/pendo-global-css; pantoken suministra los tokens y el assembly. Una sola clase de tema que contiene instui activa la hoja de estilos con ámbito; sufijos compactos en esa clase seleccionan colores y glifos del banner, y un prefijo instui-banner extiende la superficie del banner a popovers y encuestas manteniendo su elevación de superposición.

buildPendoCss compone la hoja de estilo; pendoCss es la versión lista rebrand construida (con ámbito, !important). Se publica un archivo estático en @pantoken/pendo/global.css.

Ejemplo ​

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

Interfaces ​

Variables ​

Funciones ​

Referencias ​

default ​

Renombra y reexporta pendoCss