From b74e3dd2e3f11fa20dd5a39148a6b491bacded16 Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Tue, 5 Mar 2024 13:17:12 -0800
Subject: [PATCH] fix(elevation): expose md-elevation `::part` in all
 components

PiperOrigin-RevId: 612946796
---
 button/internal/elevated-button.ts                  | 2 +-
 button/internal/filled-button.ts                    | 2 +-
 button/internal/filled-tonal-button.ts              | 2 +-
 chips/internal/assist-chip.ts                       | 2 +-
 chips/internal/filter-chip.ts                       | 2 +-
 fab/internal/shared.ts                              | 2 +-
 labs/navigationbar/internal/navigation-bar.ts       | 2 +-
 labs/navigationdrawer/internal/navigation-drawer.ts | 2 +-
 slider/internal/slider.ts                           | 4 +++-
 tabs/internal/tab.ts                                | 2 +-
 10 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/button/internal/elevated-button.ts b/button/internal/elevated-button.ts
index 72828a564..95dad71c1 100644
--- a/button/internal/elevated-button.ts
+++ b/button/internal/elevated-button.ts
@@ -15,6 +15,6 @@ import {Button} from './button.js';
  */
 export class ElevatedButton extends Button {
   protected override renderElevationOrOutline() {
-    return html`<md-elevation></md-elevation>`;
+    return html`<md-elevation part="elevation"></md-elevation>`;
   }
 }
diff --git a/button/internal/filled-button.ts b/button/internal/filled-button.ts
index a9052a523..d6e9f748a 100644
--- a/button/internal/filled-button.ts
+++ b/button/internal/filled-button.ts
@@ -15,6 +15,6 @@ import {Button} from './button.js';
  */
 export class FilledButton extends Button {
   protected override renderElevationOrOutline() {
-    return html`<md-elevation></md-elevation>`;
+    return html`<md-elevation part="elevation"></md-elevation>`;
   }
 }
diff --git a/button/internal/filled-tonal-button.ts b/button/internal/filled-tonal-button.ts
index 295cc2996..f6da74932 100644
--- a/button/internal/filled-tonal-button.ts
+++ b/button/internal/filled-tonal-button.ts
@@ -15,6 +15,6 @@ import {Button} from './button.js';
  */
 export class FilledTonalButton extends Button {
   protected override renderElevationOrOutline() {
-    return html`<md-elevation></md-elevation>`;
+    return html`<md-elevation part="elevation"></md-elevation>`;
   }
 }
diff --git a/chips/internal/assist-chip.ts b/chips/internal/assist-chip.ts
index d342ddb2a..d6dcf7ed8 100644
--- a/chips/internal/assist-chip.ts
+++ b/chips/internal/assist-chip.ts
@@ -69,7 +69,7 @@ export class AssistChip extends Chip {
 
   protected override renderOutline() {
     if (this.elevated) {
-      return html`<md-elevation></md-elevation>`;
+      return html`<md-elevation part="elevation"></md-elevation>`;
     }
 
     return super.renderOutline();
diff --git a/chips/internal/filter-chip.ts b/chips/internal/filter-chip.ts
index c361b4373..bd0f07922 100644
--- a/chips/internal/filter-chip.ts
+++ b/chips/internal/filter-chip.ts
@@ -97,7 +97,7 @@ export class FilterChip extends MultiActionChip {
 
   protected override renderOutline() {
     if (this.elevated) {
-      return html`<md-elevation></md-elevation>`;
+      return html`<md-elevation part="elevation"></md-elevation>`;
     }
 
     return super.renderOutline();
diff --git a/fab/internal/shared.ts b/fab/internal/shared.ts
index dc15a4b02..c235c5a7a 100644
--- a/fab/internal/shared.ts
+++ b/fab/internal/shared.ts
@@ -57,7 +57,7 @@ export abstract class SharedFab extends LitElement {
       <button
         class="fab ${classMap(this.getRenderClasses())}"
         aria-label=${ariaLabel || nothing}>
-        <md-elevation></md-elevation>
+        <md-elevation part="elevation"></md-elevation>
         <md-focus-ring part="focus-ring"></md-focus-ring>
         <md-ripple class="ripple"></md-ripple>
         ${this.renderTouchTarget()} ${this.renderIcon()} ${this.renderLabel()}
diff --git a/labs/navigationbar/internal/navigation-bar.ts b/labs/navigationbar/internal/navigation-bar.ts
index 45e82955d..bd36f6b34 100644
--- a/labs/navigationbar/internal/navigation-bar.ts
+++ b/labs/navigationbar/internal/navigation-bar.ts
@@ -48,7 +48,7 @@ export class NavigationBar extends LitElement implements NavigationBarState {
       @keydown="${this.handleKeydown}"
       @navigation-tab-interaction="${this.handleNavigationTabInteraction}"
       @navigation-tab-rendered=${this.handleNavigationTabConnected}
-      ><md-elevation></md-elevation
+      ><md-elevation part="elevation"></md-elevation
       ><div class="md3-navigation-bar__tabs-slot-container"><slot></slot></div
     ></div>`;
   }
diff --git a/labs/navigationdrawer/internal/navigation-drawer.ts b/labs/navigationdrawer/internal/navigation-drawer.ts
index 82156c562..206961192 100644
--- a/labs/navigationdrawer/internal/navigation-drawer.ts
+++ b/labs/navigationdrawer/internal/navigation-drawer.ts
@@ -40,7 +40,7 @@ export class NavigationDrawer extends LitElement {
         aria-modal="${ariaModal || nothing}"
         class="md3-navigation-drawer ${this.getRenderClasses()}"
         role="dialog">
-        <md-elevation></md-elevation>
+        <md-elevation part="elevation"></md-elevation>
         <div class="md3-navigation-drawer__slot-content">
           <slot></slot>
         </div>
diff --git a/slider/internal/slider.ts b/slider/internal/slider.ts
index 562f176b6..c529a4287 100644
--- a/slider/internal/slider.ts
+++ b/slider/internal/slider.ts
@@ -440,7 +440,9 @@ export class Slider extends sliderBaseClass {
         for=${name}
         class=${name}
         ?disabled=${this.disabled}></md-ripple>
-      <div class="handleNub"><md-elevation></md-elevation></div>
+      <div class="handleNub">
+        <md-elevation part="elevation"></md-elevation>
+      </div>
       ${when(this.labeled, () => this.renderLabel(label))}
     </div>`;
   }
diff --git a/tabs/internal/tab.ts b/tabs/internal/tab.ts
index 53aa720cd..623bf1983 100644
--- a/tabs/internal/tab.ts
+++ b/tabs/internal/tab.ts
@@ -99,7 +99,7 @@ export class Tab extends tabBaseClass {
       role="presentation"
       @click=${this.handleContentClick}>
       <md-focus-ring part="focus-ring" inward .control=${this}></md-focus-ring>
-      <md-elevation></md-elevation>
+      <md-elevation part="elevation"></md-elevation>
       <md-ripple .control=${this}></md-ripple>
       <div
         class="content ${classMap(this.getContentClasses())}"