Skip to content

Commit

Permalink
fix(material/chips): missing tokens in M3
Browse files Browse the repository at this point in the history
Fixes that the chips weren't generating the `with-avatar-avatar-shape-radius` and `elevated-container-color` tokens in M3.
  • Loading branch information
crisbeto committed Aug 3, 2024
1 parent fd416a3 commit acf39ce
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions src/material/core/tokens/m3/mdc/_chip.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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),
Expand All @@ -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(
Expand Down

0 comments on commit acf39ce

Please sign in to comment.