docs(button): remove spectrum-Button--sizeM from examples

Remove the spectrum-Button--sizeM class from the docs examples, now that medium is the default and the class has been removed from the CSS.
adobe · Mar 21, 2024 · 4d9e6f1 · 4d9e6f1
1 parent 67cc6b5
commit 4d9e6f1
Show file tree

Hide file tree

Showing 6 changed files with 96 additions and 96 deletions.
diff --git a/components/button/metadata/button-accent.yml b/components/button/metadata/button-accent.yml
@@ -78,18 +78,18 @@ examples:
         <div class="spectrum-Examples-item">
           <h4 class="spectrum-Heading spectrum-Heading--sizeXS spectrum-Examples-itemHeading">M (default)</h4>
 
-          <button class="spectrum-Button spectrum-Button--accent spectrum-Button--sizeM">
+          <button class="spectrum-Button spectrum-Button--accent">
             <span class="spectrum-Button-label">Edit</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--accent spectrum-Button--sizeM">
+          <button class="spectrum-Button spectrum-Button--accent">
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>
             <span class="spectrum-Button-label">Edit</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--accent spectrum-Button--sizeM spectrum-Button--iconOnly" aria-label="Edit">
+          <button class="spectrum-Button spectrum-Button--accent spectrum-Button--iconOnly" aria-label="Edit">
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>
@@ -144,18 +144,18 @@ examples:
     markup: |
       <div class="spectrum-Examples">
         <div class="spectrum-Examples-item">
-          <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--accent" disabled>
+          <button class="spectrum-Button spectrum-Button--accent" disabled>
             <span class="spectrum-Button-label">Button</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--accent" disabled>
+          <button class="spectrum-Button spectrum-Button--accent" disabled>
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>
             <span class="spectrum-Button-label">Edit</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--accent spectrum-Button--iconOnly" aria-label="Edit" disabled>
+          <button class="spectrum-Button spectrum-Button--accent spectrum-Button--iconOnly" aria-label="Edit" disabled>
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>
@@ -190,18 +190,18 @@ examples:
         <div class="spectrum-Examples-item">
           <h4 class="spectrum-Heading spectrum-Heading--sizeXS spectrum-Examples-itemHeading">M (default)</h4>
 
-          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--accent spectrum-Button--sizeM">
+          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--accent">
             <span class="spectrum-Button-label">Edit</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--accent spectrum-Button--sizeM">
+          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--accent">
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>
             <span class="spectrum-Button-label">Edit</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--accent spectrum-Button--sizeM spectrum-Button--iconOnly" aria-label="Edit">
+          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--accent spectrum-Button--iconOnly" aria-label="Edit">
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>
@@ -256,18 +256,18 @@ examples:
     markup: |
       <div class="spectrum-Examples">
         <div class="spectrum-Examples-item">
-          <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--accent" disabled>
+          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--accent" disabled>
             <span class="spectrum-Button-label">Button</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--accent" disabled>
+          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--accent" disabled>
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>
             <span class="spectrum-Button-label">Edit</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--accent spectrum-Button--iconOnly" aria-label="Edit" disabled>
+          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--accent spectrum-Button--iconOnly" aria-label="Edit" disabled>
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>

diff --git a/components/button/metadata/button-negative.yml b/components/button/metadata/button-negative.yml
@@ -78,18 +78,18 @@ examples:
         <div class="spectrum-Examples-item">
           <h4 class="spectrum-Heading spectrum-Heading--sizeXS spectrum-Examples-itemHeading">M (default)</h4>
 
-          <button class="spectrum-Button spectrum-Button--negative spectrum-Button--sizeM">
+          <button class="spectrum-Button spectrum-Button--negative">
             <span class="spectrum-Button-label">Delete</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--negative spectrum-Button--sizeM">
+          <button class="spectrum-Button spectrum-Button--negative">
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Delete" />
             </svg>
             <span class="spectrum-Button-label">Delete</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--negative spectrum-Button--sizeM spectrum-Button--iconOnly" aria-label="Delete">
+          <button class="spectrum-Button spectrum-Button--negative spectrum-Button--iconOnly" aria-label="Delete">
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Delete" />
             </svg>
@@ -142,18 +142,18 @@ examples:
   - id: button-negative-disabled
     name: Disabled
     markup: |
-      <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--negative" disabled>
+      <button class="spectrum-Button spectrum-Button--negative" disabled>
         <span class="spectrum-Button-label">Delete</span>
       </button>
 
-      <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--negative" disabled>
+      <button class="spectrum-Button spectrum-Button--negative" disabled>
         <svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true">
           <use xlink:href="#spectrum-icon-18-Delete" />
         </svg>
         <span class="spectrum-Button-label">Delete</span>
       </button>
 
-      <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--negative spectrum-Button--iconOnly" aria-label="Delete" disabled>
+      <button class="spectrum-Button spectrum-Button--negative spectrum-Button--iconOnly" aria-label="Delete" disabled>
         <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
           <use xlink:href="#spectrum-icon-18-Delete" />
         </svg>
@@ -186,18 +186,18 @@ examples:
         <div class="spectrum-Examples-item">
           <h4 class="spectrum-Heading spectrum-Heading--sizeXS spectrum-Examples-itemHeading">M (default)</h4>
 
-          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--negative spectrum-Button--sizeM">
+          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--negative">
             <span class="spectrum-Button-label">Delete</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--negative spectrum-Button--sizeM">
+          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--negative">
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Delete" />
             </svg>
             <span class="spectrum-Button-label">Delete</span>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--negative spectrum-Button--sizeM spectrum-Button--iconOnly" aria-label="Delete">
+          <button class="spectrum-Button spectrum-Button--outline spectrum-Button--negative spectrum-Button--iconOnly" aria-label="Delete">
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Delete" />
             </svg>
@@ -250,18 +250,18 @@ examples:
   - id: button-negative-outline-disabled
     name: Outline - Disabled
     markup: |
-      <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--negative" disabled>
+      <button class="spectrum-Button spectrum-Button--outline spectrum-Button--negative" disabled>
         <span class="spectrum-Button-label">Delete</span>
       </button>
 
-      <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--negative" disabled>
+      <button class="spectrum-Button spectrum-Button--outline spectrum-Button--negative" disabled>
         <svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true">
           <use xlink:href="#spectrum-icon-18-Delete" />
         </svg>
         <span class="spectrum-Button-label">Delete</span>
       </button>
 
-      <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--negative spectrum-Button--iconOnly" disabled>
+      <button class="spectrum-Button spectrum-Button--outline spectrum-Button--negative spectrum-Button--iconOnly" disabled>
         <svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true">
           <use xlink:href="#spectrum-icon-18-Delete" />
         </svg>

diff --git a/components/button/metadata/button-pending.yml b/components/button/metadata/button-pending.yml
@@ -74,7 +74,7 @@ examples:
 
         <div class="spectrum-Examples-item">
           <h4 class="spectrum-Heading spectrum-Heading--sizeXS spectrum-Examples-itemHeading">M (default)</h4>
-          <button class="spectrum-Button spectrum-Button--fill spectrum-Button--negative spectrum-Button--sizeM is-pending" disabled>
+          <button class="spectrum-Button spectrum-Button--fill spectrum-Button--negative is-pending" disabled>
             <span class="spectrum-Button-label">Edit</span>
             <div class="spectrum-ProgressCircle spectrum-ProgressCircle--indeterminate spectrum-ProgressCircle--small">
               <div class="spectrum-ProgressCircle-track"></div>
@@ -93,7 +93,7 @@ examples:
             </div>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--fill spectrum-Button--negative spectrum-Button--sizeM is-pending" disabled>
+          <button class="spectrum-Button spectrum-Button--fill spectrum-Button--negative is-pending" disabled>
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>
@@ -115,7 +115,7 @@ examples:
             </div>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--fill spectrum-Button--negative spectrum-Button--iconOnly spectrum-Button--sizeM is-pending" disabled>
+          <button class="spectrum-Button spectrum-Button--fill spectrum-Button--negative spectrum-Button--iconOnly is-pending" disabled>
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>
@@ -338,7 +338,7 @@ examples:
 
         <div class="spectrum-Examples-item">
           <h4 class="spectrum-Heading spectrum-Heading--sizeXS spectrum-Examples-itemHeading">M (default)</h4>
-          <button class="spectrum-Button spectrum-Button--negative spectrum-Button--outline spectrum-Button--sizeM is-pending" disabled>
+          <button class="spectrum-Button spectrum-Button--negative spectrum-Button--outline is-pending" disabled>
             <span class="spectrum-Button-label">Edit</span>
             <div class="spectrum-ProgressCircle spectrum-ProgressCircle--indeterminate spectrum-ProgressCircle--small">
               <div class="spectrum-ProgressCircle-track"></div>
@@ -357,7 +357,7 @@ examples:
             </div>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--negative spectrum-Button--outline spectrum-Button--sizeM is-pending" disabled>
+          <button class="spectrum-Button spectrum-Button--negative spectrum-Button--outline is-pending" disabled>
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>
@@ -379,7 +379,7 @@ examples:
             </div>
           </button>
 
-          <button class="spectrum-Button spectrum-Button--negative spectrum-Button--outline spectrum-Button--iconOnly spectrum-Button--sizeM is-pending" disabled>
+          <button class="spectrum-Button spectrum-Button--negative spectrum-Button--outline spectrum-Button--iconOnly is-pending" disabled>
             <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>
@@ -604,7 +604,7 @@ examples:
 
           <div class="spectrum-Examples-item">
             <h4 class="spectrum-Heading spectrum-Heading--sizeXS spectrum-Examples-itemHeading">M (default)</h4>
-            <button class="spectrum-Button spectrum-Button--fill spectrum-Button--staticWhite spectrum-Button--sizeM is-pending" disabled>
+            <button class="spectrum-Button spectrum-Button--fill spectrum-Button--staticWhite is-pending" disabled>
               <span class="spectrum-Button-label">Edit</span>
               <div class="spectrum-ProgressCircle spectrum-ProgressCircle--indeterminate spectrum-ProgressCircle--small spectrum-ProgressCircle--staticWhite">
                 <div class="spectrum-ProgressCircle-track"></div>
@@ -623,7 +623,7 @@ examples:
               </div>
             </button>
 
-            <button class="spectrum-Button spectrum-Button--fill spectrum-Button--staticWhite spectrum-Button--sizeM is-pending" disabled>
+            <button class="spectrum-Button spectrum-Button--fill spectrum-Button--staticWhite is-pending" disabled>
               <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
                 <use xlink:href="#spectrum-icon-18-Edit" />
               </svg>
@@ -645,7 +645,7 @@ examples:
               </div>
             </button>
 
-            <button class="spectrum-Button spectrum-Button--fill spectrum-Button--staticWhite spectrum-Button--iconOnly spectrum-Button--sizeM is-pending" disabled>
+            <button class="spectrum-Button spectrum-Button--fill spectrum-Button--staticWhite spectrum-Button--iconOnly is-pending" disabled>
               <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
                 <use xlink:href="#spectrum-icon-18-Edit" />
               </svg>
@@ -871,7 +871,7 @@ examples:
 
           <div class="spectrum-Examples-item">
             <h4 class="spectrum-Heading spectrum-Heading--sizeXS spectrum-Examples-itemHeading">M (default)</h4>
-            <button class="spectrum-Button spectrum-Button--staticWhite spectrum-Button--outline spectrum-Button--sizeM is-pending" disabled>
+            <button class="spectrum-Button spectrum-Button--staticWhite spectrum-Button--outline is-pending" disabled>
               <span class="spectrum-Button-label">Edit</span>
               <div class="spectrum-ProgressCircle spectrum-ProgressCircle--indeterminate spectrum-ProgressCircle--small spectrum-ProgressCircle--staticWhite">
                 <div class="spectrum-ProgressCircle-track"></div>
@@ -890,7 +890,7 @@ examples:
               </div>
             </button>
 
-            <button class="spectrum-Button spectrum-Button--staticWhite spectrum-Button--outline spectrum-Button--sizeM is-pending" disabled>
+            <button class="spectrum-Button spectrum-Button--staticWhite spectrum-Button--outline is-pending" disabled>
               <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
                 <use xlink:href="#spectrum-icon-18-Edit" />
               </svg>
@@ -912,7 +912,7 @@ examples:
               </div>
             </button>
 
-            <button class="spectrum-Button spectrum-Button--staticWhite spectrum-Button--outline spectrum-Button--iconOnly spectrum-Button--sizeM is-pending" disabled>
+            <button class="spectrum-Button spectrum-Button--staticWhite spectrum-Button--outline spectrum-Button--iconOnly is-pending" disabled>
               <svg class="spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true">
                 <use xlink:href="#spectrum-icon-18-Edit" />
               </svg>