Skip to content

Commit 69ec77a

Browse files
ttaylor-stackttaylor-stack
committed
Update docs
1 parent 9db5f52 commit 69ec77a

File tree

22 files changed

+109
-130
lines changed

22 files changed

+109
-130
lines changed

‎packages/stacks-classic/lib/components/button-group/button-group.test.setup.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const getBtn = ({
1818
isSelected?: boolean;
1919
hasBadge?: boolean;
2020
}): string => {
21-
const baseClasses = "s-btn s-btn__muted";
21+
const baseClasses = "s-btn s-btn__tonal";
2222
const btnChildren = `
2323
<span class="s-btn--text" data-text="${name}">${name}</span>
2424
${

‎packages/stacks-classic/lib/components/modal/modal.a11y.test.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,9 @@
1919
// <p class="s-modal--body" id="modal-description">Modal body. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
2020
// <div class="d-flex gx8 s-modal--footer">
2121
// <button class="s-btn s-btn__filled" type="button">Confirm</button>
22-
// <button class="s-btn s-btn__muted" type="button">Cancel</button>
22+
// <button class="s-btn s-btn__tonal" type="button">Cancel</button>
2323
// </div>
24-
// <button class="s-modal--close s-btn s-btn__muted" type="button" aria-label="Close">
24+
// <button class="s-modal--close s-btn s-btn__tonal" type="button" aria-label="Close">
2525
// ${IconClearSm}
2626
// </button>
2727
// </div>

‎packages/stacks-classic/lib/components/modal/modal.test.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ const createModal = ({
7474
</div>
7575
7676
<button
77-
class="s-btn s-btn__muted s-modal--close"
77+
class="s-btn s-btn__tonal s-modal--close"
7878
type="button"
7979
aria-label="Close"
8080
data-action="s-modal#hide"

‎packages/stacks-classic/lib/components/modal/modal.visual.test.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,9 @@ describe("modal", () => {
1818
<p class="s-modal--body" id="modal-description">Modal body. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
1919
<div class="d-flex gx8 s-modal--footer">
2020
<button class="s-btn s-btn__filled" type="button">Confirm</button>
21-
<button class="s-btn s-btn__muted" type="button">Cancel</button>
21+
<button class="s-btn s-btn__tonal" type="button">Cancel</button>
2222
</div>
23-
<button class="s-modal--close s-btn s-btn__muted" type="button" aria-label="Close">
23+
<button class="s-modal--close s-btn s-btn__tonal" type="button" aria-label="Close">
2424
${IconClearSm}
2525
</button>
2626
</div>

‎packages/stacks-classic/lib/components/post-summary/post-summary.test.setup.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -247,7 +247,7 @@ const getChildren = ({
247247
const userEl = show.user ? getUser() : "";
248248
const menuBtnEl = show.menuBtn
249249
? `
250-
<a href="#" class="s-btn s-btn__muted s-post-summary--content-menu-button">
250+
<a href="#" class="s-btn s-btn__tonal s-post-summary--content-menu-button">
251251
${IconEllipsisVertical}
252252
<span class="v-visible-sr">menu</span>
253253
</a>

‎packages/stacks-classic/lib/components/topbar/topbar.visual.test.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ const children = {
7979
unset: `<li><a href="#" class="s-topbar--item" aria-label="Unset item">${IconAlert}</a></li>`,
8080
loggedOut: `
8181
<li>
82-
<a href="#" class="s-topbar--item s-topbar--item__unset s-btn s-btn__outlined ws-nowrap">Log in</a>
82+
<a href="#" class="s-topbar--item s-topbar--item__unset s-btn ws-nowrap">Log in</a>
8383
</li>
8484
<li>
8585
<a href="#" class="s-topbar--item s-topbar--item__unset s-btn s-btn__filled ws-nowrap">Sign up</a>

‎packages/stacks-docs/_data/accessibility.json‎

Lines changed: 8 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,12 @@
1111
],
1212
"variants": [
1313
{
14-
"classes": "s-btn__muted s-btn__outlined",
15-
"description": "Muted outlined default"
14+
"classes": "s-btn__tonal",
15+
"description": "Tonal default"
1616
},
1717
{
18-
"classes": "s-btn__muted s-btn__outlined focus-inset-bordered",
19-
"description": "Muted outlined focus"
18+
"classes": "s-btn__tonal focus-inset-bordered",
19+
"description": "Tonal focus"
2020
},
2121
{
2222
"classes": "s-btn__danger s-btn__filled",
@@ -70,15 +70,6 @@
7070
}
7171
],
7272
"bordered": [
73-
{
74-
"type": "button",
75-
"description": "Button outlined default"
76-
},
77-
{
78-
"type": "button",
79-
"description": "Button outlined focus",
80-
"classes": "focus-inset-bordered"
81-
},
8273
{
8374
"type": "pagination",
8475
"description": "Pagination default"
@@ -157,13 +148,13 @@
157148
},
158149
{
159150
"type": "button",
160-
"classes": "s-btn__muted",
161-
"description": "Muted default"
151+
"classes": "s-btn__tonal",
152+
"description": "Tonal default"
162153
},
163154
{
164155
"type": "button",
165-
"description": "Muted default focus",
166-
"classes": "s-btn__muted focus-inset-bordered"
156+
"description": "Tonal default focus",
157+
"classes": "s-btn__tonal focus-inset-bordered"
167158
}
168159
]
169160
}

‎packages/stacks-docs/_includes/header.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@
6060
</button>
6161
</li>
6262
<li>
63-
<button type="button" class="s-topbar--item s-btn s-btn__muted s-btn__icon s-btn__dropdown bar0 pr24"
63+
<button type="button" class="s-topbar--item s-btn s-btn__tonal s-btn__icon s-btn__dropdown bar0 pr24"
6464
aria-controls="theming-popover"
6565
data-controller="s-popover"
6666
data-action="s-popover#toggle"

‎packages/stacks-docs/_includes/layouts/page.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -63,13 +63,13 @@ <h1 class="stacks-h1">{{ title }}</h1>
6363
<div class="d-flex my48">
6464
<div class="flex--item mr8">
6565
<form class="js-feedback-form" name="quick-positive-feedback-{{ title | downcase | replace: ' ', '-' }}" method="POST" data-netlify="true" action="{{ "/success" | url }}">
66-
<button class="d-block s-btn s-btn__muted p4" type="submit"
66+
<button class="d-block s-btn s-btn__tonal p4" type="submit"
6767
data-controller="s-tooltip" title="Quickly let the team know that this page is workin’"
6868
data-s-tooltip-placement="right">{% icon "ArrowUpLg" %}<span class="v-visible-sr">Send positive feedback</span></button>
6969
</form>
7070

7171
<form class="js-feedback-form" name="quick-negative-feedback-{{ title | downcase | replace: ' ', '-' }}" method="POST" data-netlify="true" action="{{ "/success" | url }}">
72-
<button class="d-block s-btn s-btn__muted p4" type="submit"
72+
<button class="d-block s-btn s-btn__tonal p4" type="submit"
7373
data-controller="s-tooltip" title="Quickly let us know that this page needs improvement"
7474
data-s-tooltip-placement="right">{% icon "ArrowDownLg" %}<span class="v-visible-sr">Send negative feedback</span></button>
7575
</form>
@@ -84,12 +84,12 @@ <h1 class="stacks-h1">{{ title }}</h1>
8484
<textarea class="s-textarea s-textarea__md hmn1 mb12" id="feedback-form" name="additional-feedback" placeholder="Tell us how we can improve this page…" required></textarea>
8585

8686
<div class="d-flex g8 ai-center sm:fd-column sm:ai-stretch">
87-
<button type="submit" class="flex--item s-btn s-btn__outlined s-btn__muted">Send feedback</button>
88-
<a href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/{{ page.inputPath }}" class="ml-auto sm:ml4 flex--item s-btn s-btn__icon s-btn__muted">
87+
<button type="submit" class="flex--item s-btn s-btn__tonal">Send feedback</button>
88+
<a href="https://github.com/StackExchange/Stacks/edit/develop/packages/stacks-docs/{{ page.inputPath }}" class="ml-auto sm:ml4 flex--item s-btn s-btn__icon s-btn__tonal">
8989
{% icon "Pencil" %}
9090
Edit on GitHub
9191
</a>
92-
<a href="https://github.com/StackExchange/Stacks/issues/new/choose" class="flex--item s-btn s-btn__icon s-btn__muted">
92+
<a href="https://github.com/StackExchange/Stacks/issues/new/choose" class="flex--item s-btn s-btn__icon s-btn__tonal">
9393
File an issue on GitHub
9494
</a>
9595
</div>

‎packages/stacks-docs/brand/data-visualization.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -149,7 +149,7 @@
149149
</div>
150150
</div>
151151

152-
{% comment %} <a class="s-btn s-btn__outlined s-btn__icon" href="#">
152+
{% comment %} <a class="s-btn s-btn__icon" href="#">
153153
{% icon "Share", "mr2" %}
154154
Open in Google Sheets
155155
</a> {% endcomment %}

0 commit comments

Comments
 (0)