pantoken-root / logos

logos

Beta

@pantoken/plugin-logos — Instructure product logos as SVGs, data URIs, and image tokens.

It vendors the SVG logos from Instructure's UX guidelines for Canvas, Mastery, Parchment, Instructure, LearnPlatform, and Ignite AI, in the standard layouts (horizontal, stacked, icon) and color modes (full-color, color, dark, reversed, and so on). Each logo is available three ways: the raw SVG (getLogoSvg), a data URI (getLogoDataUri), and a --instui-logo-<product>-<layout>-<mode> image token plus a .-logo-<product>-<layout>-<mode> mask-glyph class (sized by that logo's own aspect ratio) in @pantoken/plugin-logos/logos.css.

As a pantoken plugin, the css hook contributes those image tokens.

Interfaces

• LogoMeta
• LogosOptions

Type Aliases

• Product
• LogoLayout
• LogoColorMode
• LogoLang

Variables

• logos
• products
• logosCss

Functions

• getLogoSvg
• getLogoDataUri
• getLogoMeta
• logosPlugin

References

default

Renames and re-exports logosPlugin