Component expressive and theme

[photodow]

If the information is available we should add metadata to each component in the component list whether it's an expressive component, and what theme it's using.

expressive

Here is one thought on how to do expressive, but I'm afraid it's not nuanced enough. For example Masthead is productive, but if this will run true on it.

function isExpressive() {
  Boolean(getComputedStyle(document.body).getPropertyValue("--cds-container-01"))
}

there is also a difference between container01 in expressive (2rem) and productive (1.5rem / container01). Might be able to leverage this.

Might also be worth talking to teams if there is a token we can contribute that says whether the component is expressive or not, or what theme it is.

Delayed due to sunsetting feature