chore: remove button example

dnbexperience · Aug 22, 2023 · 223c809 · 223c809
1 parent 42d275c
commit 223c809
Show file tree

Hide file tree

Showing 5 changed files with 1 addition and 85 deletions.
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/form-row/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/form-row/Examples.tsx
@@ -27,7 +27,7 @@ import {
   FormRow,
 } from '@dnb/eufemia/src'
 import { SpacingElementProps } from '@dnb/eufemia/src/shared/types'
-import { Provider, VisibilityByTheme } from '@dnb/eufemia/src/shared'
+import { Provider } from '@dnb/eufemia/src/shared'
 import { SpaceAllProps } from '@dnb/eufemia/src/components/space/Space'
 
 const TestStyles = styled.div`
@@ -171,77 +171,6 @@ export const FormRowVertical = () => (
   </TestStyles>
 )
 
-export const FormRowVerticalDirection = () => (
-  <TestStyles>
-    <ComponentBox
-      scope={{ VisibilityByTheme }}
-      data-visual-test="form-row-vertical-label-button"
-    >
-      {() => {
-        const CustomRow = styled(FormRow)`
-          .dnb-form-row__content .dnb-button {
-            align-self: flex-end;
-            transform: translateY(0.25rem); /* 4px down */
-          }
-        `
-        const CustomRowSbanken = styled(FormRow)`
-          .dnb-form-row__content .dnb-button {
-            align-self: flex-end;
-          }
-        `
-        return (
-          <>
-            <VisibilityByTheme hidden="sbanken">
-              <CustomRow
-                label={
-                  <Space
-                    element="span"
-                    className="dnb-h--large"
-                    top="0"
-                    bottom="0"
-                  >
-                    Legend
-                  </Space>
-                }
-                label_direction="vertical"
-              >
-                <Input
-                  label="Vertical input label"
-                  value="Input"
-                  right="small"
-                />
-                <Button text="Button" />
-              </CustomRow>
-            </VisibilityByTheme>
-            <VisibilityByTheme visible="sbanken">
-              <CustomRowSbanken
-                label={
-                  <Space
-                    element="span"
-                    className="dnb-h--large"
-                    top="0"
-                    bottom="0"
-                  >
-                    Legend
-                  </Space>
-                }
-                label_direction="vertical"
-              >
-                <Input
-                  label="Vertical input label"
-                  value="Input"
-                  right="small"
-                />
-                <Button text="Button" />
-              </CustomRowSbanken>
-            </VisibilityByTheme>
-          </>
-        )
-      }}
-    </ComponentBox>
-  </TestStyles>
-)
-
 export const FormRowNoWrap = () => (
   <TestStyles>
     <ComponentBox data-visual-test="form-row-horizontal-no_wrap">

diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/form-row/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/form-row/demos.mdx
@@ -32,12 +32,6 @@ Only the labels are vertically aligned - while the input labels are still horizo
 
 <FormRowVerticalAlignedLabels />
 
-### Vertical direction
-
-Vertical label direction in combination with a button
-
-<FormRowVerticalDirection />
-
 ### Combine both vertical and horizontal FormRow's
 
 <FormRowCombineVerticalAndHorizontal />

diff --git a/packages/dnb-eufemia/src/components/form-row/__tests__/FormRow.screenshot.test.ts b/packages/dnb-eufemia/src/components/form-row/__tests__/FormRow.screenshot.test.ts
@@ -33,13 +33,6 @@ describe.each(['ui', 'sbanken'])('FormRow for %s', (themeName) => {
     expect(screenshot).toMatchImageSnapshot()
   })
 
-  it('have to match vertical form-row label with a button', async () => {
-    const screenshot = await makeScreenshot({
-      selector: '[data-visual-test="form-row-vertical-label-button"]',
-    })
-    expect(screenshot).toMatchImageSnapshot()
-  })
-
   it('have to match vertical form-row', async () => {
     const screenshot = await makeScreenshot({
       selector: '[data-visual-test="form-row-vertical"]',

diff --git a/...ormrow-for-sbanken-have-to-match-vertical-form-row-label-with-a-button.snap.png b/...ormrow-for-sbanken-have-to-match-vertical-form-row-label-with-a-button.snap.png
diff --git a/...s__/formrow-for-ui-have-to-match-vertical-form-row-label-with-a-button.snap.png b/...s__/formrow-for-ui-have-to-match-vertical-form-row-label-with-a-button.snap.png