dequelabs / dequelabs/cauldron
PROPOSAL: Consolidate icons into a single library and map old icons to new icons
- Dominant language
- TypeScript
- Stars
- 127
- Forks
- 31
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 8
Description
## The Problem
Today, our designs are using multiple icon libraries – this is creating inconsistencies between icons throughout our products where icons might be too thin, too thick, too small, too large, etc. We are mixing libraries of UXPin, Font Awesome, Material UI, and none of which were made to work together.
## Proposal
Consolidating to use a singular icon set proposed by branding. Maybe using [material icon](https://fonts.google.com/icons?icon.set=Material+Icons) set?
If so:
- Picking subset of icons (just what we need) and including them in Cauldron
## Work to be done
- [ ] Identifying all the icons that are needed
- [ ] Naming strategies
- [ ] Adopt naming strategy from (insert icon library here)
- [ ] Identify current icons which map to new icon set
- [ ] If using material map old icons to new icons, e.g. "add-user" to "person add"
- [ ] Implement a code mod to automatically convert existing code base to use new icon names
- [ ] Pull icon library into Figma
- [ ] Remediate existing components that use icons (account for new spacing of icons)
- [ ] Update documentation (how to add a new icon)
- [ ] How to implement custom icons (follow same patterns as selected icon set, "ufa" would be custom)
Contributor guide
Assessment
This issue has not been assessed yet.