diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/upload/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/upload/Examples.tsx
index 68f1871a90e..44e857ffbb4 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/upload/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/upload/Examples.tsx
@@ -57,6 +57,35 @@ export const UploadPrefilledFileList = () => (
)
+export const UploadHideFileExtenstionText = () => (
+
+ {() => {
+ const Component = () => {
+ const { files, setFiles } = Upload.useUpload('my-file-list')
+
+ if (files.length) {
+ console.log('files', files)
+ }
+
+ useMockFiles(setFiles, {})
+
+ return (
+
+ )
+ }
+
+ return
+ }}
+
+)
+
export const UploadBasic = () => (
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/upload/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/upload/demos.mdx
index 2d85d0cadfa..f0b75b7b22b 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/upload/demos.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/upload/demos.mdx
@@ -13,6 +13,7 @@ import {
UploadDisabledFileMaxSize,
UploadFileMaxSizeBasedOnFileType,
UploadFileMaxSizeBasedOnFileTypeDisabled,
+ UploadHideFileExtenstionText,
} from 'Docs/uilib/components/upload/Examples'
## Demos
@@ -75,3 +76,7 @@ This can also be used to manually implement more complex file max size verificat
+
+
+
+
diff --git a/packages/dnb-eufemia/src/components/upload/__tests__/Upload.screenshot.test.ts b/packages/dnb-eufemia/src/components/upload/__tests__/Upload.screenshot.test.ts
index 181a9489042..b13387de88e 100644
--- a/packages/dnb-eufemia/src/components/upload/__tests__/Upload.screenshot.test.ts
+++ b/packages/dnb-eufemia/src/components/upload/__tests__/Upload.screenshot.test.ts
@@ -35,6 +35,13 @@ describe.each(['ui', 'sbanken'])('Upload for %s', (themeName) => {
expect(screenshot).toMatchImageSnapshot()
})
+ it('have to hide the file extension text', async () => {
+ const screenshot = await makeScreenshot({
+ selector: '[data-visual-test="upload-hides-file-extension-text"]',
+ })
+ expect(screenshot).toMatchImageSnapshot()
+ })
+
it('have to match file max size based on file type table', async () => {
const screenshot = await makeScreenshot({
selector:
diff --git a/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-sbanken-have-to-hide-the-file-extension-text.snap.png b/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-sbanken-have-to-hide-the-file-extension-text.snap.png
new file mode 100644
index 00000000000..a859ba08817
Binary files /dev/null and b/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-sbanken-have-to-hide-the-file-extension-text.snap.png differ
diff --git a/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-ui-have-to-hide-the-file-extension-text.snap.png b/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-ui-have-to-hide-the-file-extension-text.snap.png
new file mode 100644
index 00000000000..5ce0838bcdf
Binary files /dev/null and b/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-ui-have-to-hide-the-file-extension-text.snap.png differ