pantoken-root / web-components

web-components ​

Compatibility ​

Target: Web Components. Current format: Custom-element registration and button shadow output. Tested environment: Node 26.10.0 with happy-dom 20.14.5. Real-browser rendering and interaction behavior are not verified.

Full compatibility matrix

Alpha

@pantoken/web-components — framework-agnostic custom elements for Instructure UI.

register (auto-invoked in the browser) defines the full <instui-*> element set into any custom-element registry. Each element renders the matching @pantoken/components CSS into its shadow root; tokens are inherited custom properties that pierce the shadow boundary — load @pantoken/css to supply them.

For localized UI strings (calendar nav labels, date-input placeholder, drilldown Back text) pass locale, strings, or dir options to register. The full Canvas-parity bundle set and the registerLocalized helper are exported from this package as well.

The module is Node-safe: element classes are defined inside register, a no-op when there is no DOM, so importing during SSR or a build never touches HTMLElement.

Registration and shadow output are environment-verified with Happy DOM; real-browser behavior is not covered by that check.

Interfaces ​

Variables ​

Functions ​