From d324017a5abcacf669ed56d9a878d9ae707b5c8e Mon Sep 17 00:00:00 2001
From: Rajdeep Chandra <rajdeepc@adobe.com>
Date: Thu, 17 Aug 2023 13:10:21 +0530
Subject: [PATCH] fix: close button static white

---
 packages/toast/src/Toast.ts       |  2 +-
 packages/toast/test/toast.test.ts | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/toast/src/Toast.ts b/packages/toast/src/Toast.ts
index 206588e017..dc1ffcf202 100644
--- a/packages/toast/src/Toast.ts
+++ b/packages/toast/src/Toast.ts
@@ -216,7 +216,7 @@ export class Toast extends FocusVisiblePolyfillMixin(SpectrumElement) {
                 <sp-close-button
                     @click=${this.shouldClose}
                     label="Close"
-                    variant="white"
+                    static="white"
                 ></sp-close-button>
             </div>
         `;
diff --git a/packages/toast/test/toast.test.ts b/packages/toast/test/toast.test.ts
index 39472cf1e9..31187b0291 100644
--- a/packages/toast/test/toast.test.ts
+++ b/packages/toast/test/toast.test.ts
@@ -308,4 +308,19 @@ describe('Toast', () => {
         expect(el.open).to.be.true;
         expect(closeSpy.callCount).to.equal(1);
     });
+    it('sp close button renders with static="white"', async () => {
+        const el = await fixture<Toast>(
+            html`
+                <sp-toast open>Help text.</sp-toast>
+            `
+        );
+        const renderRoot = el.shadowRoot ? el.shadowRoot : el;
+        const closeButton = renderRoot.querySelector(
+            'sp-close-button'
+        ) as CloseButton;
+
+        expect(closeButton).to.exist;
+
+        expect(closeButton.getAttribute('static')).to.equal('white');
+    });
 });