bug(M3 mat-card): Elevated card uses the wrong surface color

[admin-pilotds]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

MDC M3 specification (https://m3.material.io/components/cards/specs) dictates that enabled elevated card container color should be md.sys.color.surface-container-low

However, in @material/tokens/v0_161/_md-comp-elevated-card.scss we have

...
'container-color': map.get($deps, 'md-sys-color', 'surface'),
...

Should be changed to

'container-color': map.get($deps, 'md-sys-color', 'surface-container-low'),

Reproduction

No need for reproduction -- this is clearly not according to specification.

Expected Behavior

An elevated card with 'surface-container-low' background

Actual Behavior

An elevated card with 'surface' background

Environment

• Angular: 18.0.1
• CDK/Material: 18.0.1

[andrewseguin]

The tokens are outside of our scope and would need to be fixed in the dependency https://github.com/material-components/material-components-web

I suggest filing the issue there

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

[andrewseguin]

Re-opening because our repository now owns its own token definitions rather than importing them from another package