Skip to content

Commit

Permalink
docs: use new Button markup
Browse files Browse the repository at this point in the history 
BREAKING CHANGE: Button markup has changed
  • Loading branch information
@lazd
lazd committed Dec 7, 2021
1 parent 81eb1f8 commit 629bf05
Show file tree
Hide file tree
Showing 14 changed files with 108 additions and 108 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--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--secondary spectrum-ButtonGroup-item">
<span class="spectrum-Button-label">No, thanks</span>
</button>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--secondary spectrum-ButtonGroup-item">
<span class="spectrum-Button-label">Remind me later</span>
</button>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary spectrum-ButtonGroup-item">
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill 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--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--secondary spectrum-ButtonGroup-item">
<span class="spectrum-Button-label">No, thanks</span>
</button>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--secondary spectrum-ButtonGroup-item">
<span class="spectrum-Button-label">Remind me later</span>
</button>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary spectrum-ButtonGroup-item">
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--primary spectrum-ButtonGroup-item">
<span class="spectrum-Button-label">Rate now</span>
</button>
</div>
28 changes: 14 additions & 14 deletions components/coachmark/metadata/coachmark.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,8 +59,8 @@ 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--sizeM spectrum-Button--primary">
<span>Okay</span>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--primary">
<span class="spectrum-Button-label">Okay</span>
</button>
</div>
</div>
Expand All @@ -83,11 +83,11 @@ 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--sizeM spectrum-Button--secondary spectrum-Button--quiet">
<span>Skip Tour</span>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--secondary">
<span class="spectrum-Button-label">Skip Tour</span>
</button>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary">
<span>Next</span>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--primary">
<span class="spectrum-Button-label">Next</span>
</button>
</div>
</div>
Expand All @@ -111,11 +111,11 @@ 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--sizeM spectrum-Button--secondary spectrum-Button--quiet">
<span>Skip Tour</span>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--secondary">
<span class="spectrum-Button-label">Skip Tour</span>
</button>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary">
<span>Next</span>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--primary">
<span class="spectrum-Button-label">Next</span>
</button>
</div>
</div>
Expand All @@ -135,11 +135,11 @@ 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--sizeM spectrum-Button--secondary spectrum-Button--quiet">
<span>Skip Tour</span>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--secondary">
<span class="spectrum-Button-label">Skip Tour</span>
</button>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary">
<span>Next</span>
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--primary">
<span class="spectrum-Button-label">Next</span>
</button>
</div>
</div>
Expand Down
Loading

0 comments on commit 629bf05

Please sign in to comment.