diff --git a/packages/dnb-eufemia/src/components/card/style/dnb-card.scss b/packages/dnb-eufemia/src/components/card/style/dnb-card.scss index 75806e919d6..4208120cabe 100644 --- 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 index 277c768ba67..f971f8df3bc 100644 --- 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 } +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 index 972f56cb640..3795b1d0243 100644 --- 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() diff --git a/packages/dnb-eufemia/src/extensions/forms/Wizard/Container/__tests__/__image_snapshots__/wizardcontainer-have-to-match-small-screen.snap.png b/packages/dnb-eufemia/src/extensions/forms/Wizard/Container/__tests__/__image_snapshots__/wizardcontainer-have-to-match-small-screen.snap.png index b1e78da594d..0bce3d4c15e 100644 Binary files a/packages/dnb-eufemia/src/extensions/forms/Wizard/Container/__tests__/__image_snapshots__/wizardcontainer-have-to-match-small-screen.snap.png and b/packages/dnb-eufemia/src/extensions/forms/Wizard/Container/__tests__/__image_snapshots__/wizardcontainer-have-to-match-small-screen.snap.png differ