Set AccordionHeader's background color to align with Figma (#4555)

Authored-by: Tayyaba Taimur <tayyabataimur@main>
jpmorganchase · Jan 10, 2025 · bfea9b3 · bfea9b3
1 parent 87b3df6
commit bfea9b3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/smart-jobs-heal.md b/.changeset/smart-jobs-heal.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/core": patch
+---
+
+Updated `AccordionHeader`'s background color to `transparent` to align with Figma. Closes #4544.
diff --git a/packages/core/src/accordion/AccordionHeader.css b/packages/core/src/accordion/AccordionHeader.css
@@ -5,7 +5,7 @@
   border: 0;
   width: 100%;
   min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
-  background: var(--salt-actionable-secondary-background);
+  background: transparent;
   font-size: var(--salt-text-fontSize);
   line-height: var(--salt-text-lineHeight);
   font-family: var(--salt-text-fontFamily);
@@ -61,7 +61,7 @@
 }
 
 .saltAccordionHeader:disabled {
-  background: var(--salt-actionable-secondary-background);
+  background: transparent;
   color: var(--salt-content-primary-foreground-disabled);
   cursor: var(--salt-actionable-cursor-disabled);
 }