fix(material/list): match leading icon size in M3 to spec

Increase size of the leading icon in M3 List to 24px. Match spec, which has list-item-leading-icon-size of 24px. Current version of tokens (0_161) has 18px. Does not affect M2 List.
angular · Feb 13, 2024 · fac45f3 · fac45f3
1 parent 581e42f
commit fac45f3
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/material-experimental/theming/_m3-tokens.scss b/src/material-experimental/theming/_m3-tokens.scss
@@ -475,6 +475,13 @@
   @if map.get($tokens, list-item-container-color) != null {
     $tokens: map.set($tokens, list-item-container-color, transparent);
   }
+
+  // Match spec, which has list-item-leading-icon-size of 24px. Current version of tokens (0_161)
+  // has 18px.
+  @if map.get($tokens, list-item-leading-icon-size) != null {
+    $tokens: map.set($tokens, list-item-leading-icon-size, 24px);
+  }
+
   @return $tokens;
 }