@scania/tegel 1.4.0 → 1.6.0

package/dist/collection/components/dropdown/test/error/dropdown.e2e.js

@@ -1,36 +0,0 @@
-import { test } from "stencil-playwright";
-import { expect } from "@playwright/test";
-const componentTestPath = 'src/components/dropdown/test/error/index.html';
-test.describe('tds-dropdown-error', () => {
-    test('renders error dropdown correctly', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const dropdown = page.getByTestId('tds-dropdown-testid');
-        await expect(dropdown).toHaveCount(1);
-        /* Check diff on screenshot */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-    test('find helper text and check if visible and have icon', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const helperText = page.getByText(/Helper text/);
-        await expect(helperText).toBeVisible();
-        const helperTextIcon = helperText.getByRole('img');
-        await expect(helperTextIcon).toHaveCount(1);
-    });
-    test('clicking the dropdown opens the dropdown-list', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const dropdownListElementOneButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /Option 1/ })
-            .getByRole('button');
-        const dropdownButton = page.getByRole('button', { name: 'Placeholder' });
-        /* before clicking dropdownlist should not be visible, the button should be */
-        await expect(dropdownButton).toBeVisible();
-        await expect(dropdownListElementOneButton).toBeHidden();
-        await dropdownButton.click();
-        /* after clicking dropdownlist should be visible, the button should also be */
-        await expect(dropdownButton).toBeVisible();
-        await expect(dropdownListElementOneButton).toBeVisible();
-        /* check diff on screenshot */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-});

package/dist/collection/components/dropdown/test/filter/dropdown.e2e.js

@@ -1,56 +0,0 @@
-import { test } from "stencil-playwright";
-import { expect } from "@playwright/test";
-const componentTestPath = 'src/components/dropdown/test/filter/index.html';
-test.describe('tds-dropdown-filter', () => {
-    test('renders filter dropdown correctly', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const dropdown = page.getByTestId('tds-dropdown-testid');
-        await expect(dropdown).toHaveCount(1);
-        /* Check diff on screenshot */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-    test('clicking the dropdown opens the dropdown-list, then start typing "iles" to only show that option in the dropdown list', async ({ page, }) => {
-        await page.goto(componentTestPath);
-        const inputElement = page.getByRole('textbox');
-        const dropdownListElementOneButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /Option 1/ });
-        const dropdownListElementTwoButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /Option 2/ });
-        const dropdownListElementThreeButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /Option 3/ });
-        const dropdownListElementFourButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /Option 4/ });
-        const dropdownListElementFiveButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /îles Åland/ });
-        /* before clicking dropdownlist should not be visible, the button should be */
-        await expect(inputElement).toBeVisible();
-        await expect(dropdownListElementOneButton).toBeHidden();
-        await expect(dropdownListElementTwoButton).toBeHidden();
-        await expect(dropdownListElementThreeButton).toBeHidden();
-        await expect(dropdownListElementFourButton).toBeHidden();
-        await expect(dropdownListElementFiveButton).toBeHidden();
-        /* Clicking the input element should show the dropdown list and all its content */
-        await inputElement.click();
-        await expect(inputElement).toBeVisible();
-        await expect(dropdownListElementOneButton).toBeVisible();
-        await expect(dropdownListElementTwoButton).toBeVisible();
-        await expect(dropdownListElementThreeButton).toBeVisible();
-        await expect(dropdownListElementFourButton).toBeVisible();
-        await expect(dropdownListElementFiveButton).toBeVisible();
-        /* Add text and only Option 1 should be visible */
-        await inputElement.fill('iles');
-        await expect(inputElement).toBeVisible();
-        await expect(dropdownListElementOneButton).toBeHidden();
-        await expect(dropdownListElementTwoButton).toBeHidden();
-        await expect(dropdownListElementThreeButton).toBeHidden();
-        await expect(dropdownListElementFourButton).toBeHidden();
-        await expect(dropdownListElementFiveButton).toBeVisible();
-        /* Check diff on screenshot after adding text */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-});

package/dist/collection/components/dropdown/test/filter/hide-no-result-message/dropdown.e2e.js

@@ -1,23 +0,0 @@
-import { test } from "stencil-playwright";
-import { expect } from "@playwright/test";
-const componentTestPath = 'src/components/dropdown/test/filter/hide-no-result-message/index.html';
-test.describe('tds-dropdown-filter', () => {
-    test('renders filter dropdown correctly', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const dropdown = page.getByTestId('tds-dropdown-testid');
-        await expect(dropdown).toHaveCount(1);
-        /* Check diff on screenshot */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-    test('typing non existing value does not show "No results!" message', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const inputElement = page.getByRole('textbox');
-        /* Add text and only Option 1 should be visible */
-        await inputElement.fill('Johnny looks for no results message');
-        await expect(inputElement).toBeVisible();
-        const noResult = page.getByText('No result');
-        await expect(noResult).toBeHidden();
-        /* Check diff on screenshot after adding text */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-});

package/dist/collection/components/dropdown/test/filter/normalize-text-false/dropdown.e2e.js

@@ -1,43 +0,0 @@
-import { test } from "stencil-playwright";
-import { expect } from "@playwright/test";
-const componentTestPath = 'src/components/dropdown/test/filter/normalize-text-false/index.html';
-test.describe('tds-dropdown-filter', () => {
-    test('renders filter dropdown correctly', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const dropdown = page.getByTestId('tds-dropdown-testid');
-        await expect(dropdown).toHaveCount(1);
-        /* Check diff on screenshot */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-    test('typing "iles" should not show anything in dropdown with normalize text set to false', async ({ page, }) => {
-        await page.goto(componentTestPath);
-        const inputElement = page.getByRole('textbox');
-        const dropdownListElementOneButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /Option 1/ });
-        const dropdownListElementTwoButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /Option 2/ });
-        const dropdownListElementThreeButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /Option 3/ });
-        const dropdownListElementFourButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /Option 4/ });
-        const dropdownListElementFiveButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /îles Åland/ });
-        /* Add text and only Option 1 should be visible */
-        await inputElement.fill('iles');
-        await expect(inputElement).toBeVisible();
-        await expect(dropdownListElementOneButton).toBeHidden();
-        await expect(dropdownListElementTwoButton).toBeHidden();
-        await expect(dropdownListElementThreeButton).toBeHidden();
-        await expect(dropdownListElementFourButton).toBeHidden();
-        await expect(dropdownListElementFiveButton).toBeHidden();
-        const noResult = page.getByText('No result');
-        await expect(noResult).toBeVisible();
-        /* Check diff on screenshot after adding text */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-});

package/dist/collection/components/dropdown/test/multiselect/dropdown.e2e.js

@@ -1,81 +0,0 @@
-import { test } from "stencil-playwright";
-import { expect } from "@playwright/test";
-const componentTestPath = 'src/components/dropdown/test/multiselect/index.html';
-test.describe('tds-dropdown-multiselect', () => {
-    test('renders multiselect dropdown correctly', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const dropdown = page.getByTestId('tds-dropdown-testid');
-        await expect(dropdown).toHaveCount(1);
-        /* Check diff on screenshot */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-    test('clicking the dropdown opens the dropdown-list, then click Option 1, should not close it', async ({ page, }) => {
-        await page.goto(componentTestPath);
-        /* click the dropdown button */
-        const dropdownButton = page.getByRole('button', { name: 'Placeholder' });
-        await dropdownButton.click();
-        /* Click the Option 1 button */
-        const dropdownListElementOneButton = page
-            .locator('tds-dropdown-option')
-            .filter({ hasText: /Option 1/ });
-        await dropdownListElementOneButton.click();
-        await expect(dropdownListElementOneButton).toBeVisible();
-        const dropdownButtonWithOption1 = page.getByRole('button', { name: 'Option 1' });
-        await expect(dropdownButtonWithOption1.first()).toBeVisible();
-        /* also check screenshot diff to make sure it says Option 1 */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-    test('clicking the dropdown opens the dropdown-list, then click on all the options', async ({ page, }) => {
-        await page.goto(componentTestPath);
-        /* click the button */
-        const dropdownButton = page.getByRole('button', { name: 'Placeholder' });
-        await dropdownButton.click();
-        /* get all checkboxes */
-        const dropdownListElementOneButton = page
-            .getByText(/Option 1/)
-            .filter({ has: page.getByRole('checkbox') });
-        const dropdownListElementTwoButton = page
-            .getByText(/Option 2/)
-            .filter({ has: page.getByRole('checkbox') });
-        const dropdownListElementThreeButton = page
-            .getByText(/Option 3/)
-            .filter({ has: page.getByRole('checkbox') });
-        const dropdownListElementFourButton = page
-            .getByText(/Option 4/)
-            .filter({ has: page.getByRole('checkbox') });
-        await expect(dropdownListElementOneButton).toHaveCount(1);
-        await expect(dropdownListElementTwoButton).toHaveCount(1);
-        await expect(dropdownListElementThreeButton).toHaveCount(1);
-        await expect(dropdownListElementFourButton).toHaveCount(1);
-        /* check each one and see that it updates correctly */
-        await dropdownListElementOneButton.click();
-        await expect(dropdownListElementOneButton).toHaveAttribute('aria-selected');
-        await expect(dropdownListElementTwoButton).not.toHaveAttribute('aria-selected');
-        await expect(dropdownListElementThreeButton).not.toHaveAttribute('aria-selected');
-        await expect(dropdownListElementFourButton).not.toHaveAttribute('aria-selected');
-        const inputText = page.getByRole('button', { name: /Option 1/ });
-        await expect(inputText).toHaveCount(1);
-        await dropdownListElementTwoButton.click();
-        await expect(dropdownListElementOneButton).toHaveAttribute('aria-selected');
-        await expect(dropdownListElementTwoButton).not.toHaveAttribute('aria-selected');
-        await expect(dropdownListElementThreeButton).not.toHaveAttribute('aria-selected');
-        await expect(dropdownListElementFourButton).not.toHaveAttribute('aria-selected');
-        await expect(inputText).toHaveCount(1);
-        await dropdownListElementThreeButton.click();
-        await expect(dropdownListElementOneButton).toHaveAttribute('aria-selected');
-        await expect(dropdownListElementTwoButton).not.toHaveAttribute('aria-selected');
-        await expect(dropdownListElementThreeButton).toHaveAttribute('aria-selected');
-        await expect(dropdownListElementFourButton).not.toHaveAttribute('aria-selected');
-        const inputText2 = page.getByRole('button', { name: /Option 1,Option 3/ });
-        await expect(inputText2).toHaveCount(1);
-        await dropdownListElementFourButton.click();
-        await expect(dropdownListElementOneButton).toHaveAttribute('aria-selected');
-        await expect(dropdownListElementTwoButton).not.toHaveAttribute('aria-selected');
-        await expect(dropdownListElementThreeButton).toHaveAttribute('aria-selected');
-        await expect(dropdownListElementFourButton).toHaveAttribute('aria-selected');
-        const inputText3 = page.getByRole('button', { name: /Option 1,Option 3,Option 4/ });
-        await expect(inputText3).toHaveCount(1);
-        /* also check screenshot diff to make sure */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-});

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

@@ -1,145 +0,0 @@
-import formatHtmlPreview from "../../stories/formatHtmlPreview";
-import { ComponentsFolder } from "../../utils/constants";
-import readme from "./readme.md";
-import readmeItem from "./footer-item/readme.md";
-import readmeLinkGroup from "./footer-group/readme.md";
-export default {
-    title: `${ComponentsFolder}/Footer`,
-    parameters: {
-        notes: { 'Footer': readme, 'Footer link group': readmeLinkGroup, 'Footer item': readmeItem },
-        layout: 'fullscreen',
-        design: [
-            {
-                name: 'Figma',
-                type: 'figma',
-                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=7568%3A298118&t=Ne6myqwca5m00de7-1',
-            },
-            {
-                name: 'Link',
-                type: 'link',
-                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=7568%3A298118&t=Ne6myqwca5m00de7-1',
-            },
-        ],
-    },
-    argTypes: {
-        modeVariant: {
-            name: 'Mode variant',
-            description: 'Mode variant adjusts component colors to have better visibility depending on global mode and background.',
-            control: {
-                type: 'radio',
-            },
-            options: ['Inherit from parent', 'Primary', 'Secondary'],
-            table: {
-                defaultValue: { summary: 'Inherit from parent' },
-            },
-        },
-        topPart: {
-            name: 'Top part',
-            description: 'Adds the top part of the Footer with more links.',
-            control: {
-                type: 'boolean',
-            },
-        },
-    },
-    args: {
-        modeVariant: 'Inherit from parent',
-        topPart: false,
-    },
-};
-const Template = ({ topPart, modeVariant }) => formatHtmlPreview(`
-    <main>
-      <div class="tds-u-p3 ">
-        <div class="tds-body-01">
-          Resize the window to see how the Footer behaves on smaller/bigger screens.
-        </div>
-      </div>
-    </main>
-    <tds-footer
-    ${modeVariant !== 'Inherit from parent' ? `mode-variant="${modeVariant.toLowerCase()}"` : ''}
-    >
-      ${topPart
-    ? `
-      <div slot="top">
-        <tds-footer-group title-text="Title">
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-        </tds-footer-group>
-
-        <tds-footer-group title-text="Title">
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-        </tds-footer-group>
-
-        <tds-footer-group title-text="Title">
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-        </tds-footer-group>
-
-        <tds-footer-group title-text="Title">
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-        </tds-footer-group>
-      </div>
-      `
-    : ''}
-      <div slot="start">
-        <tds-footer-group>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> Link text</a>
-          </tds-footer-item>
-        </tds-footer-group>
-      </div>
-      <div slot="end">
-        <tds-footer-group>
-          <tds-footer-item >
-            <a href="#"> <tds-icon name="truck"></tds-icon></a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> <tds-icon name="truck"></tds-icon></a>
-          </tds-footer-item>
-          <tds-footer-item >
-            <a href="#"> <tds-icon name="truck"></tds-icon></a>
-          </tds-footer-item>
-        </tds-footer-group>
-      </div>
-    </tds-footer>
-  
-  `);
-export const Default = Template.bind({});

package/dist/collection/components/footer/test/default/footer.e2e.js

@@ -1,34 +0,0 @@
-import { test } from "stencil-playwright";
-import { expect } from "@playwright/test";
-const componentTestPath = 'src/components/footer/test/default/index.html';
-test.describe('tds-footer-default', () => {
-    test('renders default footer correctly', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const footerComponent = page.locator('footer');
-        await expect(footerComponent).toHaveCount(1);
-        /** Check screenshot diff */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-    test('Footer contains four links "Link text"', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const footerLinks = page.getByRole('link').filter({ hasText: /Link text/ });
-        await expect(footerLinks).toHaveCount(4);
-    });
-    test('Footer contains three truck icons', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const footerTruckIcons = page.getByRole('link').filter({ has: page.getByRole('img') });
-        await expect(footerTruckIcons).toHaveCount(3);
-    });
-    test('Footer contains copyright text', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const footerCopyrightText = page.getByText(`Copyright © ${new Date().getFullYear()} Scania`);
-        await expect(footerCopyrightText).toHaveCount(1);
-        await expect(footerCopyrightText).toBeVisible();
-    });
-    test('Footer contains brand label (Scania)', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const footerBrandText = page.getByText('Scania', { exact: true });
-        await expect(footerBrandText).toHaveCount(1);
-        await expect(footerBrandText).toBeHidden();
-    });
-});

package/dist/collection/components/header/header.stories.js

@@ -1,82 +0,0 @@
-import formatHtmlPreview from "../../stories/formatHtmlPreview";
-import readme from "./readme.md";
-import readmeHamburger from "./header-hamburger/readme.md";
-import readmeTitle from "./header-title/readme.md";
-import readmeItem from "./header-item/readme.md";
-import readmeDropdown from "./header-dropdown/readme.md";
-import readmeDropdownList from "./header-dropdown-list/readme.md";
-import readmeDropdownListItem from "./header-dropdown-list-item/readme.md";
-import readmeDropdownListUser from "./header-dropdown-list-user/readme.md";
-import readmeBrandSymbol from "./header-brand-symbol/readme.md";
-import readmeLauncher from "./header-launcher/readme.md";
-import { ComponentsFolder } from "../../utils/constants";
-export default {
-    title: `${ComponentsFolder}/Header`,
-    parameters: {
-        notes: {
-            'Header': readme,
-            'Header hamburger': readmeHamburger,
-            'Header title': readmeTitle,
-            'Header item': readmeItem,
-            'Header dropdown': readmeDropdown,
-            'Header dropdown list': readmeDropdownList,
-            'Header dropdown list item': readmeDropdownListItem,
-            'Header dropdown list user': readmeDropdownListUser,
-            'Header launcher': readmeLauncher,
-            'Header brand symbol': readmeBrandSymbol,
-        },
-        layout: 'fullscreen',
-        docs: {
-            source: {
-                state: 'closed',
-            },
-        },
-        design: [
-            {
-                name: 'Figma',
-                type: 'figma',
-                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-            },
-            {
-                name: 'Link',
-                type: 'link',
-                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-            },
-        ],
-    },
-    argTypes: {},
-    args: {},
-};
-const Template = () => formatHtmlPreview(`
-  <tds-header>
-    <tds-header-title>
-      Example: default
-    </tds-header-title>
-
-    <tds-header-launcher slot="end">
-      <tds-header-launcher-list-title>Cool apps</tds-header-launcher-list-title>
-      <tds-header-launcher-list>
-        <tds-header-launcher-list-item>
-          <a href="https://tegel.scania.com">Trucklyfe</a>
-        </tds-header-launcher-list-item>
-        <tds-header-launcher-list-item>
-          <a href="https://tegel.scania.com">HaulHub</a>
-        </tds-header-launcher-list-item>
-        <tds-header-launcher-list-item>
-          <a href="https://tegel.scania.com">WheelWizz</a>
-        </tds-header-launcher-list-item>
-      </tds-header-launcher-list>
-    </tds-header-launcher>
-
-
-    <tds-header-brand-symbol slot="end">
-      <a aria-label="Scania - red gryphon on blue shield" href="https://scania.com"></a>
-    </tds-header-brand-symbol>
-
-  </tds-header>
-  
-  <main class="tds-u-w-100 tds-u-p3" style="box-sizing: border-box;">
-    <p>Find complete examples under the <a href="/?path=/story/patterns-navigation--basic">Patterns section</a>.</p>
-  </main>
-  `);
-export const Default = Template.bind({});

package/dist/collection/components/header/test/default/header.e2e.js

@@ -1,44 +0,0 @@
-import { test } from "stencil-playwright";
-import { expect } from "@playwright/test";
-const componentTestPath = 'src/components/header/test/default/index.html';
-test.describe('tds-header-default', () => {
-    test('renders default header correctly', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const headerComponent = page.getByRole('navigation');
-        await expect(headerComponent).toHaveCount(1);
-        await expect(headerComponent).toBeVisible();
-        /** Check screenshot diff */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-    test('title exists and is "Example: default"', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const headerComponentHeaderText = page.getByText('Example: default');
-        await expect(headerComponentHeaderText).toHaveCount(1);
-        await expect(headerComponentHeaderText).toBeVisible();
-    });
-    test('luncher button icon exists', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const headerComponentLuncherButton = page.getByRole('button');
-        await expect(headerComponentLuncherButton).toHaveCount(1);
-        await expect(headerComponentLuncherButton).toBeVisible();
-    });
-    test('brand label with link exists', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const headerComponentBrandLink = page.getByLabel('Scania - red gryphon on blue shield');
-        await expect(headerComponentBrandLink).toHaveCount(1);
-        await expect(headerComponentBrandLink).toBeVisible();
-    });
-    test('launcher should open on click', async ({ page }) => {
-        await page.goto(componentTestPath);
-        const headerComponentLuncherButton = page.getByRole('button');
-        await headerComponentLuncherButton.click();
-        const headerLuncherList = page
-            .getByRole('listitem')
-            .filter({ has: page.getByRole('heading') })
-            .getByRole('list');
-        await expect(headerLuncherList).toHaveCount(1);
-        await expect(headerLuncherList).toBeVisible();
-        /** Check screenshot diff */
-        await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
-    });
-});

package/dist/collection/components/icon/icon.stories.js

@@ -1,48 +0,0 @@
-import formatHtmlPreview from "../../stories/formatHtmlPreview";
-import { iconsNames } from "./iconsArray";
-import readme from "./readme.md";
-export default {
-    title: 'Foundations',
-    parameters: {
-        layout: 'centered',
-        notes: readme,
-        design: [
-            {
-                name: 'Figma',
-                type: 'figma',
-                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9119%3A315952&t=Ne6myqwca5m00de7-1',
-            },
-            {
-                name: 'Link',
-                type: 'link',
-                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9119%3A315952&t=Ne6myqwca5m00de7-1',
-            },
-        ],
-    },
-    argTypes: {
-        icon: {
-            name: 'Icon name',
-            description: 'Select icon to display',
-            control: {
-                type: 'select',
-            },
-            options: iconsNames,
-        },
-        size: {
-            name: 'Size in pixels',
-            description: 'Set the size of the Icon',
-            control: {
-                type: 'select',
-            },
-            options: [16, 20, 24, 32],
-        },
-    },
-    args: {
-        size: 32,
-        icon: 'truck',
-    },
-};
-const IconTemplate = (args) => formatHtmlPreview(`
-  <tds-icon name="${args.icon}" size="${`${args.size.toString()}px`}"></tds-icon> 
-  `);
-export const Icons = IconTemplate.bind({});

package/dist/collection/components/link/link.stories.js

@@ -1,59 +0,0 @@
-import formatHtmlPreview from "../../stories/formatHtmlPreview";
-import readme from "./readme.md";
-import { ComponentsFolder } from "../../utils/constants";
-export default {
-    title: `${ComponentsFolder}/Link`,
-    parameters: {
-        notes: readme,
-        layout: 'centered',
-        design: [
-            {
-                name: 'Figma',
-                type: 'figma',
-                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2147%3A99321&t=Ne6myqwca5m00de7-1',
-            },
-            {
-                name: 'Link',
-                type: 'link',
-                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2147%3A99321&t=Ne6myqwca5m00de7-1',
-            },
-        ],
-    },
-    argTypes: {
-        underline: {
-            name: 'Underline',
-            description: 'Adds an underline under the Link text.',
-            controls: {
-                type: 'boolean',
-            },
-            table: {
-                defaultValue: { summary: true },
-            },
-        },
-        disabled: {
-            name: 'Disabled',
-            description: 'Disables the Link.',
-            controls: {
-                type: 'boolean',
-            },
-            table: {
-                defaultValue: { summary: false },
-            },
-        },
-    },
-    args: {
-        underline: true,
-        disabled: false,
-    },
-};
-const Template = ({ underline, disabled }) => formatHtmlPreview(`
-    <p class='tds-body-02'>The <tds-link
-        ${disabled ? 'disabled' : ''}
-        ${underline ? '' : 'underline="false"'}
-        >
-        <a href="https://tegel.scania.com/home" target='_blank'>Tegel</a>
-    </tds-link> Design System is for digital products and services at Scania.
-     It enables an efficient development process and ensures a premium experience across all of Scania's digital touchpoints.    
-    </p>  
-  `);
-export const Default = Template.bind({});