Skip to content

Semantic neutral muted rest fill equals canvas — filled components become invisible #5287

Description

@pomfrida

Found during the Chip migration to the semantic interactive tokens (#5225, comment).

background-interactive-neutral-muted-default resolves to neutral-1 — the same value as --eds-background-canvas. A component that uses the muted trio as a filled resting surface therefore becomes invisible against the canvas in light mode: the resting neutral default-variant Chip shows only its text, no pill.

The other tones don't have this problem (their muted rest is step 2, visibly tinted), and Button doesn't hit it because ghost is transparent at rest — the muted trio is only used for hover/pressed there. Chip is the first component to use *-muted-default as an always-visible fill.

Question for design: is neutral-1 intended as the resting value for filled muted surfaces, or should background-interactive-neutral-muted-default sit one step up (making the neutral trio 2/3/4 like the other tones)? Related to the resting-shade discussion in #5282, but this is a light-mode semantic-value question, not a scale bug.

Chip (#5225) holds on this — the neutral default variant is the component's default appearance, so an invisible resting state blocks merge under the beta quality bar.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions