Skip to content

Commit 629bf05

Browse files
lazdlazd
committed
docs: use new Button markup
BREAKING CHANGE: Button markup has changed
1 parent 81eb1f8 commit 629bf05

File tree

14 files changed

+108
-108
lines changed

14 files changed

+108
-108
lines changed

‎components/buttongroup/metadata/buttongroup.yml‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@ examples:
55
name: Horizontal
66
markup: |
77
<div class="spectrum-ButtonGroup">
8-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
8+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--secondary spectrum-ButtonGroup-item">
99
<span class="spectrum-Button-label">No, thanks</span>
1010
</button>
11-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
11+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--secondary spectrum-ButtonGroup-item">
1212
<span class="spectrum-Button-label">Remind me later</span>
1313
</button>
14-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary spectrum-ButtonGroup-item">
14+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--primary spectrum-ButtonGroup-item">
1515
<span class="spectrum-Button-label">Rate now</span>
1616
</button>
1717
</div>
@@ -20,13 +20,13 @@ examples:
2020
name: Vertical
2121
markup: |
2222
<div class="spectrum-ButtonGroup spectrum-ButtonGroup--vertical">
23-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
23+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--secondary spectrum-ButtonGroup-item">
2424
<span class="spectrum-Button-label">No, thanks</span>
2525
</button>
26-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-ButtonGroup-item">
26+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--secondary spectrum-ButtonGroup-item">
2727
<span class="spectrum-Button-label">Remind me later</span>
2828
</button>
29-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary spectrum-ButtonGroup-item">
29+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--primary spectrum-ButtonGroup-item">
3030
<span class="spectrum-Button-label">Rate now</span>
3131
</button>
3232
</div>

‎components/coachmark/metadata/coachmark.yml‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -59,8 +59,8 @@ examples:
5959
Switch to the zoom tool then click and drag in the canvas to move your camera forward and backward.
6060
</div>
6161
<div class="spectrum-CoachMarkPopover-footer">
62-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary">
63-
<span>Okay</span>
62+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--primary">
63+
<span class="spectrum-Button-label">Okay</span>
6464
</button>
6565
</div>
6666
</div>
@@ -83,11 +83,11 @@ examples:
8383
Switch to the zoom tool then click and drag in the canvas to move your camera forward and backward.
8484
</div>
8585
<div class="spectrum-CoachMarkPopover-footer">
86-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-Button--quiet">
87-
<span>Skip Tour</span>
86+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--secondary">
87+
<span class="spectrum-Button-label">Skip Tour</span>
8888
</button>
89-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary">
90-
<span>Next</span>
89+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--primary">
90+
<span class="spectrum-Button-label">Next</span>
9191
</button>
9292
</div>
9393
</div>
@@ -111,11 +111,11 @@ examples:
111111
Switch to the zoom tool then click and drag in the canvas to move your camera forward and backward.
112112
</div>
113113
<div class="spectrum-CoachMarkPopover-footer">
114-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-Button--quiet">
115-
<span>Skip Tour</span>
114+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--secondary">
115+
<span class="spectrum-Button-label">Skip Tour</span>
116116
</button>
117-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary">
118-
<span>Next</span>
117+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--primary">
118+
<span class="spectrum-Button-label">Next</span>
119119
</button>
120120
</div>
121121
</div>
@@ -135,11 +135,11 @@ examples:
135135
Switch to the zoom tool then click and drag in the canvas to move your camera forward and backward.
136136
</div>
137137
<div class="spectrum-CoachMarkPopover-footer">
138-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--secondary spectrum-Button--quiet">
139-
<span>Skip Tour</span>
138+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--secondary">
139+
<span class="spectrum-Button-label">Skip Tour</span>
140140
</button>
141-
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--primary">
142-
<span>Next</span>
141+
<button class="spectrum-Button spectrum-Button--sizeM spectrum-Button--fill spectrum-Button--primary">
142+
<span class="spectrum-Button-label">Next</span>
143143
</button>
144144
</div>
145145
</div>

0 commit comments

Comments
 (0)