Skip to content

Commit

Permalink
fix: use new Button markup
Browse files Browse the repository at this point in the history 
BREAKING CHANGE: markup has changed and now requires new Button markup (.spectrum-Button--sizeM)
  • Loading branch information
@lazd @GarthDB
lazd authored and GarthDB committed Oct 20, 2020
1 parent 6585cdd commit 502a1b0
Show file tree
Hide file tree
Showing 8 changed files with 67 additions and 67 deletions.
12 changes: 6 additions & 6 deletions components/buttongroup/metadata/buttongroup.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>
14 changes: 7 additions & 7 deletions components/coachmark/metadata/coachmark.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand Down
Loading

0 comments on commit 502a1b0

Please sign in to comment.