@duetds/components 9.9.0 → 9.10.0

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

@@ -105,7 +105,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelMargin": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelMargin"
                         }
                     }
@@ -131,7 +131,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelSize"
                         }
                     }

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

@@ -131,7 +131,7 @@ export class DuetLayout {
                     "references": {
                         "DuetLayoutStickyDistance": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-layout/duet-layout.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-layout/duet-layout.tsx",
                             "id": "src/components/duet-layout/duet-layout.tsx::DuetLayoutStickyDistance"
                         }
                     }

package/lib/collection/components/duet-link/duet-link.css

@@ -220,6 +220,7 @@ button {
 }
 
 .duet-link.button,
+.duet-link.list-button,
 .duet-link.card {
   display: flex;
   gap: 12px;
@@ -237,10 +238,12 @@ button {
   transition: all 300ms ease;
 }
 .duet-link.button > *,
+.duet-link.list-button > *,
 .duet-link.card > * {
   flex-shrink: 0;
 }
 .duet-link.button .duet-link-content,
+.duet-link.list-button .duet-link-content,
 .duet-link.card .duet-link-content {
   flex-grow: 1;
   flex-shrink: 1;
@@ -250,24 +253,28 @@ button {
   text-align: left;
 }
 .duet-link.button .icon-wrap,
+.duet-link.list-button .icon-wrap,
 .duet-link.card .icon-wrap {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .duet-link.button .icon-wrap duet-icon,
+.duet-link.list-button .icon-wrap duet-icon,
 .duet-link.card .icon-wrap duet-icon {
   width: 24px;
   height: 24px;
 }
 @media (min-width: 48em) {
   .duet-link.button .icon-wrap duet-icon,
+  .duet-link.list-button .icon-wrap duet-icon,
   .duet-link.card .icon-wrap duet-icon {
     width: 30px;
     height: 30px;
   }
 }
 .duet-link.button.duet-link-has-icon-background,
+.duet-link.list-button.duet-link-has-icon-background,
 .duet-link.card.duet-link-has-icon-background {
   min-height: 60px;
   padding: 12px;
@@ -275,60 +282,105 @@ button {
   line-height: 1.5;
 }
 .duet-link.button.duet-link-has-icon-background .icon-wrap,
+.duet-link.list-button.duet-link-has-icon-background .icon-wrap,
 .duet-link.card.duet-link-has-icon-background .icon-wrap {
   width: 36px;
   height: 36px;
   border-radius: 8px;
 }
 .duet-link.button:hover,
+.duet-link.list-button:hover,
 .duet-link.card:hover {
   border-color: rgb(0, 119, 179);
   outline: 2px solid rgb(0, 119, 179);
 }
 @media (min-width: 48em) {
   .duet-link.button,
+  .duet-link.list-button,
   .duet-link.card {
     min-height: 50px;
   }
   .duet-link.button.duet-link-has-icon-background,
+  .duet-link.list-button.duet-link-has-icon-background,
   .duet-link.card.duet-link-has-icon-background {
     gap: 16px;
     min-height: 72px;
     border-radius: 16px;
   }
   .duet-link.button.duet-link-has-icon-background .icon-wrap,
+  .duet-link.list-button.duet-link-has-icon-background .icon-wrap,
   .duet-link.card.duet-link-has-icon-background .icon-wrap {
     width: 48px;
     height: 48px;
     border-radius: 12px;
   }
   .duet-link.button.duet-link-has-icon-background .duet-link-content,
+  .duet-link.list-button.duet-link-has-icon-background .duet-link-content,
   .duet-link.card.duet-link-has-icon-background .duet-link-content {
     font-size: 1.1rem;
   }
 }
 .duet-link.button.duet-theme-turva,
+.duet-link.list-button.duet-theme-turva,
 .duet-link.card.duet-theme-turva {
   border-color: rgb(199, 202, 207);
 }
 .duet-link.button.duet-theme-turva .duet-link-content,
+.duet-link.list-button.duet-theme-turva .duet-link-content,
 .duet-link.card.duet-theme-turva .duet-link-content {
   color: rgb(23, 28, 58);
 }
 .duet-link.button.duet-theme-turva:hover,
+.duet-link.list-button.duet-theme-turva:hover,
 .duet-link.card.duet-theme-turva:hover {
   border-color: rgb(198, 12, 48);
   outline-color: rgb(198, 12, 48);
 }
 .duet-link.button .block__chevron-icon,
+.duet-link.list-button .block__chevron-icon,
 .duet-link.card .block__chevron-icon {
   transition: 300ms ease;
 }
 .duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,
+.duet-link.list-button:not(.duet-link-is-external):hover .block__chevron-icon,
 .duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon {
   transform: translateX(4px);
 }
 
+.duet-link.list-button {
+  padding: 20px 12px 20px 4px;
+  margin-top: -1px;
+  border: solid 1px rgb(181, 198, 208);
+  border-width: 1px 0;
+  border-radius: 0;
+}
+.duet-link.list-button .icon-wrap duet-icon {
+  width: 20px;
+  height: 20px;
+}
+@media (min-width: 48em) {
+  .duet-link.list-button .icon-wrap duet-icon {
+    width: 24px;
+    height: 24px;
+  }
+}
+.duet-link.list-button:hover {
+  border-color: rgb(181, 198, 208);
+  outline: 0;
+}
+.duet-link.list-button:hover .duet-link-content {
+  color: rgb(0, 119, 179);
+}
+.duet-link.list-button.duet-theme-turva .duet-link-content {
+  color: rgb(23, 28, 58);
+}
+.duet-link.list-button.duet-theme-turva:hover {
+  border-color: rgb(199, 202, 207);
+}
+.duet-link.list-button.duet-theme-turva:hover .duet-link-content {
+  color: rgb(198, 12, 48);
+}
+
 .duet-link.card {
   border-color: rgb(228, 236, 239);
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);

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

@@ -110,6 +110,7 @@ export class DuetLink {
             case "block-center":
                 return this.renderBlockContent();
             case "button":
+            case "list-button":
             case "card":
                 return this.renderButtonCardContent();
         }
@@ -121,10 +122,10 @@ export class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: '257fc0e157b43e4e1daaa1ec31f408436c28c733', class: {
+        return (h(Host, { key: 'cf0f91e0e16826f9bd0dd8817ab155bedb50875b', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: 'fc0fe56a54a5ae2cfc59251d8c2c5f3e70fe9fb9', href: this.url, class: {
+            } }, h(Tag, { key: '8f514ae4a3711e9e7690bcf84c48c894b1716a6c', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -157,7 +158,7 @@ export class DuetLink {
                 "mutable": false,
                 "complexType": {
                     "original": "DuetLinkVariation",
-                    "resolved": "\"block\" | \"block-center\" | \"button\" | \"card\" | \"default\"",
+                    "resolved": "\"block\" | \"block-center\" | \"button\" | \"card\" | \"default\" | \"list-button\"",
                     "references": {
                         "DuetLinkVariation": {
                             "location": "import",

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

@@ -175,7 +175,7 @@ export class DuetList {
                     "references": {
                         "DuetListMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListMobileAlignment"
                         }
                     }
@@ -227,7 +227,7 @@ export class DuetList {
                     "references": {
                         "DuetListVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListVariation"
                         }
                     }
@@ -253,7 +253,7 @@ export class DuetList {
                     "references": {
                         "DuetListLabelWidth": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListLabelWidth"
                         }
                     }

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

@@ -182,7 +182,7 @@ export class DuetLogo {
                     "references": {
                         "DuetLogoSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-logo/duet-logo.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-logo/duet-logo.tsx",
                             "id": "src/components/duet-logo/duet-logo.tsx::DuetLogoSize"
                         }
                     }

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

@@ -361,7 +361,7 @@ export class DuetMenuBar {
                     "references": {
                         "DuetMenuBarChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
+                            "path": "/Users/juha-matti.laaksonen/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.js

@@ -385,7 +385,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -508,7 +508,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalVariation"
                         }
                     }
@@ -534,7 +534,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -809,7 +809,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalCloseEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/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.js

@@ -239,7 +239,7 @@ export class DuetMultiselect {
             this.processedGroups.map(group => (h("fieldset", null, group.label && h("legend", null, group.label), group.items.map((item, key) => {
                 var _a, _b;
                 return (h("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
-            })))))), h("span", { key: 'a14ad0ccd012ac5577347b0063a8aea18ef0f173', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '95982728671a531c3173eecda1f6f7961629fdce' }, this.error)))));
+            })))))), h("span", { key: '2bb9ce9ed512ec662c996bc7e7c2d1914e0b2347', class: "duet-multiselect-help duet-multiselect-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '24d696ebe5ab55a8e3240c4d9df475149f2d7875' }, this.error)))));
     }
     static get is() { return "duet-multiselect"; }
     static get encapsulation() { return "shadow"; }
@@ -350,7 +350,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         }
                     }
@@ -499,12 +499,12 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         },
                         "DuetMultiselectItemGroup": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItemGroup"
                         }
                     }
@@ -697,7 +697,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -718,7 +718,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -739,7 +739,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/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-drawer/duet-notification-drawer.js

@@ -299,7 +299,7 @@ export class DuetNotificationDrawer {
                     "references": {
                         "DuetNotificationDrawerDirection": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/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.js

@@ -1108,7 +1108,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1129,7 +1129,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1150,7 +1150,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1171,7 +1171,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/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-overlay/duet-overlay.js

@@ -158,7 +158,7 @@ export class DuetOverlay {
                     "references": {
                         "OverlayDisplayDevice": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-overlay/duet-overlay.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-overlay/duet-overlay.tsx",
                             "id": "src/components/duet-overlay/duet-overlay.tsx::OverlayDisplayDevice"
                         }
                     }

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

@@ -440,7 +440,7 @@ export class DuetPagination {
                     "references": {
                         "DuetPaginationVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx",
                             "id": "src/components/duet-pagination/duet-pagination.tsx::DuetPaginationVariation"
                         }
                     }
@@ -757,7 +757,7 @@ export class DuetPagination {
                     "references": {
                         "DuetPaginationPageEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+                            "path": "/Users/juha-matti.laaksonen/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.js

@@ -117,7 +117,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphSize"
                         }
                     }
@@ -143,7 +143,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphWeight": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphWeight"
                         }
                     }
@@ -169,7 +169,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphVariation"
                         }
                     }

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

@@ -728,7 +728,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }
@@ -749,7 +749,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }
@@ -770,7 +770,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }
@@ -791,7 +791,7 @@ export class DuetPhoneInput {
                     "references": {
                         "DuetPhoneInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-phone-input/duet-phone-input.tsx",
                             "id": "src/components/duet-phone-input/duet-phone-input.tsx::DuetPhoneInputEvent"
                         }
                     }

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

@@ -750,7 +750,7 @@ export class DuetPopupMenu {
                     "references": {
                         "DuetPopupMenuEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
+                            "path": "/Users/juha-matti.laaksonen/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

@@ -6,6 +6,7 @@ import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetPopupMenuItem {
     constructor() {
+        this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
         /**
          * Component event handling.
          */
@@ -66,11 +67,13 @@ export class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (h(Host, { key: 'ec9a97488880d6513ce756f9816356ab2a3ef1ae', role: this.accessibleRole }, h(TagName, { key: '6bb037d35469526f830d2767f9b94aa3e401730a', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'aeb1363d0e70572dcead578251332bc61047313b', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '815b720a77e1ff6a7ecceffa4d1a42a876c9ca5f', class: "duet-popup-menu-item-label" }, h("slot", { key: '32a806ebff96ce81bd67c42ab95df5d170a6305c' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '0fd375db736e280b9c2157fadce9f8319328fe27', name: this.url && this.external
+        // Without the role ternary Safari/iPhone wouldn't announce the label for role menuitem.
+        // This is a tradeoff and now Safari announces these items as buttons and links with the label.
+        return (h(Host, { key: '0fc9e90362081fd5b2e00742e296ede698ddecc2', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, h(TagName, { key: 'a53d080e78aa5f0a4206d45efdbbba5df8f2042c', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'fc6728587084a43f9dc76eb3bf86778080a00e7d', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: 'c4f9c8e931c8eedd61507ac71aa64e8b8f57788f', class: "duet-popup-menu-item-label" }, h("slot", { key: 'a18a3a9ed5f6726e4a1837d51cff56955d957e96' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: 'ae2294e052ef2a9a8b9795a8433f222340345cc1', name: this.url && this.external
                 ? newWindowIcon.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: '3a8c841ef1ec29f2174c1d62da75f692f73cb2fe', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: '6373f165f6aeeabffb62962dd8e97e58b5d1a6aa', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     static get is() { return "duet-popup-menu-item"; }
     static get encapsulation() { return "shadow"; }
@@ -395,7 +398,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/juha-matti.laaksonen/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"
                         }
                     }
@@ -416,7 +419,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/juha-matti.laaksonen/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-radio/duet-radio.js

@@ -590,7 +590,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -611,7 +611,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -632,7 +632,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }

package/lib/collection/components/duet-range-slider/duet-range-slider.js

@@ -611,7 +611,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }
@@ -632,7 +632,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }