pantoken / pendo

pendo ​

بتا

@pantoken/pendo — یک شیت‌استایل سراسری با سبک Instructure برای راهنماهای Pendo.

Pendo کد HTML راهنما را در صفحهٔ میزبان تزریق می‌کند؛ این DOM راهنما را رندر می‌کند (._pendo-*) to match Instructure UI، با استفاده از لایهٔ توکن pantoken برای ترازسازی --instui-*). این شامل درمان‌های راهنمای بنر پاسخگو بنفش و دریایی و همچنین هشدارها، پاپ‌آورها، نظرسنجی‌ها و کنترل‌ها است. CSSِ component از @instructure/pendo-global-css منتقل شده است؛ pantoken توکن‌ها و assembly را فراهم می‌کند. یک کلاس تم واحد که شامل instui است، stylesheetِ محدوده‌بندی‌شده را فعال می‌کند؛ پسوندهای فشردهٔ روی آن کلاس رنگ‌ها و نمادهای بنر را انتخاب می‌کنند، و یک پیشوند instui-banner سطح بنر را به پاپ‌آورها و نظرسنجی‌ها گسترش می‌دهد در حالی که ارتفاع پوشش (overlay) آن‌ها را حفظ می‌کند.

buildPendoCss شیت‌استایل را ترکیب می‌کند؛ pendoCss همان ساختۀ آمادهٔ rebrand است (محدوده‌بندی‌شده، !important). یک فایل استاتیک در @pantoken/pendo/global.css منتشر می‌شود.

نمونه ​

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

رابط‌ها ​

متغیرها ​

توابع ​

ارجاعات ​

default ​

تغییر نام و دوباره‌صادر کردن pendoCss