From 36e87e71695dab7d46062a17995e5044c5db54f3 Mon Sep 17 00:00:00 2001
From: Andrew Seguin <andrewjs@google.com>
Date: Thu, 16 Oct 2025 11:32:18 -0600
Subject: [PATCH 1/2] fix(material/core): rename corner extra-small to xs

---
 src/material/core/tokens/_classes.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/material/core/tokens/_classes.scss b/src/material/core/tokens/_classes.scss
index 83db3ca6ef84..128cb41f03f5 100644
--- a/src/material/core/tokens/_classes.scss
+++ b/src/material/core/tokens/_classes.scss
@@ -306,7 +306,7 @@
 
   // Sets the border radius to extra small. Use for components that need a small amount of rounding,
   // such as a chip. In Angular Material, this is used for the shape of a snackbar and a tooltip.
-  .mat-corner-extra-sm {
+  .mat-corner-xs {
     border-radius: var(--mat-sys-corner-extra-small);
   }
 

From c8fe66fbe11cc4e9cf96b7dabcadb1dd79bc5a12 Mon Sep 17 00:00:00 2001
From: Andrew Seguin <andrewjs@google.com>
Date: Thu, 16 Oct 2025 11:46:17 -0600
Subject: [PATCH 2/2] fix(material/core): update devapp

---
 src/dev-app/system-classes-demo/system-classes-demo.html | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/dev-app/system-classes-demo/system-classes-demo.html b/src/dev-app/system-classes-demo/system-classes-demo.html
index 4c2911911942..c1eda95ae802 100644
--- a/src/dev-app/system-classes-demo/system-classes-demo.html
+++ b/src/dev-app/system-classes-demo/system-classes-demo.html
@@ -115,9 +115,7 @@ <h3> Label </h3>
 <section>
   <h2>Shape</h2>
   <div class="demo-section-container demo-grid">
-    <div class="mat-border mat-corner-extra-sm demo-box mat-bg-primary-container">
-      mat-corner-extra-sm
-    </div>
+    <div class="mat-border mat-corner-xs demo-box mat-bg-primary-container">mat-corner-xs</div>
     <div class="mat-border mat-corner-sm demo-box mat-bg-primary-container">mat-corner-sm</div>
     <div class="mat-border mat-corner-md demo-box mat-bg-primary-container">mat-corner-md</div>
     <div class="mat-border mat-corner-lg demo-box mat-bg-primary-container">mat-corner-lg</div>