feat(list,menu): add css shadow parts to sub components

PiperOrigin-RevId: 553896396
material-components · Aug 4, 2023 · 65d04a3 · 65d04a3
1 parent 09cb6da
commit 65d04a3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/list/internal/listitem/list-item.ts b/list/internal/listitem/list-item.ts
@@ -173,7 +173,11 @@ export class ListItemEl extends LitElement implements ListItem {
    * Handles rendering of the ripple element.
    */
   protected renderRipple(): TemplateResult|typeof nothing {
-    return html`<md-ripple for="item" ?disabled=${this.disabled}></md-ripple>`;
+    return html`
+      <md-ripple
+          part="ripple"
+          for="item"
+          ?disabled=${this.disabled}></md-ripple>`;
   }
 
   /**

diff --git a/menu/internal/menu.ts b/menu/internal/menu.ts
@@ -265,6 +265,7 @@ export abstract class Menu extends LitElement {
     const {ariaLabel} = this as ARIAMixinStrict;
     return html`
       <md-list
+          part="list"
           id="list"
           aria-label=${ariaLabel || nothing}
           type=${this.type}
@@ -291,7 +292,7 @@ export abstract class Menu extends LitElement {
    * Renders the elevation component.
    */
   private renderElevation() {
-    return html`<md-elevation></md-elevation>`;
+    return html`<md-elevation part="elevation"></md-elevation>`;
   }
 
   /**