From 29658c35cd26584d6f3929a044c5c2b705c74877 Mon Sep 17 00:00:00 2001 From: -l Date: Mon, 25 Nov 2024 09:56:39 +0100 Subject: [PATCH] fix(Forms.Card): removes outline when used in Edit and ViewContainer in Wizard --- .../extensions/forms/Form/Card/Examples.tsx | 34 +++++++++++++++++- .../extensions/forms/Form/Card/demos.mdx | 4 +++ .../Card/__tests__/Card.screenshot.test.ts | 8 +++++ ...-match-outset-when-used-in-wizard.snap.png | Bin 0 -> 17805 bytes .../themes/dnb-wizard-layout-theme-ui.scss | 1 + 5 files changed, 46 insertions(+), 1 deletion(-) create mode 100644 packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/__image_snapshots__/formcard-have-to-match-outset-when-used-in-wizard.snap.png diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Form/Card/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Form/Card/Examples.tsx index cdef9b83088..dc3cd285546 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Form/Card/Examples.tsx +++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Form/Card/Examples.tsx @@ -1,6 +1,11 @@ import ComponentBox from '../../../../../../shared/tags/ComponentBox' import { Flex, P } from '@dnb/eufemia/src' -import { Form, Field } from '@dnb/eufemia/src/extensions/forms' +import { + Form, + Field, + Wizard, + Value, +} from '@dnb/eufemia/src/extensions/forms' export const BasicUsage = () => { return ( @@ -19,3 +24,30 @@ export const BasicUsage = () => { ) } + +export const UsageInWizard = () => { + return ( + + + + + + + + + + + + + + + + + + + + ) +} diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Form/Card/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Form/Card/demos.mdx index c02baef433b..7d9f516c67e 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Form/Card/demos.mdx +++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Form/Card/demos.mdx @@ -8,3 +8,7 @@ import * as Examples from './Examples' ## Demos + + + + diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.screenshot.test.ts b/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.screenshot.test.ts index 56716295014..3032a2d46bb 100644 --- a/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.screenshot.test.ts +++ b/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.screenshot.test.ts @@ -18,6 +18,14 @@ describe('Form.Card', () => { }) expect(screenshot).toMatchImageSnapshot() }) + + it('have to match outset when used in wizard', async () => { + const screenshot = await makeScreenshot({ + url, + selector: '[data-visual-test="forms-card-in-wizard"]', + }) + expect(screenshot).toMatchImageSnapshot() + }) }) describe.each(['ui', 'sbanken'])( diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/__image_snapshots__/formcard-have-to-match-outset-when-used-in-wizard.snap.png b/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/__image_snapshots__/formcard-have-to-match-outset-when-used-in-wizard.snap.png new file mode 100644 index 0000000000000000000000000000000000000000..a90ae042c9b3bbd25b392dc55e3e06f58c48e02d GIT binary patch literal 17805 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 Kmu2FH{{I&@!akA! literal 0 HcmV?d00001 diff --git a/packages/dnb-eufemia/src/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss b/packages/dnb-eufemia/src/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss index abdabed701d..d5670f0e2df 100644 --- a/packages/dnb-eufemia/src/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss +++ b/packages/dnb-eufemia/src/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss @@ -1,6 +1,7 @@ .dnb-forms-wizard-layout { &__contents { .dnb-card { + // something with this adds outline --card-outline-color: var(--color-pistachio); } }