feat(menu): add menu padding tokens

PiperOrigin-RevId: 720338956
material-components · Jan 28, 2025 · 128a698 · 128a698
1 parent 82a32ad
commit 128a698
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/menu/internal/_menu.scss b/menu/internal/_menu.scss
@@ -100,7 +100,8 @@
   }
 
   .item-padding {
-    padding-block: 8px;
+    padding-block: map.get($tokens, 'top-space')
+      map.get($tokens, 'bottom-space');
   }
 
   .has-overflow:not([popover]) .items {

diff --git a/tokens/_md-comp-menu.scss b/tokens/_md-comp-menu.scss
@@ -16,10 +16,12 @@
 
 $supported-tokens: (
   // go/keep-sorted start
+  'bottom-space',
   'container-color',
   'container-elevation',
   'container-shadow-color',
   'container-shape',
+  'top-space',
   // go/keep-sorted end
 );
 
@@ -46,7 +48,11 @@ $_default: (
   $tokens: validate.values(
     md-comp-menu.values($deps),
     $supported-tokens: $supported-tokens,
-    $unsupported-tokens: $unsupported-tokens
+    $unsupported-tokens: $unsupported-tokens,
+    $new-tokens: (
+      'top-space': if($exclude-hardcoded-values, null, 8px),
+      'bottom-space': if($exclude-hardcoded-values, null, 8px),
+    )
   );
 
   @if not $exclude-custom-properties {