Progress Chart

This is still a WIP. The idea for the chart is to track the status of all the different sections of the design system across our different deliverables.

Key

Label	Definition
Done ✅	Completed
WIP 🚧	In progress
Soon	Before May 7
PDX 🌹	During May 7 - May 11
Later	After May 11
-	Not Planned

Colors

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Solid Colors	Done ✅	-	Done ✅	Done ✅	Later	WIP 🚧
↳ Brand	Done ✅	-	Done ✅	Done ✅	Later	WIP 🚧
↳ UI	WIP 🚧	-	Soon	Soon	Later	WIP 🚧
↳ Other	-	-	Later	-	-	-
Gradients	Done ✅	-	Done ✅	Later	Later	Later
Patterns	Later	-	Later	Later	Later	Later

Layout

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Spacing	Done ✅	-	Later	Done ✅	Later	WIP 🚧
↳ Units	Done ✅	-	Later	Done ✅	Later	WIP 🚧
↳ Margins	Done ✅	-	Later	Done ✅	Later	WIP 🚧
↳ Padding	Done ✅	-	Later	Done ✅	Later	WIP 🚧
Grid System	Done ✅	-	Later	Done ✅	Later	WIP 🚧
↳ Columns	Done ✅	-	Later	Done ✅	Later	WIP 🚧
↳ Gutters	Done ✅	-	Later	Done ✅	Later	WIP 🚧
Breakpoints	Done ✅	-	Later	Done ✅	Later	WIP 🚧

Typography

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Fonts	Later	Done ✅	Later	-	Later	Done ✅
↳ Mozilla Fonts	Later	Done ✅	Later	-	Later	Done ✅
↳ Other Fonts	Later	-	Later	-	-	Done ✅
Styles	Soon	Soon	Later	WIP 🚧	Later	WIP 🚧
↳ Scale	Soon	Soon	Later	WIP 🚧	Later	WIP 🚧
↳ Color	Soon	Soon	Later	WIP 🚧	Later	WIP 🚧
↳ Emphasis	Soon	Soon	Later	WIP 🚧	Later	WIP 🚧
↳ Links	Soon	🚧 #47	Later	WIP 🚧	Later	WIP 🚧
↳ Lists	Soon	Soon	Later	WIP 🚧	Later	WIP 🚧

Assets

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Icons	WIP 🚧	-	-	WIP 🚧	Later	WIP 🚧
↳ Action	PDX 🌹	-	-	PDX 🌹	Later	PDX 🌹
↳ Social	Done ✅	-	-	Done ✅	Later	Done ✅
Logos	Soon	-	-	Soon	Later	Done ✅
Pictograms	Later	-	-	Later	Later	Later
Devices	Later	-	-	PDX 🌹	Later	✅ Do
↳ Browser	-	PDX 🌹	-	PDX 🌹	Later	✅ Do
↳ Laptop	-	Later	-	Later	Later	Later
↳ Phone	-	Later	-	Later	Later	Later

Buttons

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Style	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Types	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Primary, Secondary, Ghost, etc	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Download (Firefox)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Subscribe (Podcasts, RSS)	-	Later	-	Later	Later	Later
↳ Available on App Store	-	Later	-	Later	Later	Later
Sizes (sm, md, lg)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Behavior (hover, active, focus)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹

Forms & Inputs

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Inputs	-	Later	-	Later	Later	Later
↳ Labels	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Text Input	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Default	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Other (Search, Filter, etc.)	-	Later	-	Later	Later	Later
↳ Checkboxes	-	Later	-	Later	Later	Later
↳ Radios	-	Later	-	Later	Later	Later
↳ Disabled State	-	Later	-	Later	Later	Later
Style	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Inputs	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Buttons	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Hints	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Validation	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹

Cards

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Images (1:1, 4:3)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Title	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Description	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Icon(s)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Sizes (sm, md, lg)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Behavior (hover, active, focus)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Link Preview	-	Later	-	PDX 🌹	Later	PDX 🌹

Misc. Simple Components

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Accordion	-	Later	-	Later	Later	Later
Breadcrumb	-	Later	-	Later	Later	Later
Dropdown	-	Later	-	Later	Later	Later
Language Toggle	-	Later	-	Later	Later	Later
Pagination	-	Later	-	Later	Later	Later
Tabs	-	Later	-	Later	Later	Later
Tags	-	Later	-	Later	Later	Later
Tooltips	-	Later	-	Later	Later	Later

Navigation

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Global
↳ Header
↳ Footer
Local
↳ Horizontal	-	Later	-	Later	Later	Later
↳ Vertical

Hero Billboard

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
	-	Later	-	Later	Later	Later

Modal

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Confirmation Modal	-	Later	-	Later	Later	Later
Tour Modal	-	Later	-	Later	Later	Later
↳ Container	-	Later	-	Later	Later	Later
↳ Navigation	-	Later	-	Later	Later	Later
↳ Image(s)	-	Later	-	Later	Later	Later

Motion

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Progress Indicator	-	Later	-	Later	Later	Later
Transitions	-	Later	-	Later	Later	Later
Loading States	-	Later	-	Later	Later	Later

Audio

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Player	-	Later	-	Later	Later	Later
↳ Tracking	-	Later	-	Later	Later	Later
↳ Actions (Play, Pause, etc.)	-	Later	-	Later	Later	Later
Container	-	Later	-	Later	Later	Later
↳ Image	-	Later	-	Later	Later	Later
↳ Title	-	Later	-	Later	Later	Later
↳ Description	-	Later	-	Later	Later	Later
↳ Actions (Share, Subscribe, etc)	-	Later	-	Later	Later	Later

Video

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
Player	-	Later	-	Later	Later	Later
Container	-	Later	-	Later	Later	Later

Data Visualization

	Tokens	Framework	Plugin	Symbols	Guidelines	Decisions
	-	Later	-	Later	Later	Later