carbon-design-system / carbon-design-system/devtools
Component expressive and theme
- Dominant language
- JavaScript
- Stars
- 46
- Forks
- 23
- PR merge metrics
- No merged PRs in 30d
Description
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.
```javascript
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
Contributor guide
Assessment
This issue has not been assessed yet.