fix(Accordion): remove white background for Header and Footer

Reported on Slack.
kiwicom · Dec 5, 2024 · 3000329 · 3000329
1 parent e64f49f
commit 3000329
Show file tree

Hide file tree

Showing 8 changed files with 2 additions and 5 deletions.
diff --git a/...ordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Desktop-darwin.png b/...ordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Desktop-darwin.png
diff --git a/....ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Desktop-darwin.png b/....ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Desktop-darwin.png
diff --git a/...n.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Mobile-darwin.png b/...n.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Mobile-darwin.png
diff --git a/....ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Medium-Mobile-darwin.png b/....ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Medium-Mobile-darwin.png
diff --git a/...n.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Small-Mobile-darwin.png b/...n.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Small-Mobile-darwin.png
diff --git a/...cordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Tablet-darwin.png b/...cordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Tablet-darwin.png
diff --git a/packages/orbit-components/src/Accordion/AccordionSection/components/SectionFooter.tsx b/packages/orbit-components/src/Accordion/AccordionSection/components/SectionFooter.tsx
@@ -8,7 +8,7 @@ interface Props extends Common.Globals {
 
 const AccordionSectionFooter = ({ children, dataTest }: Props) => (
   <div
-    className="p-600 bg-white-normal shadow-level2 sticky bottom-0 flex"
+    className="p-600 shadow-level2 sticky bottom-0 flex"
     data-test={dataTest && `${dataTest}Footer`}
   >
     {children}

diff --git a/packages/orbit-components/src/Accordion/AccordionSection/components/SectionHeader.tsx b/packages/orbit-components/src/Accordion/AccordionSection/components/SectionHeader.tsx
@@ -21,10 +21,7 @@ const AccordionSectionHeader = ({
   dataTest,
 }: Props) => (
   <div
-    className={cx(
-      "p-600 bg-white-normal flex items-center",
-      expanded ? "min-h-[19px]" : "min-h-form-box-normal",
-    )}
+    className={cx("p-600 flex items-center", expanded ? "min-h-[19px]" : "min-h-form-box-normal")}
     data-test={dataTest && `${dataTest}Header`}
   >
     <div className="flex grow items-center">{children}</div>