fix(navigationbar): tonal surface update

PiperOrigin-RevId: 522237428
material-components · Apr 6, 2023 · a5fe8f3 · a5fe8f3
1 parent c64f416
commit a5fe8f3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/navigationbar/lib/_navigation-bar.scss b/navigationbar/lib/_navigation-bar.scss
@@ -57,7 +57,7 @@
     }
   }
 
-  md-elevation-surface {
+  md-elevation {
     z-index: 0;
   }
 }
diff --git a/navigationbar/lib/navigation-bar.ts b/navigationbar/lib/navigation-bar.ts
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import '../../elevation/elevation-surface.js';
+import '../../elevation/elevation.js';
 
 import {html, LitElement, PropertyValues, TemplateResult} from 'lit';
 import {property, queryAssignedElements} from 'lit/decorators.js';
@@ -41,8 +41,8 @@ export class NavigationBar extends LitElement implements NavigationBarState {
             @keydown="${this.handleKeydown}"
             @navigation-tab-interaction="${this.handleNavigationTabInteraction}"
             @navigation-tab-rendered=${this.handleNavigationTabConnected}
-          ><md-elevation-surface shadow
-          ></md-elevation-surface><div class="md3-navigation-bar__tabs-slot-container"
+          ><md-elevation></md-elevation
+          ><div class="md3-navigation-bar__tabs-slot-container"
         ><slot></slot></div></div>`;
   }
 

diff --git a/tokens/_md-comp-navigation-bar.scss b/tokens/_md-comp-navigation-bar.scss
@@ -4,13 +4,12 @@
 //
 
 // 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-navigation-bar';
-@use './v0_161/md-sys-color';
+@use './v0_172/md-comp-navigation-bar';
 // go/keep-sorted end
 
 $_default: (