pantoken / pendo

pendo ​

ベータ

@pantoken/pendo — Pendo ガイド向けの Instructure 風グローバルスタイルシート。

PendoはガイドHTMLをホストページに注入します；これによりそのガイドDOMがレンダリングされ（._pendo-*) to match Instructure UI、pantokenの--instui-*トークンレイヤーを使って整列します）。レスポンシブな violetおよびseaバナーのガイド処理が、アラート、ポップオーバー、調査、コントロールと並んで含まれます。コンポーネントの CSSは@instructure/pendo-global-cssから移植されており；pantokenはトークンと アセンブリを供給します。単一のテーマクラスがinstuiを含むことでスコープされたスタイルシートを有効化します；そのクラスに付けられたcompact サフィックスはバナーの色とグリフを選択し、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 をリネームして再エクスポートします