All the shared types in the components demo pages can be refactored to be read from a single place

[msynk]

All the shared types in the components demo pages can be refactored to be read from a single place:

The shared types (like BitColor) are repeated in all demo pages. it is a good practice to refactor them away from each demo page and put them in a single place so all demo pages can reuse this new shared document.