carbon-design-system / carbon-design-system/devtools

Component expressive and theme

Open
#24 0 comments 0 reactions 0 assignees View on GitHub
enhancement
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.