fix(dialog): tonal surface update

PiperOrigin-RevId: 522236327
material-components · Apr 6, 2023 · c64f416 · c64f416
1 parent 60ef2ab
commit c64f416
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/dialog/lib/_dialog.scss b/dialog/lib/_dialog.scss
@@ -115,11 +115,10 @@
     padding-block-end: var(--_container-block-padding);
   }
 
-  md-elevation-surface {
+  md-elevation {
     @include elevation.theme(
       (
-        level: var(--_container-elevation),
-        surface-tint: var(--_container-surface-tint-layer-color),
+        'level': var(--_container-elevation),
       )
     );
   }

diff --git a/dialog/lib/dialog.ts b/dialog/lib/dialog.ts
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import '../../elevation/elevation-surface.js';
+import '../../elevation/elevation.js';
 
 import {html, LitElement, PropertyValues} from 'lit';
 import {property, query, state} from 'lit/decorators.js';
@@ -275,7 +275,7 @@ export class Dialog extends LitElement {
         @pointermove=${this.handlePointerMove}
         @pointerup=${this.handleDragEnd}
       >
-        <md-elevation-surface></md-elevation-surface>
+        <md-elevation></md-elevation>
         <header class="header">
           <slot name="header">
             <slot name="headline-prefix"></slot>

diff --git a/tokens/_md-comp-dialog.scss b/tokens/_md-comp-dialog.scss
@@ -7,13 +7,12 @@
 @use 'sass:map';
 // go/keep-sorted end
 // go/keep-sorted start
+@use './md-sys-color';
 @use './md-sys-elevation';
 @use './md-sys-shape';
 @use './md-sys-state';
 @use './md-sys-typescale';
-// TODO(b/272526637): tonal surface update
-@use './v0_161/md-comp-dialog';
-@use './v0_161/md-sys-color';
+@use './v0_172/md-comp-dialog';
 // go/keep-sorted end
 
 $_default: (