chore: update catalog usage of md-list-item

PiperOrigin-RevId: 567738815
material-components · Sep 22, 2023 · 205bdc6 · 205bdc6
1 parent f81ce11
commit 205bdc6
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/catalog/site/_includes/default.html b/catalog/site/_includes/default.html
@@ -61,11 +61,10 @@
               <li>
                 <md-list-item
                   href="{{ component.url }}"
-                  headline="{{ component.data.name }}"
                   {% if component.url == page.url %}selected{% endif %}
                   data-role=""
                   item-tabindex="0"
-                ></md-list-item>
+                >{{ component.data.name }}</md-list-item>
               </li>
             {% endfor %}
           </md-list>

diff --git a/catalog/site/css/global.css b/catalog/site/css/global.css
@@ -87,9 +87,7 @@ a:focus-visible {
 }
 
 nav-drawer md-list-item[href][selected] {
-  --md-list-item-container-color: var(
-    --md-sys-color-surface-container-highest
-  );
+  background: var(--md-sys-color-surface-container-highest);
 }
 
 nav-drawer md-list li {
@@ -114,12 +112,15 @@ nav-drawer md-list md-list-item::part(focus-ring) {
 
 md-list {
   --md-list-container-color: transparent;
-  --md-list-item-container-color: transparent;
   display: block;
   margin-inline: var(--catalog-spacing-m);
   min-width: unset;
 }
 
+md-list-item {
+  border-radius: var(--catalog-list-item-shape);
+}
+
 md-list-item[href] {
   margin-block: var(--catalog-spacing-m);
   display: block;

diff --git a/catalog/src/components/nav-drawer.ts b/catalog/src/components/nav-drawer.ts
@@ -151,7 +151,7 @@ import {SignalElement} from '../signals/signal-element.js';
     }
 
     ::slotted(*) {
-      --md-list-item-container-shape: var(--catalog-shape-xl);
+      --catalog-list-item-shape: var(--catalog-shape-xl);
       --md-focus-ring-shape: var(--catalog-shape-xl);
     }
 

diff --git a/select/internal/selectoption/select-option.ts b/select/internal/selectoption/select-option.ts
@@ -6,7 +6,7 @@
 
 import '../../../ripple/ripple.js';
 import '../../../focus/md-focus-ring.js';
-import '../../../item/item.js';
+import '../../../labs/item/item.js';
 
 import {html, LitElement, nothing} from 'lit';
 import {property, query, queryAssignedElements} from 'lit/decorators.js';