Merge pull request #246 from WestpacGEL/242-lego-accordion-highlight

closes #242 lego accordion highlight
WestpacGEL · Nov 6, 2023 · 8722601 · 8722601
2 parents dcc47aa + 0fdf218
commit 8722601
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/ui/src/components/accordion/accordion.component.tsx b/packages/ui/src/components/accordion/accordion.component.tsx
@@ -36,7 +36,7 @@ function Accordion<T extends object>(
 
   return (
     <div {...filterDOMProps(finalProps)} {...accordionProps} ref={domRef} className={styles({ className, rounded })}>
-      <div className="mt-[-1px]">
+      <div className="ml-[-1px] mt-[-1px]">
         {[...state.collection].map(item => (
           <AccordionItem<T> key={item.key} item={item} state={state} look={look} />
         ))}

diff --git a/packages/ui/src/components/accordion/components/accordion-item/accordion-item.styles.ts b/packages/ui/src/components/accordion/components/accordion-item/accordion-item.styles.ts
@@ -14,7 +14,8 @@ export const styles = tv(
           itemHeader: 'border-t border-border bg-light',
         },
         lego: {
-          itemHeader: 'border-l-[0.375rem] border-t border-border bg-light transition-colors',
+          itemHeader:
+            'border-l-[0.375rem] border-border bg-light shadow-[inset_0_1px_0_var(--tw-shadow-color)] !shadow-border transition-colors',
         },
       },
       isOpen: {