From 2b5ae8c0edc6e5c435dd729e704c397cfead2896 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Sun, 4 Aug 2024 09:22:51 +0200 Subject: [PATCH] fix(material/chips): missing tokens in M3 (#29531) Fixes that the chips weren't generating the `with-avatar-avatar-shape-radius` and `elevated-container-color` tokens in M3. (cherry picked from commit 7370eb92fc0a4364670914add9b12393c0f84dfe) --- src/material/core/tokens/m3/mdc/_chip.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/material/core/tokens/m3/mdc/_chip.scss b/src/material/core/tokens/m3/mdc/_chip.scss index c8c97136b743..27de7dcf1090 100644 --- a/src/material/core/tokens/m3/mdc/_chip.scss +++ b/src/material/core/tokens/m3/mdc/_chip.scss @@ -18,6 +18,7 @@ $prefix: (mdc, chip); ( container-shape-radius: token-definition.hardcode(8px, $exclude-hardcoded), with-avatar-avatar-size: token-definition.hardcode(24px, $exclude-hardcoded), + with-avatar-avatar-shape-radius: token-definition.hardcode(24px, $exclude-hardcoded), label-text-color: map.get($systems, md-sys-color, on-surface-variant), disabled-label-text-color: sass-utils.safe-color-change( map.get($systems, md-sys-color, on-surface), @@ -43,6 +44,9 @@ $prefix: (mdc, chip); with-avatar-disabled-avatar-opacity: token-definition.hardcode(0.38, $exclude-hardcoded), elevated-selected-container-color: map.get($systems, md-sys-color, secondary-container), + // In the M3 tokens this is a `surface` color, but in the MDC implementation it's + // never being emitted. We emit `transparent` so consumers override the color. + elevated-container-color: token-definition.hardcode(transparent, $exclude-hardcoded), flat-selected-outline-width: token-definition.hardcode(0, $exclude-hardcoded), selected-label-text-color: map.get($systems, md-sys-color, on-secondary-container), flat-disabled-selected-container-color: sass-utils.safe-color-change(