@duetds/components 7.1.1 → 7.1.3

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

@@ -614,7 +614,7 @@ export class DuetHeader {
             },
             "I18nText": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::I18nText"
             }
           }
@@ -641,7 +641,7 @@ export class DuetHeader {
           "references": {
             "I18nText": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::I18nText"
             }
           }
@@ -1000,7 +1000,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1021,7 +1021,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1042,7 +1042,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1063,7 +1063,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1084,7 +1084,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1105,7 +1105,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1126,7 +1126,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1147,7 +1147,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1168,7 +1168,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1189,7 +1189,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1210,7 +1210,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderAnalyticsEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderAnalyticsEvent"
             }
           }
@@ -1231,7 +1231,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderMobileNavToggleEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderMobileNavToggleEvent"
             }
           }
@@ -1252,7 +1252,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }

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

@@ -160,7 +160,7 @@ export class DuetHeading {
           "references": {
             "DuetHeadingWeight": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-heading/duet-heading.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-heading/duet-heading.tsx",
               "id": "src/components/duet-heading/duet-heading.tsx::DuetHeadingWeight"
             }
           }

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

@@ -162,6 +162,12 @@
 .duet-hero.duet-hero-campaign .background img, .duet-hero.duet-hero-section .background img {
   height: 100%;
 }
+.duet-hero.duet-hero-campaign .background img.cover, .duet-hero.duet-hero-section .background img.cover {
+  object-fit: cover;
+}
+.duet-hero.duet-hero-campaign .background img.center, .duet-hero.duet-hero-section .background img.center {
+  object-position: center;
+}
 @media (min-width: 1440px) {
   .duet-hero.duet-hero-campaign .background img, .duet-hero.duet-hero-section .background img {
     width: 100%;

package/lib/collection/components/duet-hero/duet-hero.e2e.js

@@ -51,7 +51,7 @@ describe("duet-hero", () => {
     expect(element).not.toBeNull();
   });
   it("should provide a property that sets the image for hero area", async () => {
-    const page = await createPage(`<duet-hero image="http://localhost:3334/icons/lib/assets/action-add-circle.svg"></duet-hero>`);
+    const page = await createPage(`<duet-hero image="/icons/lib/assets/action-add-circle.svg"></duet-hero>`);
     const element = await page.find("duet-hero >>> .duet-hero-image");
     expect(element).not.toBeNull();
   });

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

@@ -56,6 +56,8 @@ export class DuetHero {
     this.textCenter = false;
     this.leftAlign = false;
     this.image = "";
+    this.imageSize = "auto";
+    this.imagePosition = "auto";
     this.variation = "default";
     this.back = undefined;
     this.listItems = undefined;
@@ -113,8 +115,12 @@ export class DuetHero {
    */
   render() {
     const campaignOrSection = this.variation === "campaign" || this.variation === "section";
+    const imageSizeIsCover = this.imageSize === "cover";
+    const imagePositionIsCenter = this.imagePosition === "center";
     const styles = {
       backgroundImage: `url(${this.image})`,
+      backgroundSize: imageSizeIsCover ? "cover" : null,
+      backgroundPosition: imagePositionIsCenter ? "center" : null,
     };
     const buttonStyles = {
       transform: "translateX(-8px)",
@@ -170,7 +176,7 @@ export class DuetHero {
         "duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
         "duet-hero-left-align": this.leftAlign && !campaignOrSection,
         "duet-hero-narrow": this.layout === "narrow",
-      }, part: "duet-hero" }, campaignOrSection && this.image && (h("div", { class: "background-area" }, h("div", { class: "background-container" }, h("div", { class: "background" }, h("img", { src: this.image, alt: "", role: "presentation" })), h("div", { class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { class: { "background-area": true, [this.layout]: true } }, h("div", { class: { "background-container": true, [this.layout]: true } }, h("div", { class: { background: true, [this.layout]: true } }, h("div", { class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { class: { "brand-shape": true, [this.layout]: true } }), h("div", { class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { class: "background-area" }, h("div", { class: "background" }, h("div", { class: "background-mask" }), this.theme !== "turva" && h("div", { class: "brand-shape" }), h("div", { class: "brand-shaped-image" }, h("div", { class: "brand-shaped-image-wrapper" }, h("div", { class: "brand-shaped-image-bg", style: styles })))))), h("div", { class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { class: "duet-hero-image-mask" }, h("div", { class: "duet-hero-image-wrapper" }, h("div", { class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+      }, part: "duet-hero" }, campaignOrSection && this.image && (h("div", { class: "background-area" }, h("div", { class: "background-container" }, h("div", { class: "background" }, h("img", { class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), h("div", { class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { class: { "background-area": true, [this.layout]: true } }, h("div", { class: { "background-container": true, [this.layout]: true } }, h("div", { class: { background: true, [this.layout]: true } }, h("div", { class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { class: { "brand-shape": true, [this.layout]: true } }), h("div", { class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { class: "background-area" }, h("div", { class: "background" }, h("div", { class: "background-mask" }), this.theme !== "turva" && h("div", { class: "brand-shape" }), h("div", { class: "brand-shaped-image" }, h("div", { class: "brand-shaped-image-wrapper" }, h("div", { class: "brand-shaped-image-bg", style: styles })))))), h("div", { class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { class: "duet-hero-image-mask" }, h("div", { class: "duet-hero-image-wrapper" }, h("div", { class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
       this.processedBack && (h("div", { class: "duet-hero-back" }, h("duet-button", { style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
         label: this.processedBack.label,
         href: this.processedBack.href,
@@ -358,7 +364,7 @@ export class DuetHero {
           "references": {
             "DuetHeroIconSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
               "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroIconSize"
             }
           }
@@ -580,7 +586,7 @@ export class DuetHero {
           "references": {
             "DuetHeroButtonData": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
               "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroButtonData"
             }
           }
@@ -646,6 +652,42 @@ export class DuetHero {
         "reflect": false,
         "defaultValue": "\"\""
       },
+      "imageSize": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"auto\" | \"cover\"",
+          "resolved": "\"auto\" | \"cover\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Image sizing."
+        },
+        "attribute": "image-size",
+        "reflect": false,
+        "defaultValue": "\"auto\""
+      },
+      "imagePosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"auto\" | \"center\"",
+          "resolved": "\"auto\" | \"center\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Image position."
+        },
+        "attribute": "image-position",
+        "reflect": false,
+        "defaultValue": "\"auto\""
+      },
       "variation": {
         "type": "string",
         "mutable": false,
@@ -655,7 +697,7 @@ export class DuetHero {
           "references": {
             "DuetHeroVariation": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
               "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroVariation"
             }
           }
@@ -765,7 +807,7 @@ export class DuetHero {
           "references": {
             "DuetHeroClickEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
               "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroClickEvent"
             }
           }
@@ -786,7 +828,7 @@ export class DuetHero {
           "references": {
             "DuetHeroAnalyticsEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
               "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroAnalyticsEvent"
             }
           }

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

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

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

@@ -734,7 +734,7 @@ export class DuetInput {
           "references": {
             "DuetInputType": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputType"
             }
           }
@@ -758,7 +758,7 @@ export class DuetInput {
           "references": {
             "DuetVariationType": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetVariationType"
             }
           }
@@ -939,7 +939,7 @@ export class DuetInput {
           "references": {
             "DuetInputComponentType": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputComponentType"
             }
           }
@@ -1115,7 +1115,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
             }
           }
@@ -1136,7 +1136,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
             }
           }
@@ -1157,7 +1157,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
             }
           }
@@ -1178,7 +1178,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
             }
           }
@@ -1199,7 +1199,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
             }
           }

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

@@ -97,7 +97,7 @@ export class DuetLabel {
           "references": {
             "DuetLabelMargin": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-label/duet-label.tsx",
               "id": "src/components/duet-label/duet-label.tsx::DuetLabelMargin"
             }
           }
@@ -121,7 +121,7 @@ export class DuetLabel {
           "references": {
             "DuetLabelSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx",
+              "path": "/Users/mgibas/workspace/duet/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.e2e.js

@@ -20,7 +20,7 @@ describe("duet-layout", () => {
     expect(element).toHaveClass("duet-center");
   });
   it("should provide a property that adjusts the sidebar when tabs are used", async () => {
-    const page = await createPage(`<duet-layout tabs><div slot="sidebar">test</div></duet-layout>`);
+    const page = await createPage(`<duet-layout tabs>><div slot="main"></div><div slot="sidebar">test</div></duet-layout>`);
     const element = await page.find("duet-layout >>> .duet-sidebar-container");
     expect(element).toHaveClass("has-tabs");
   });

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

@@ -124,7 +124,7 @@ export class DuetLayout {
           "references": {
             "DuetLayoutStickyDistance": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-layout/duet-layout.tsx",
+              "path": "/Users/mgibas/workspace/duet/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.js

@@ -11,6 +11,7 @@ import { nudge } from "../../utils/nudge";
 import { breakpointToToken } from "../../utils/token-utils";
 /**
  * @part duet-link - piercing selector for styling the link
+ * @part duet-link-content - piercing selector for styling the link content wrapper
  * @part block-chevron - piercing selector for styling the block chevron
  */
 export class DuetLink {
@@ -77,7 +78,7 @@ export class DuetLink {
     this.isSmallScreen = event.matches;
   }
   renderContent() {
-    return (h(Fragment, null, h("span", { class: "duet-link-content" }, h("slot", null)), Build.isBrowser && this.external && (h(Fragment, null, h("span", { class: "duet-link-external" }, "\u00A0", h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })), h("duet-visually-hidden", null, this.accessibleLabelExternal)))));
+    return (h(Fragment, null, h("span", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), Build.isBrowser && this.external && (h(Fragment, null, h("span", { class: "duet-link-external" }, "\u00A0", h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })), h("duet-visually-hidden", null, this.accessibleLabelExternal)))));
   }
   renderGrid() {
     return (h(Fragment, null, this.icon && (h("span", { class: "block__icon" }, h("duet-icon", { size: this.iconResponsive ? (this.isSmallScreen ? "medium" : "large") : "x-small", name: this.icon, margin: "none", color: this.iconColor }))), h("span", { class: "block__content" }, this.renderContent()), h("span", { class: "block__chevron", part: "block-chevron" }, h("duet-icon", { class: "block__chevron-icon", icon: chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" }))));

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

@@ -169,7 +169,7 @@ export class DuetList {
           "references": {
             "DuetListMobileAlignment": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx",
               "id": "src/components/duet-list/duet-list.tsx::DuetListMobileAlignment"
             }
           }
@@ -217,7 +217,7 @@ export class DuetList {
           "references": {
             "DuetListVariation": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx",
               "id": "src/components/duet-list/duet-list.tsx::DuetListVariation"
             }
           }
@@ -241,7 +241,7 @@ export class DuetList {
           "references": {
             "DuetListLabelWidth": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx",
+              "path": "/Users/mgibas/workspace/duet/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

@@ -176,7 +176,7 @@ export class DuetLogo {
           "references": {
             "DuetLogoSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-logo/duet-logo.tsx",
+              "path": "/Users/mgibas/workspace/duet/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

@@ -266,7 +266,7 @@ export class DuetMenuBar {
           "references": {
             "DuetMenuBarChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
+              "path": "/Users/mgibas/workspace/duet/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

@@ -301,7 +301,7 @@ export class DuetModal {
           "references": {
             "DuetModalSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx",
               "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
             }
           }
@@ -412,7 +412,7 @@ export class DuetModal {
           "references": {
             "DuetModalSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx",
               "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
             }
           }
@@ -654,7 +654,7 @@ export class DuetModal {
           "references": {
             "DuetModalCloseEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
+              "path": "/Users/mgibas/workspace/duet/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

@@ -310,7 +310,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectItem": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
               "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
             }
           }
@@ -445,7 +445,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectItem": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
               "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
             }
           }
@@ -581,7 +581,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
               "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
             }
           }
@@ -602,7 +602,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
               "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
             }
           }
@@ -623,7 +623,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+              "path": "/Users/mgibas/workspace/duet/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

@@ -286,7 +286,7 @@ export class DuetNotificationDrawer {
           "references": {
             "DuetNotificationDrawerDirection": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
+              "path": "/Users/mgibas/workspace/duet/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

@@ -1026,7 +1026,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx",
               "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }
@@ -1047,7 +1047,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx",
               "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }
@@ -1068,7 +1068,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx",
               "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }
@@ -1089,7 +1089,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx",
               "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
             }
           }