fix(Forms): ensure Form.Card supports spacing props

dnbexperience · Nov 22, 2024 · 01555be · 01555be
1 parent 8a07477
commit 01555be
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 0 deletions.
diff --git a/packages/dnb-eufemia/src/components/card/style/dnb-card.scss b/packages/dnb-eufemia/src/components/card/style/dnb-card.scss
@@ -88,6 +88,7 @@
       &::before {
         top: var(--outline-width); // align background and outline
         z-index: 0;
+        background-color: transparent; // because we inherit the background-color when "outset" is set – but we don't want that in this case
       }
     }
   }

diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Card/Card.tsx b/packages/dnb-eufemia/src/extensions/forms/Form/Card/Card.tsx
@@ -7,4 +7,6 @@ function Card(props: CardProps) {
   return <CardInstance stack outset {...props} />
 }
 
+Card._supportsSpacingProps = true
+
 export default Card
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.test.tsx
@@ -3,6 +3,10 @@ import { render } from '@testing-library/react'
 import { Form } from '../../..'
 
 describe('Form.Card', () => {
+  it('should have constant of _supportsSpacingProps', () => {
+    expect(Form.Card['_supportsSpacingProps']).toBe(true)
+  })
+
   it('should set "outset" by default', () => {
     const { rerender } = render(<Form.Card />)
 

diff --git a/...tests__/__image_snapshots__/wizardcontainer-have-to-match-small-screen.snap.png b/...tests__/__image_snapshots__/wizardcontainer-have-to-match-small-screen.snap.png