Skip to content

refactor(many): extract raw svgs for cross-package use#2543

Open
HouseOfHawks wants to merge 1 commit into
masterfrom
TASTY-1731
Open

refactor(many): extract raw svgs for cross-package use#2543
HouseOfHawks wants to merge 1 commit into
masterfrom
TASTY-1731

Conversation

@HouseOfHawks
Copy link
Copy Markdown
Collaborator

@HouseOfHawks HouseOfHawks commented May 6, 2026

This PR:

  • Extracts raw SVGs into a separate ui-icons-svg package, free of framework dependencies, for use in other icon-generating packages,
  • adds a new bucket in ui-icons-svg/svg/Parchment for all Graphics, Icons and Vectors used in Parchment, Digitary, Scribbles and Quottly applications,
  • maintains backwards compatibility for Lucide/React icons in ui-icons while making new Parchment icons available in this React package (both legacy and beta), and
  • updates the __docs__ app so that consumers can now filter icons by organization type and asset type when viewing Parchment assets (demo below)

Tech-Spec Outlining the Justification For This Work

Demo:

Screen.Recording.2026-05-06.at.8.46.53.AM.mov

Next iterations (ongoing work):

Currently there is significant asset overlap. Design teams will need to work through both asset libraries and unify that overlap (ie, InstUI's x.svg and Parchment's close.svg). Parchment application developers will need access to this full set of assets initially as teams begin implementing InstUI, but as re-design work becomes available those teams will be pointed to the InstUI icons where applicable. In other cases where assets are Parchment-specific or there is no InstUI counterpart, those Parchment assets will remain.

@CLAassistant
Copy link
Copy Markdown

CLAassistant commented May 6, 2026

CLA assistant check
All committers have signed the CLA.

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 6, 2026

PR Preview Action v1.8.1

QR code for preview link

🚀 View preview at
https://instructure.design/pr-preview/pr-2543/

Built to branch gh-pages at 2026-05-15 13:43 UTC.
Preview will be ready when the GitHub Pages deployment is complete.

@matyasf matyasf self-assigned this May 6, 2026
@HouseOfHawks HouseOfHawks force-pushed the TASTY-1731 branch 3 times, most recently from 68f4ad5 to c66c76d Compare May 11, 2026 12:50
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 11, 2026

Visual regression report

No changes.

Status Count
Unchanged 32
Changed 0
New 0
Removed 0

📊 View full report

Baselines come from the visual-baselines branch. They refresh on every merge to master.

@matyasf
Copy link
Copy Markdown
Collaborator

matyasf commented May 14, 2026

Can you please add a postfix to the new icons? e.g. AccessibilityParchment

extracted raw svgs into a new ui-icons-svg package and added as a dependency

in ui-icons

feat(ui-scripts,ui-icons,ui-icons-svg): added parchment assets

added parchment icons, vectors and graphics
retooled script bundling to support parchment asset categories
extended demo app to conditionally render all icons by org
extended demo app to conditionally render parchment icons by type

refactor(ui-icons-svg): icons cleanup

cleaned up now unused directory

refactor(ui-scripts): typescript fix

fix(github actions): pin chromaui/action to v11

ci(github actions): removed debugging change

refactor(ui-scripts): rebase and add suffix

Handled a complex rebase and added a ParchIcon suffix to Parchment Icons
@HouseOfHawks HouseOfHawks marked this pull request as ready for review May 15, 2026 14:04
@HouseOfHawks HouseOfHawks self-assigned this May 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants