pantoken / 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 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

Variables

• logos
• products
• logosCss

Functions

• getLogoSvg
• getLogoDataUri
• logosPlugin

References

default

Renames and re-exports logosPlugin