@baloise/ds-core 20.0.0-next.4 → 20.0.0-next.7

package/dist/collection/components/file-upload/test/file-upload.a11y.play.js

@@ -0,0 +1,52 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { test } from "../../../../../../playwright/src/index";
+test('default', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload"></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});
+test('with description', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload" description="Maximum file size: 5MB"></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});
+test('with invalid text', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload" invalid invalid-text="Error message"></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});
+test('required', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload" required></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});
+test('disabled', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload" disabled></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});
+test('readonly', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload" readonly></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});
+test('loading', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload" loading></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});
+test('without file list', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload" has-file-list="false"></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});
+test('single file', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload" multiple="false"></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});
+test('color success', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload" color="success"></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});
+test('color warning', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload" color="warning"></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});
+test('color danger', async ({ page, a11y }) => {
+    await page.mount(`<ds-file-upload label="Upload" color="danger"></ds-file-upload>`);
+    await a11y('ds-file-upload');
+});

package/dist/collection/components/file-upload/test/file-upload.component.play.js

@@ -0,0 +1,124 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { DsFileUpload, test } from "../../../../../../playwright/src/index";
+import { expect } from "@playwright/test";
+test.describe('component', () => {
+    test.describe('events', () => {
+        test('should emit dsFocus on input focus', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload"></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            const spy = await component.el.spyOnEvent('dsFocus');
+            await component.input.focus();
+            expect(spy).toHaveReceivedEventTimes(1);
+        });
+        test('should emit dsBlur on input blur', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload"></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            const spy = await component.el.spyOnEvent('dsBlur');
+            await component.input.focus();
+            await component.input.blur();
+            expect(spy).toHaveReceivedEventTimes(1);
+        });
+        test('should emit dsInputClick on input click', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload"></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            const spy = await component.el.spyOnEvent('dsInputClick');
+            await component.click();
+            await page.waitForChanges();
+            expect(spy).toHaveReceivedEventTimes(1);
+        });
+        test('should not emit dsInputClick when disabled', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" disabled></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            const spy = await component.el.spyOnEvent('dsInputClick');
+            await component.click();
+            await page.waitForChanges();
+            await component.assertToBeDisabled();
+            expect(spy).toHaveReceivedEventTimes(0);
+        });
+    });
+    test.describe('state', () => {
+        test('should render disabled state', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" disabled></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await component.assertToBeDisabled();
+        });
+        test('should render invalid state', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" invalid></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await component.assertToBeInvalid();
+        });
+        test('should render loading state', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" loading></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await component.assertToBeLoading();
+        });
+        test('should render readonly state', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" readonly></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await component.assertToBeReadonly();
+        });
+        test('should render required state', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" required></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await component.assertToBeRequired();
+        });
+    });
+    test.describe('methods', () => {
+        test('should clear files with clear() method', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" has-file-list="false"></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await component.clear();
+            const input = component.input;
+            expect(input).toBeDefined();
+        });
+        test('should set focus with setFocus() method', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload"></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await component.setFocus();
+            await expect(component.input).toBeFocused();
+        });
+    });
+    test.describe('drop-zone', () => {
+        test('should have accessible drop-zone part', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload"></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await expect(component.dropZone).toBeVisible();
+        });
+        test('should hide file-list when has-file-list is false', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" has-file-list="false"></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await expect(component.fileList).toBeHidden();
+        });
+    });
+    test.describe('multiple prop', () => {
+        test('should allow multiple files when multiple is true', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" multiple></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await expect(component.input).toHaveAttribute('multiple', '');
+        });
+        test('should allow single file when multiple is false', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" multiple="false"></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await expect(component.input).not.toHaveAttribute('multiple');
+        });
+    });
+    test.describe('color variant', () => {
+        test('should render with primary color', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" color="primary"></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await expect(component.el).toHaveAttribute('color', 'primary');
+        });
+        test('should render with success color', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" color="success"></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await expect(component.el).toHaveAttribute('color', 'success');
+        });
+        test('should render with warning color', async ({ page }) => {
+            await page.mount(`<ds-file-upload label="Upload" color="warning"></ds-file-upload>`);
+            const component = new DsFileUpload(page.locator('ds-file-upload'));
+            await expect(component.el).toHaveAttribute('color', 'warning');
+        });
+    });
+});

package/dist/collection/components/file-upload/test/file-upload.visual.play.js

@@ -0,0 +1,18 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { expectScreenshot, screenshot, test } from "../../../../../../playwright/src/index";
+const TAG = 'file-upload';
+const VARIANTS = ['basic', 'disabled', 'invalid', 'valid', 'warning', 'loading', 'no-file-list'];
+const image = screenshot(TAG);
+test.describe('host', () => {
+    test.beforeEach('Setup', async ({ page }) => {
+        await page.setupVisualTest(`/components/${TAG}/test/${TAG}.visual.html`);
+    });
+    VARIANTS.forEach(variant => {
+        test(variant, async ({ page }) => {
+            const el = page.getByTestId(variant);
+            await expectScreenshot(el, image(variant));
+        });
+    });
+});

package/dist/collection/components/file-upload/utils/file-list.util.js

@@ -0,0 +1,13 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+export const toFileArray = (list) => {
+    return Array.from(list !== null && list !== void 0 ? list : []);
+};
+export const toFileList = (files) => {
+    const dataTransfer = new DataTransfer();
+    if (files && files.length > 0) {
+        files.forEach(file => dataTransfer.items.add(file));
+    }
+    return dataTransfer.files;
+};

package/dist/collection/components/file-upload/utils/file-size.util.js

@@ -0,0 +1,10 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+export const formatFileSize = (bytes) => {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+};

package/dist/collection/components/file-upload/utils/file-validation.util.js

@@ -0,0 +1,48 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+export const validateFileArray = (state, files, fileOptions) => {
+    const validFiles = [];
+    const newState = [...state];
+    const invalidFiles = [];
+    for (let index = 0; index < files.length; index++) {
+        const file = files[index];
+        if (file) {
+            const reasons = [];
+            if (fileOptions.accept && fileOptions.accept.split(' ').join('').split(',').indexOf(file.type) === -1) {
+                reasons.push('BAD_EXTENSION');
+            }
+            if (fileOptions.maxFileSize !== undefined && file.size > fileOptions.maxFileSize) {
+                reasons.push('FILE_TOO_BIG');
+            }
+            const stateBundleSize = newState.map(f => f.size).reduce((a, b) => a + b, 0);
+            const bundleSize = stateBundleSize + file.size;
+            if (fileOptions.maxBundleSize !== undefined && bundleSize > fileOptions.maxBundleSize) {
+                reasons.push('FILE_SIZE_SUM_TOO_BIG');
+            }
+            const amountOfFiles = newState.length + 1;
+            if (fileOptions.maxFiles !== undefined && amountOfFiles > fileOptions.maxFiles) {
+                reasons.push('TOO_MANY_FILES');
+            }
+            const areFilesEqual = (fileA, fileB) => fileA.size === fileB.size &&
+                fileA.name === fileB.name &&
+                fileA.type === fileB.type &&
+                fileA.lastModified === fileB.lastModified;
+            const duplicatedFiles = state.filter(f => areFilesEqual(f, file));
+            if (duplicatedFiles.length > 0) {
+                reasons.push('DUPLICATED_FILE');
+            }
+            if (reasons.length > 0) {
+                invalidFiles.push({ file, reasons });
+            }
+            else {
+                newState.push(file);
+                validFiles.push(file);
+            }
+        }
+    }
+    return {
+        validFiles: validFiles,
+        invalidFiles: invalidFiles,
+    };
+};

package/dist/collection/components/footer/footer.host.css

@@ -0,0 +1 @@
+:host{--_footer-position: var(--footer-position, var(--mod-footer-position, static));--_footer-top: var(--footer-top, var(--mod-footer-top));--_footer-right: var(--footer-right, var(--mod-footer-right));--_footer-bottom: var(--footer-bottom, var(--mod-footer-bottom));--_footer-left: var(--footer-left, var(--mod-footer-left));position:var(--_footer-position);top:var(--_footer-top);right:var(--_footer-right);bottom:var(--_footer-bottom);left:var(--_footer-left);--_footer-m: var(--footer-m, var(--mod-footer-m, 0));--_footer-my: var(--footer-my, var(--mod-footer-my));--_footer-mx: var(--footer-mx, var(--mod-footer-mx));--_footer-ml: var(--footer-ml, var(--mod-footer-ml));--_footer-mr: var(--footer-mr, var(--mod-footer-mr));--_footer-mt: var(--footer-mt, var(--mod-footer-mt));--_footer-mb: var(--footer-mb, var(--mod-footer-mb));margin:var(--_footer-m);margin-inline:var(--_footer-mx);margin-block:var(--_footer-my);margin-left:var(--_footer-ml);margin-right:var(--_footer-mr);margin-top:var(--_footer-mt);margin-bottom:var(--_footer-mb);--_footer-background: var(--footer-background, var(--mod-footer-background, var(--ds-footer-color-background)));--_footer-color: var(--footer-color, var(--mod-footer-color, var(--ds-footer-color-text)));--_footer-link-color: var(--footer-link-color, var(--mod-footer-link-color, var(--ds-footer-color-link-base)));--_footer-link-color-hover: var(--footer-link-color-hover, var(--mod-footer-link-color-hover, var(--ds-footer-color-link-hover)));--_footer-divider-color: var(--footer-divider-color, var(--mod-footer-divider-color, var(--ds-footer-color-divider)));--_footer-content-max-width: var(--footer-content-max-width, var(--mod-footer-content-max-width, var(--ds-footer-space-content-max-width)));--_footer-padding: var(--footer-padding, var(--mod-footer-padding, var(--ds-footer-space-padding-base)));--_footer-content-padding-top: var(--footer-content-padding-top, var(--mod-footer-content-padding-top, var(--ds-footer-space-content-padding-top)));--_footer-gap-row: var(--footer-gap-row, var(--mod-footer-gap-row, var(--ds-footer-space-gap-row)));--_footer-gap-column: var(--footer-gap-column, var(--mod-footer-gap-column, var(--ds-footer-space-gap-column)));--_footer-language-font-family: var(--footer-language-font-family, var(--mod-footer-language-font-family, var(--ds-footer-typography-language-family)));--_footer-language-font-weight: var(--footer-language-font-weight, var(--mod-footer-language-font-weight, var(--ds-footer-typography-language-weight)));--_footer-language-gap: var(--footer-language-gap, var(--mod-footer-language-gap, var(--ds-footer-space-language-gap)));--_footer-bottom-gap: var(--footer-bottom-gap, var(--mod-footer-bottom-gap, var(--ds-footer-space-bottom-gap)));--_footer-link-gap: var(--footer-link-gap, var(--mod-footer-link-gap, var(--ds-footer-space-link-gap)));--_footer-social-gap: var(--footer-social-gap, var(--mod-footer-social-gap, var(--ds-footer-space-social-gap)));--_footer-font-size: var(--footer-font-size, var(--mod-footer-font-size, var(--ds-footer-typography-font-size)));--_footer-line-height: var(--footer-line-height, var(--mod-footer-line-height, var(--ds-footer-typography-line-height)));--_footer-social-icon-size: var(--footer-social-icon-size, var(--mod-footer-social-icon-size, var(--ds-footer-space-social-icon-size)));--_footer-social-icon-gap: var(--footer-social-icon-gap, var(--mod-footer-social-icon-gap, var(--ds-footer-space-social-icon-gap)));--_footer-slotted-margin-right: var(--footer-slotted-margin-right, var(--mod-footer-slotted-margin-right, var(--ds-footer-space-slotted-margin-right)));margin:var(--_footer-m);margin-inline:var(--_footer-mx);margin-block:var(--_footer-my);margin-left:var(--_footer-ml);margin-right:var(--_footer-mr);margin-top:var(--_footer-mt);margin-bottom:var(--_footer-mb);position:var(--_footer-position);top:var(--_footer-top);right:var(--_footer-right);bottom:var(--_footer-bottom);left:var(--_footer-left);display:block;color:var(--_footer-color);background:var(--_footer-background)}footer{margin:0 auto;padding-block:var(--_footer-padding);padding-inline:var(--ds-alias-container-space-device);width:100%;max-width:var(--ds-alias-container-width-base)}footer.is-fluid{max-width:var(--ds-alias-container-width-fluid)}footer.is-compact{max-width:var(--ds-alias-container-width-compact)}.top-row{display:flex;flex-wrap:wrap;gap:var(--_footer-gap-row) var(--_footer-gap-column);justify-content:space-between;align-items:flex-start}.logo-area{display:flex;align-items:center}.logo-link{display:inline-flex;color:inherit}.logo-svg{display:inline-flex}.language-picker{align-items:center;border:0;color:var(--_footer-color);display:inline-flex;font-family:var(--_footer-language-font-family);font-weight:var(--_footer-language-font-weight);gap:var(--_footer-language-gap);margin:0 0 0 auto;max-width:100%;width:auto}.language-picker ds-icon{--icon-color: currentColor;flex-shrink:0}.language-picker select{appearance:auto;background:rgba(0,0,0,0);border:0;border-radius:0;color:inherit;cursor:pointer;flex:0 0 auto;font:inherit;line-height:1.3;min-width:auto;padding:0}.language-picker select:hover,.language-picker select:focus-visible{color:var(--_footer-link-color-hover)}.content{padding-top:var(--_footer-content-padding-top)}.bottom-row{display:grid;font-size:var(--_footer-font-size);gap:var(--_footer-bottom-gap);grid-template-columns:1fr;line-height:var(--_footer-line-height)}.legal{margin:0;font-size:var(--_footer-font-size);line-height:var(--_footer-line-height)}.links,.social{min-width:0}.link-list,.social-list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_footer-link-gap);margin:0;padding:0}.social-list{gap:var(--_footer-social-gap)}.link-list li,.social-list li{list-style:none}.links a,::slotted([slot=links]){color:var(--_footer-link-color);text-decoration:none}.links a:hover,::slotted([slot=links]:hover){color:var(--_footer-link-color-hover);text-decoration:underline}.social a,::slotted([slot=social-links]){--icon-color: var(--ds-alias-text-color-white);--icon-size: var(--ds-icon-size-sm);align-items:center;color:var(--_footer-link-color);display:inline-flex;height:var(--_footer-social-icon-size);justify-content:center;text-decoration:none;width:var(--_footer-social-icon-size)}.social a:hover,::slotted([slot=social-links]:hover){--icon-color: var(--_footer-link-color-hover);color:var(--_footer-link-color-hover)}::slotted([slot=links]),::slotted([slot=social-links]){margin-right:var(--_footer-slotted-margin-right)}@media screen and (min-width: 769px){.bottom-row{align-items:start;grid-template-columns:1fr}.social,.links{justify-self:start}}@media screen and (min-width: 1024px){.bottom-row{align-items:center;grid-template-columns:1fr auto;grid-template-areas:"legal social" "links links"}.legal{align-self:center;grid-area:legal}.social{align-self:center;grid-area:social;justify-self:end}.links{grid-area:links;justify-self:stretch;width:100%}}

package/dist/collection/components/footer/footer.i18n.js

@@ -0,0 +1,155 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+export const i18nDsFooter = {
+    de: {
+        languageSelector: 'Sprache waehlen',
+        languageLabels: {
+            de: 'DE - Deutsch',
+            fr: 'FR - Francais',
+            it: 'IT - Italiano',
+            en: 'EN - English',
+            nl: 'NL - Nederlands',
+            es: 'ES - Espanol',
+            pl: 'PL - Polski',
+            pt: 'PT - Portugues',
+            sv: 'SV - Svenska',
+            fi: 'FI - Suomi',
+        },
+    },
+    en: {
+        languageSelector: 'Select language',
+        languageLabels: {
+            de: 'DE - German',
+            fr: 'FR - French',
+            it: 'IT - Italian',
+            en: 'EN - English',
+            nl: 'NL - Dutch',
+            es: 'ES - Spanish',
+            pl: 'PL - Polish',
+            pt: 'PT - Portuguese',
+            sv: 'SV - Swedish',
+            fi: 'FI - Finnish',
+        },
+    },
+    fr: {
+        languageSelector: 'Choisir la langue',
+        languageLabels: {
+            de: 'DE - Allemand',
+            fr: 'FR - Francais',
+            it: 'IT - Italien',
+            en: 'EN - Anglais',
+            nl: 'NL - Neerlandais',
+            es: 'ES - Espagnol',
+            pl: 'PL - Polonais',
+            pt: 'PT - Portugais',
+            sv: 'SV - Suedois',
+            fi: 'FI - Finnois',
+        },
+    },
+    it: {
+        languageSelector: 'Seleziona lingua',
+        languageLabels: {
+            de: 'DE - Tedesco',
+            fr: 'FR - Francese',
+            it: 'IT - Italiano',
+            en: 'EN - Inglese',
+            nl: 'NL - Olandese',
+            es: 'ES - Spagnolo',
+            pl: 'PL - Polacco',
+            pt: 'PT - Portoghese',
+            sv: 'SV - Svedese',
+            fi: 'FI - Finlandese',
+        },
+    },
+    nl: {
+        languageSelector: 'Selecteer taal',
+        languageLabels: {
+            de: 'DE - Duits',
+            fr: 'FR - Frans',
+            it: 'IT - Italiaans',
+            en: 'EN - Engels',
+            nl: 'NL - Nederlands',
+            es: 'ES - Spaans',
+            pl: 'PL - Pools',
+            pt: 'PT - Portugees',
+            sv: 'SV - Zweeds',
+            fi: 'FI - Fins',
+        },
+    },
+    es: {
+        languageSelector: 'Seleccionar idioma',
+        languageLabels: {
+            de: 'DE - Aleman',
+            fr: 'FR - Frances',
+            it: 'IT - Italiano',
+            en: 'EN - Ingles',
+            nl: 'NL - Neerlandes',
+            es: 'ES - Espanol',
+            pl: 'PL - Polaco',
+            pt: 'PT - Portugues',
+            sv: 'SV - Sueco',
+            fi: 'FI - Fines',
+        },
+    },
+    pl: {
+        languageSelector: 'Wybierz jezyk',
+        languageLabels: {
+            de: 'DE - Niemiecki',
+            fr: 'FR - Francuski',
+            it: 'IT - Wloski',
+            en: 'EN - Angielski',
+            nl: 'NL - Holenderski',
+            es: 'ES - Hiszpanski',
+            pl: 'PL - Polski',
+            pt: 'PT - Portugalski',
+            sv: 'SV - Szwedzki',
+            fi: 'FI - Finski',
+        },
+    },
+    pt: {
+        languageSelector: 'Selecionar idioma',
+        languageLabels: {
+            de: 'DE - Alemao',
+            fr: 'FR - Frances',
+            it: 'IT - Italiano',
+            en: 'EN - Ingles',
+            nl: 'NL - Neerlandes',
+            es: 'ES - Espanhol',
+            pl: 'PL - Polones',
+            pt: 'PT - Portugues',
+            sv: 'SV - Sueco',
+            fi: 'FI - Finlandes',
+        },
+    },
+    sv: {
+        languageSelector: 'Valj sprak',
+        languageLabels: {
+            de: 'DE - Tyska',
+            fr: 'FR - Franska',
+            it: 'IT - Italienska',
+            en: 'EN - Engelska',
+            nl: 'NL - Nederlandska',
+            es: 'ES - Spanska',
+            pl: 'PL - Polska',
+            pt: 'PT - Portugisiska',
+            sv: 'SV - Svenska',
+            fi: 'FI - Finska',
+        },
+    },
+    fi: {
+        languageSelector: 'Valitse kieli',
+        languageLabels: {
+            de: 'DE - Saksa',
+            fr: 'FR - Ranska',
+            it: 'IT - Italia',
+            en: 'EN - Englanti',
+            nl: 'NL - Hollanti',
+            es: 'ES - Espanja',
+            pl: 'PL - Puola',
+            pt: 'PT - Portugali',
+            sv: 'SV - Ruotsi',
+            fi: 'FI - Suomi',
+        },
+    },
+};

package/dist/collection/components/footer/footer.interfaces.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+export const FOOTER_CONTAINERS = ['default', 'fluid', 'compact', ''];