pantoken / pendo

pendo

Beta

@pantoken/pendo — an Instructure-styled global stylesheet for Pendo guides.

Pendo injects guide HTML into a host page; this renders that guide DOM (._pendo-*) to match Instructure UI, using pantoken's --instui-* token layer for alignment. The component CSS is ported from @instructure/pendo-global-css; pantoken supplies the tokens and the assembly.

buildPendoCss composes the stylesheet; pendoCss is the ready-made rebrand build (scoped, !important). A static file is published at @pantoken/pendo/global.css.

Example

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

Interfaces

• BuildPendoCssOptions
• AddScopeOptions

Variables

• pendoCss
• LAYER_ORDER
• COMPONENTS

Functions

• buildPendoCss
• addImportant
• addScope

References

default

Renames and re-exports pendoCss