@duetds/components 8.0.2 → 8.0.4

package/lib/collection/components/duet-menu-bar/duet-menu-bar.a11y.e2e.js

@@ -0,0 +1,27 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-menu-bar", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-menu-bar>
+          <div slot="center">
+            <duet-menu-bar-link active>Vakuutukset</duet-menu-bar-link>
+            <duet-menu-bar-link>Sijoittaminen</duet-menu-bar-link>
+          </div>
+          <div slot="right">
+            <duet-menu-bar-link icon="navigation-user">Omat sivut</duet-menu-bar-link>
+            <duet-menu-bar-dropdown icon="navigation-user">
+              <span slot="label">Etunimi</span>
+              <duet-menu-bar-dropdown-link>Omat tiedot</duet-menu-bar-dropdown-link>
+              <duet-divider margin="none"></duet-divider>
+              <duet-menu-bar-dropdown-button icon="messaging-logout">Kirjaudu ulos</duet-menu-bar-dropdown-button>
+            </duet-menu-bar-dropdown>
+          </div>
+        </duet-menu-bar>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-menu-bar/duet-menu-bar.js

@@ -264,7 +264,7 @@ export class DuetMenuBar {
           "references": {
             "DuetMenuBarChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
               "id": "src/components/duet-menu-bar/duet-menu-bar.tsx::DuetMenuBarChangeEvent"
             }
           }

package/lib/collection/components/duet-modal/duet-modal.a11y.e2e.js

@@ -0,0 +1,49 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-modal", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+          <duet-modal
+            size="small"
+            heading="Onko matkapuhelimesi tai tablettisi rikkoutunut?"
+            icon="damage-breakage"
+            class="duet-text-center"
+            active
+          >
+            <duet-paragraph>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+              aliqua. Ut enim ad minim veniam quis nostrud.
+            </duet-paragraph>
+            <duet-paragraph>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
+            </duet-paragraph>
+            <duet-button variation="primary" onclick="modal.hide()"> Jatka </duet-button>
+          </duet-modal>
+
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+  it("should render an accessible component in confirmation variant", async () => {
+    const result = await testWithAxe(`
+          <duet-modal
+            heading="Oletko varma, että haluat poistua tältä&nbsp;sivulta?"
+            icon="messaging-alert"
+            color="warning"
+            size="small"
+            variation="dialog"
+            class="duet-text-center"
+            active
+          >
+            <duet-paragraph> Kaikki täyttämäsi tiedot poistetaan. </duet-paragraph>
+            <duet-button variation="primary" onclick="modal.hide()"> Kyllä </duet-button>
+            <duet-button onclick="modal.hide()"> Ei </duet-button>
+          </duet-modal>
+
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-modal/duet-modal.js

@@ -299,7 +299,7 @@ export class DuetModal {
           "references": {
             "DuetModalSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
               "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
             }
           }
@@ -410,7 +410,7 @@ export class DuetModal {
           "references": {
             "DuetModalSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
               "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
             }
           }
@@ -652,7 +652,7 @@ export class DuetModal {
           "references": {
             "DuetModalCloseEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
               "id": "src/components/duet-modal/duet-modal.tsx::DuetModalCloseEvent"
             }
           }

package/lib/collection/components/duet-multiselect/duet-multiselect.a11y.e2e.js

@@ -0,0 +1,22 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-multiselect", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-multiselect
+          id="zip"
+          label="Chooce zip"
+          label-hidden
+          placeholder="Zip"
+          items='[
+            {"label": "11100", "value": "11100"},
+            {"label": "22200", "value": "22200"}
+          ]'
+        ></duet-multiselect>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-multiselect/duet-multiselect.js

@@ -33,6 +33,11 @@ export class DuetMultiselect {
       fi: "Tyhjennä kaikki",
       sv: "Rensa alla",
     };
+    this.placeholderLabel = {
+      en: "Hint",
+      fi: "Vihje",
+      sv: "Tips",
+    };
     /**
      * Component event handling.
      */
@@ -196,7 +201,7 @@ export class DuetMultiselect {
         "duet-theme-turva": this.theme === "turva",
         "duet-input-top-caption-shown": this.isCaptionVisible,
         "has-error": !!this.error,
-      }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (h("duet-tooltip", { class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (h("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { class: "duet-multiselect-wrapper" }, h("button", { id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, h("span", { role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes` }, this.placeholder), this.value && this.value.length > 0 && (h("duet-badge", { class: "duet-multiselect-badge", margin: "none", theme: this.theme }, this.value.length, " ", this.selectedLangObject[this.language], h("duet-visually-hidden", null, ", ", this.value.map(item => item.label).join(", ")))), h("svg", { role: "img", class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), h("div", { id: `${this.identifier}-checkboxes`, role: "listbox", class: {
+      }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (h("duet-tooltip", { class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (h("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { class: "duet-multiselect-wrapper" }, h("button", { id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, h("span", { role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language] }, this.placeholder), this.value && this.value.length > 0 && (h("duet-badge", { class: "duet-multiselect-badge", margin: "none", theme: this.theme }, this.value.length, " ", this.selectedLangObject[this.language], h("duet-visually-hidden", null, ", ", this.value.map(item => item.label).join(", ")))), h("svg", { class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), h("div", { id: `${this.identifier}-checkboxes`, role: "listbox", class: {
         "duet-multiselect-checkboxes": true,
         "duet-multiselect-checkboxes-active": this.checkboxesVisible,
       }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, this.processedItems && this.allControls && (h("div", { class: "duet-multiselect-all-control-buttons" }, h("button", { class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), h("button", { class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
@@ -306,7 +311,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectItem": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
               "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
             }
           }
@@ -441,7 +446,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectItem": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
               "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
             }
           }
@@ -577,7 +582,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
               "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
             }
           }
@@ -598,7 +603,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
               "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
             }
           }
@@ -619,7 +624,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
               "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
             }
           }

package/lib/collection/components/duet-notification/duet-notification.a11y.e2e.js

@@ -0,0 +1,20 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-notification", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <div role="list">
+          <duet-notification highlight url="https://www.duetds.com" date="23.11.2020">
+            <duet-heading level="h2" visual-level="h6"> Uusi vakuutus </duet-heading>
+            <duet-paragraph size="small" margin="none">
+              Uuden kotivakuutuksesi tiedot ja asiakirjat löydät klikkaamalla tästä.
+            </duet-paragraph>
+          </duet-notification>
+        </div>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.a11y.e2e.js

@@ -0,0 +1,28 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-notification-drawer", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+      <duet-notification-drawer direction="right" label="Ilmoitukset (1)" icon="messaging-notification" badge>
+        <duet-notification highlight url="https://www.duetds.com" date="23.11.2020">
+          <duet-heading level="h2" visual-level="h6"> Uusi vakuutus </duet-heading>
+          <duet-paragraph size="small" margin="none">
+            Uuden kotivakuutuksesi tiedot ja asiakirjat löydät klikkaamalla tästä.
+          </duet-paragraph>
+        </duet-notification>
+      </duet-notification-drawer>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+  it("should render an accessible component in an empty state", async () => {
+    const result = await testWithAxe(`
+        <duet-notification-drawer direction="right" label="Ilmoitukset" icon="messaging-notification">
+        </duet-notification-drawer>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js

@@ -282,7 +282,7 @@ export class DuetNotificationDrawer {
           "references": {
             "DuetNotificationDrawerDirection": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
               "id": "src/components/duet-notification-drawer/duet-notification-drawer.tsx::DuetNotificationDrawerDirection"
             }
           }

package/lib/collection/components/duet-number-input/duet-number-input.a11y.e2e.js

@@ -0,0 +1,14 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-number-input", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+      <duet-number-input label="Sijoitettava pääoma" value="100000" min="50000" max="500000" step="5000" unit="€">
+      </duet-number-input>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-number-input/duet-number-input.js

@@ -932,7 +932,7 @@ export class DuetNumberInput {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
+          "original": "string | null",
           "resolved": "string",
           "references": {}
         },
@@ -1022,7 +1022,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
               "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }
@@ -1043,7 +1043,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
               "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }
@@ -1064,7 +1064,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
               "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }
@@ -1085,7 +1085,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
               "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }

package/lib/collection/components/duet-page-heading/duet-page-heading.a11y.e2e.js

@@ -0,0 +1,15 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-page-heading", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+      <duet-page-heading layout="narrow" icon="category-car">
+        <duet-heading slot="heading" level="h1" margin="none">Lorem ipsum dolor sit</duet-heading>
+      </duet-page-heading>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-pagination/duet-pagination.a11y.e2e.js

@@ -0,0 +1,36 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-pagination", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+       <duet-pagination></duet-pagination>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+  it("should render an accessible component with links", async () => {
+    const result = await testWithAxe(`
+        <duet-pagination
+          total="10"
+          take="1"
+          current="1"
+          page-links='[
+            "/test-1",
+            "/test-2",
+            "/test-3",
+            "/test-4",
+            "/test-5",
+            "/test-6",
+            "/test-7",
+            "/test-8",
+            "/test-9",
+            "/test-10"
+          ]'
+        ></duet-pagination>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-pagination/duet-pagination.js

@@ -409,7 +409,7 @@ export class DuetPagination {
           "references": {
             "DuetPaginationVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx",
               "id": "src/components/duet-pagination/duet-pagination.tsx::DuetPaginationVariation"
             }
           }
@@ -698,7 +698,7 @@ export class DuetPagination {
           "references": {
             "DuetPaginationPageEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx",
               "id": "src/components/duet-pagination/duet-pagination.tsx::DuetPaginationPageEvent"
             }
           }

package/lib/collection/components/duet-paragraph/duet-paragraph.a11y.e2e.js

@@ -0,0 +1,18 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-paragraph", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-paragraph>
+          Majasalmi muistaa tarkalleen, koska hän otti ensiaskeleensa kohti
+          taloudellista riippumattomuutta. Tämä tapahtui 31.3.1998, kun hän avasi asuntosäästötilin ja talletti sille tuhat
+          markkaa. Tänä päivänä Majasalmi nauttii vakaasta taloudellisesta tilanteesta ja jakaa valmentajana osaamistaan myös
+          muille.
+        </duet-paragraph>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-paragraph/duet-paragraph.js

@@ -109,7 +109,7 @@ export class DuetParagraph {
           "references": {
             "DuetParagraphSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
               "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphSize"
             }
           }
@@ -133,7 +133,7 @@ export class DuetParagraph {
           "references": {
             "DuetParagraphWeight": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
               "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphWeight"
             }
           }
@@ -157,7 +157,7 @@ export class DuetParagraph {
           "references": {
             "DuetParagraphVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
               "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphVariation"
             }
           }

package/lib/collection/components/duet-popup-menu/duet-popup-menu.a11y.e2e.js

@@ -0,0 +1,27 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-popup-menu", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-button size="small" id="menu-toggle">toggle menu</duet-button>
+        <duet-popup-menu accessibleLabel="Sample action menu" id="sample-menu">
+          <duet-popup-menu-item leading-icon="category-pet">Some Action</duet-popup-menu-item>
+          <duet-popup-menu-item>Another Action With a Much Longer Label</duet-popup-menu-item>
+          <duet-popup-menu-item active trailing-icon="messaging-success">Active Action</duet-popup-menu-item>
+          <duet-popup-menu-item url="#" trailing-text="⌘ A">Actually a link</duet-popup-menu-item>
+        </duet-popup-menu>
+
+        <script>
+        document.getElementById('menu-toggle').addEventListener('click', function(evt) {
+          const menu = document.getElementById('sample-menu');
+          menu.controller = evt.target;
+          menu.toggle();
+        });
+        </script>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-popup-menu/duet-popup-menu.js

@@ -331,7 +331,7 @@ export class DuetPopupMenu {
           "references": {
             "DuetPopupMenuEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
               "id": "src/components/duet-popup-menu/duet-popup-menu.tsx::DuetPopupMenuEvent"
             }
           }

package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js

@@ -278,7 +278,7 @@ export class DuetPopupMenuItem {
           "references": {
             "DuetPopupMenuItemEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
               "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
             }
           }
@@ -299,7 +299,7 @@ export class DuetPopupMenuItem {
           "references": {
             "DuetPopupMenuItemEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
               "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
             }
           }

package/lib/collection/components/duet-progress/duet-progress.a11y.e2e.js

@@ -0,0 +1,17 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, mergeRules, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+const disabledRules = {
+  // Axe doesn't recognize the label element which provides a name for the component
+  "aria-progressbar-name": { enabled: false },
+};
+describe("[a11y] duet-progress", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-progress height="5px" progress="20" id="testprogress" accessible-label="someFile.png"></duet-progress>
+      `, mergeRules(axeRunOptions, disabledRules));
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-progress/duet-progress.js

@@ -53,7 +53,7 @@ export class DuetProgress {
         "duet-progress-start": this.progress === 0,
         "duet-progress-inprogress": this.progress < 99 && this.progress !== 0,
         "duet-theme-turva": this.theme === "turva",
-      } }, h("duet-visually-hidden", null, h("label", { htmlFor: this.progressLabelId }, this.progress !== 0 && (h("span", null, this.accessibleLabel, ", ", this.accessibleLabelUpload[this.progress < 99 ? 1 : 0])))), this.caption && (h("div", { class: "duet-progress-caption" }, h("span", null, this.caption))), h("progress", { id: this.progressLabelId, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, role: "progressbar", value: this.progress, max: "100", "aria-valuemin": "0", "aria-valuemax": "100" }, h("div", { class: "progress-bar" }, h("span", { style: { width: `${this.progress}%;` } }, "Progress: ", this.progress, "%"))))));
+      } }, h("duet-visually-hidden", null, h("label", { htmlFor: this.progressLabelId }, h("span", null, this.accessibleLabel, this.progress !== 0 && `, ${this.accessibleLabelUpload[this.progress < 99 ? 1 : 0]}`))), this.caption && (h("div", { class: "duet-progress-caption" }, h("span", null, this.caption))), h("progress", { id: this.progressLabelId, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, role: "progressbar", value: this.progress, max: "100", "aria-valuemin": "0", "aria-valuemax": "100" }, h("div", { class: "progress-bar" }, h("span", { style: { width: `${this.progress}%;` } }, "Progress: ", this.progress, "%"))))));
   }
   static get is() { return "duet-progress"; }
   static get originalStyleUrls() {

package/lib/collection/components/duet-promo-card/duet-promo-card.a11y.e2e.js

@@ -0,0 +1,43 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-promo-card", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-promo-card
+          size="auto"
+          image="https://www.duetds.com/assets/img/example-banner1.jpg"
+          icon="category-apartment"
+          margin="none"
+        >
+          <span slot="pre-heading" class="meta">
+            Etunimi Sukunimi
+            <span class="separator"></span>
+            Teema
+            <span class="separator"></span>
+            21.3.2023
+          </span>
+          <span slot="heading">
+            Card heading
+          </span>
+          <span slot="description">
+            Card content lorem ipsum dolor sit amet
+            consectetuer adipiscing elit no nummy laoreet lorem ipsum.
+          </span>
+          <duet-button
+            slot="action"
+            margin="none"
+            variation="primary"
+            size="small"
+            icon="navigation-arrow-right"
+            icon-right
+          >
+            Call to action
+          </duet-button>
+        </duet-promo-card>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-radio/duet-radio.a11y.e2e.js

@@ -0,0 +1,13 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-radio", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-radio checked label="Checked" value="test"></duet-radio>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});