fix: use new Button markup

BREAKING CHANGE: markup has changed and now requires new Button markup (.spectrum-Button--sizeM)

Author: lazd

components/buttongroup/metadata/buttongroup.yml

@@ -5,13 +5,13 @@ examples:
     name: Horizontal
     markup: |
       <div class="spectrum-ButtonGroup">
-        <button class="spectrum-Button spectrum-Button--secondary spectrum-ButtonGroup-item">
+        <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
           <span class="spectrum-Button-label">No, thanks</span>
         </button>
-        <button class="spectrum-Button spectrum-Button--secondary spectrum-ButtonGroup-item">
+        <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
           <span class="spectrum-Button-label">Remind me later</span>
         </button>
-        <button class="spectrum-Button spectrum-Button--primary spectrum-ButtonGroup-item">
+        <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary spectrum-ButtonGroup-item">
           <span class="spectrum-Button-label">Rate now</span>
         </button>
       </div>
@@ -20,13 +20,13 @@ examples:
     name: Vertical
     markup: |
       <div class="spectrum-ButtonGroup spectrum-ButtonGroup--vertical">
-        <button class="spectrum-Button spectrum-Button--secondary spectrum-ButtonGroup-item">
+        <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
           <span class="spectrum-Button-label">No, thanks</span>
         </button>
-        <button class="spectrum-Button spectrum-Button--secondary spectrum-ButtonGroup-item">
+        <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
           <span class="spectrum-Button-label">Remind me later</span>
         </button>
-        <button class="spectrum-Button spectrum-Button--primary spectrum-ButtonGroup-item">
+        <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary spectrum-ButtonGroup-item">
           <span class="spectrum-Button-label">Rate now</span>
         </button>
       </div>

components/coachmark/metadata/coachmark.yml

@@ -59,7 +59,7 @@ examples:
             Switch to the zoom tool then click and drag in the canvas to move your camera forward and backward.
           </div>
           <div class="spectrum-CoachMarkPopover-footer">
-            <button class="spectrum-Button spectrum-Button--primary">
+            <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary">
               <span>Okay</span>
             </button>
           </div>
@@ -83,10 +83,10 @@ examples:
             Switch to the zoom tool then click and drag in the canvas to move your camera forward and backward.
           </div>
           <div class="spectrum-CoachMarkPopover-footer">
-            <button class="spectrum-Button spectrum-Button--secondary spectrum-Button--quiet">
+            <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-Button--quiet">
               <span>Skip Tour</span>
             </button>
-            <button class="spectrum-Button spectrum-Button--primary">
+            <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary">
               <span>Next</span>
             </button>
           </div>
@@ -111,10 +111,10 @@ examples:
             Switch to the zoom tool then click and drag in the canvas to move your camera forward and backward.
           </div>
           <div class="spectrum-CoachMarkPopover-footer">
-            <button class="spectrum-Button spectrum-Button--secondary spectrum-Button--quiet">
+            <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-Button--quiet">
               <span>Skip Tour</span>
             </button>
-            <button class="spectrum-Button spectrum-Button--primary">
+            <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary">
               <span>Next</span>
             </button>
           </div>
@@ -135,10 +135,10 @@ examples:
             Switch to the zoom tool then click and drag in the canvas to move your camera forward and backward.
           </div>
           <div class="spectrum-CoachMarkPopover-footer">
-            <button class="spectrum-Button spectrum-Button--secondary spectrum-Button--quiet">
+            <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-Button--quiet">
               <span>Skip Tour</span>
             </button>
-            <button class="spectrum-Button spectrum-Button--primary">
+            <button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary">
               <span>Next</span>
             </button>
           </div>