Skip to content

Commit 549bc5d

Browse files
committed
fix(toast): clean up a few typos
1 parent f2b25f9 commit 549bc5d

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

components/toast/dist/metadata.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,6 @@
1818
".spectrum-Toast:not(:has(.spectrum-Button))"
1919
],
2020
"modifiers": [
21-
"--mod--spectrum-toast-spacing-block-close-button",
2221
"--mod-toast-background-color-default",
2322
"--mod-toast-corner-radius",
2423
"--mod-toast-font-family",
@@ -33,6 +32,7 @@
3332
"--mod-toast-min-block-size",
3433
"--mod-toast-negative-background-color-default",
3534
"--mod-toast-positive-background-color-default",
35+
"--mod-toast-spacing-block-close-button",
3636
"--mod-toast-spacing-button-to-close-button-horizontal",
3737
"--mod-toast-spacing-close-button-to-end-edge",
3838
"--mod-toast-spacing-icon-to-text",

components/toast/index.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@
8181
}
8282

8383
.spectrum-CloseButton {
84-
margin-block: var(--mod--spectrum-toast-spacing-block-close-button, var(--spectrum-toast-spacing-block-close-button));
84+
margin-block: var(--mod-toast-spacing-block-close-button, var(--spectrum-toast-spacing-block-close-button));
8585
margin-inline-end: var(--mod-toast-spacing-close-button-to-end-edge, var(--spectrum-toast-spacing-close-button-to-end-edge));
8686
flex-shrink: 0;
8787
}
@@ -141,7 +141,7 @@
141141
}
142142

143143
.spectrum-Toast-text {
144-
/* the toast itself has spacing-200 spacing on the top and bottom. That ensures that the spectrum-Button has the requested spacing-200 token, but poses a problem for the text, which is smaller in height than the button. So this padding for this text is difference between the requested toast-top-to-text/toast-bottom-to-text tokens and the spacing-200.
144+
/* The toast itself has spacing-200 spacing on the top and bottom. That ensures that the spectrum-Button has the requested spacing-200 token, but poses a problem for the text, which is smaller in height than the button. So this padding for this text is the difference between the requested toast-top-to-text/toast-bottom-to-text tokens and the spacing-200.
145145
146146
This padding + the spacing-200 should equal the requested toast-top-to-text/toast-bottom-to-text tokens. */
147147
padding-block-start: calc(var(--spectrum-toast-spacing-top-edge-to-text) - var(--spectrum-toast-spacing-edge-to-button-vertical));

0 commit comments

Comments
 (0)