@duetds/components 6.8.5 → 6.8.7

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

@@ -144,7 +144,7 @@
 .duet-hero.duet-hero-campaign .background img, .duet-hero.duet-hero-section .background img {
   height: 100%;
 }
-@media (min-width: 106.25em) {
+@media (min-width: 1440px) {
   .duet-hero.duet-hero-campaign .background img, .duet-hero.duet-hero-section .background img {
     width: 100%;
     height: auto;
@@ -170,7 +170,7 @@
     height: 580px;
   }
 }
-@media (min-width: 106.25em) {
+@media (min-width: 1600px) {
   .duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
     width: 1600px;
     overflow: hidden;
@@ -272,7 +272,21 @@
   .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,
   .duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
   .duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
-    width: 65%;
+    width: 90%;
+  }
+}
+@media (min-width: 25em) {
+  .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,
+  .duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
+  .duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
+    width: 80%;
+  }
+}
+@media (min-width: 30em) {
+  .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,
+  .duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
+  .duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
+    width: 70%;
   }
 }
 @media (min-width: 36em) {
@@ -625,6 +639,16 @@
   max-width: 100%;
   margin: 0 auto;
 }
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading {
+    margin-top: 5rem;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading {
+    margin-top: 7rem;
+  }
+}
 .duet-hero.duet-hero-product .duet-hero-wrapper.fluid, .duet-hero.duet-hero-product .duet-hero-wrapper.narrow {
   padding: 0 16px;
 }
@@ -711,17 +735,24 @@
   }
 }
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-image {
+  .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-image.narrow {
+    right: 40%;
+    left: auto;
+  }
+}
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-image:not(.narrow) {
     top: -230px;
-    right: -128.15px;
+    right: -180px;
     left: auto;
-    width: 620px;
+    width: 675px;
     height: 675px;
     margin: 0;
   }
 }
 @media (min-width: 76.25em) {
-  .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-image {
+  .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-image:not(.narrow) {
+    right: -100px;
     width: 736px;
   }
 }
@@ -736,18 +767,34 @@
   }
 }
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg {
+  .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg:not(.narrow) { /* stylelint-disable-line */
     width: 800px;
     height: 470px;
   }
 }
 .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-icon {
   top: 150px;
-  background: rgba(198, 12, 48, 0.75);
+  background: rgba(198, 12, 48, 0.9);
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
+  -webkit-mask-repeat: no-repeat;
+  mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
+  mask-repeat: no-repeat;
+  transform: rotate(0deg);
+}
+.duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-icon duet-icon {
+  position: relative;
+  top: -10px;
+  transform: rotate(0deg);
+}
+@media (min-width: 48em) {
+  .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-icon duet-icon {
+    top: -15px;
+  }
 }
 @media (min-width: 48em) {
   .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-icon {
     top: 180px;
+    right: 20%;
   }
 }
 @media (min-width: 62em) {
@@ -757,7 +804,17 @@
 }
 @media (min-width: 76.25em) {
   .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-icon {
-    top: 292px;
+    top: 192px;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-icon.narrow {
+    right: 40%;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-product.duet-theme-turva .brand-shaped-icon:not(.narrow) {
+    right: 340px;
   }
 }
 .duet-hero.duet-hero-content {

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

@@ -335,7 +335,7 @@ export class DuetHero {
           "references": {
             "DuetHeroIconSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx"
             }
           }
         },
@@ -552,7 +552,7 @@ export class DuetHero {
           "references": {
             "DuetHeroButtonData": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx"
             }
           }
         },
@@ -626,7 +626,7 @@ export class DuetHero {
           "references": {
             "DuetHeroVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx"
             }
           }
         },
@@ -735,7 +735,7 @@ export class DuetHero {
           "references": {
             "DuetHeroClickEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx"
             }
           }
         }
@@ -755,7 +755,7 @@ export class DuetHero {
           "references": {
             "DuetHeroAnalyticsEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx"
             }
           }
         }

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

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

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

@@ -716,7 +716,7 @@ export class DuetInput {
           "references": {
             "DuetInputType": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         },
@@ -739,7 +739,7 @@ export class DuetInput {
           "references": {
             "DuetVariationType": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         },
@@ -919,7 +919,7 @@ export class DuetInput {
           "references": {
             "DuetInputComponentType": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         },
@@ -1092,7 +1092,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1112,7 +1112,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1132,7 +1132,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1152,7 +1152,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1172,7 +1172,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }

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

@@ -92,7 +92,7 @@ export class DuetLabel {
           "references": {
             "DuetLabelMargin": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-label/duet-label.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx"
             }
           }
         },
@@ -115,7 +115,7 @@ export class DuetLabel {
           "references": {
             "DuetLabelSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-label/duet-label.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx"
             }
           }
         },

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

@@ -123,7 +123,7 @@ export class DuetLayout {
           "references": {
             "DuetLayoutStickyDistance": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-layout/duet-layout.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-layout/duet-layout.tsx"
             }
           }
         },

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

@@ -165,7 +165,7 @@ export class DuetList {
           "references": {
             "DuetListMobileAlignment": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },
@@ -188,7 +188,7 @@ export class DuetList {
           "references": {
             "DuetListBreakpoint": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },
@@ -211,7 +211,7 @@ export class DuetList {
           "references": {
             "DuetListVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },
@@ -234,7 +234,7 @@ export class DuetList {
           "references": {
             "DuetListLabelWidth": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },

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

@@ -168,7 +168,7 @@ export class DuetLogo {
           "references": {
             "DuetLogoSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-logo/duet-logo.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-logo/duet-logo.tsx"
             }
           }
         },

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

@@ -123,6 +123,13 @@
     overflow-x: visible;
   }
 }
+.duet-menu-bar .container ul {
+  height: 100%;
+  list-style-type: none;
+}
+.duet-menu-bar .container li {
+  height: 100%;
+}
 .duet-menu-bar .container > * {
   display: flex;
   align-items: center;
@@ -148,25 +155,28 @@
 .duet-menu-bar.duet-theme-turva {
   background: rgb(255, 255, 255);
 }
+.duet-menu-bar .hide {
+  display: none;
+}
 
-slot[name=center] {
+.center {
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.25;
   color: rgb(0, 41, 77);
 }
-.duet-theme-turva slot[name=center] {
+.duet-theme-turva .center {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 28, 58);
 }
 
-slot[name=right] {
+.right {
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
   color: rgb(0, 77, 128);
 }
-.duet-theme-turva slot[name=right] {
+.duet-theme-turva .right {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 28, 58);
 }

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

@@ -18,12 +18,23 @@ export class DuetMenuBar {
       window.matchMedia(media_query_xx_large.replace(/'/g, "")),
     ];
     this.boundMqlFunctions = [];
+    this.observers = [];
+    this.setChildren = (children) => {
+      for (const child of children) {
+        if (child.getAttribute("slot") === "center") {
+          this.centerSlotChildren = Array.from(child.children);
+        }
+        else if (child.getAttribute("slot") === "right") {
+          this.rightSlotChildren = Array.from(child.children);
+        }
+      }
+    };
     this.scrollbarCheck = () => {
       this.leftMoreVisible = this.container.scrollLeft > 0;
       this.rightMoreVisible = this.container.scrollLeft !== this.container.scrollWidth - this.container.clientWidth;
     };
     this.scrollToActive = () => {
-      const actives = this.element.querySelectorAll("[active]");
+      const actives = this.element.shadowRoot.querySelectorAll("[active]");
       let active;
       actives.forEach(a => {
         if (a.active) {
@@ -57,15 +68,19 @@ export class DuetMenuBar {
     this.logoSize = "large";
     this.leftMoreVisible = false;
     this.rightMoreVisible = false;
+    this.centerSlotChildren = [];
+    this.rightSlotChildren = [];
     this.theme = "";
     this.logo = true;
     this.logoHref = undefined;
+    this.accessibleLabel = undefined;
   }
   /**
    * Component lifecycle events.
    */
   componentWillLoad() {
     inheritGlobalTheme(this);
+    this.setChildren(Array.from(this.element.children));
   }
   connectedCallback() {
     this.changeLogoSize();
@@ -77,6 +92,21 @@ export class DuetMenuBar {
         this.boundMqlFunctions[i] = bound;
       }
     }
+    if (Build.isServer) {
+      return;
+    }
+    Array.from(this.element.children).forEach(child => {
+      const observer = new MutationObserver(() => {
+        this.setChildren(Array.from(this.element.children));
+      });
+      observer.observe(child, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        characterData: true,
+      });
+      this.observers = [...this.observers, observer];
+    });
   }
   disconnectedCallback() {
     for (let i = 0; i < this.mql.length; i++) {
@@ -86,6 +116,11 @@ export class DuetMenuBar {
       }
     }
     this.boundMqlFunctions = [];
+    if (Build.isServer) {
+      return;
+    }
+    this.observers.forEach(observer => observer.disconnect());
+    this.observers = [];
   }
   componentDidLoad() {
     if (Build.isServer || Build.isTesting) {
@@ -109,11 +144,11 @@ export class DuetMenuBar {
   render() {
     const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
     const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-    return (h(Host, null, h("div", { class: {
+    return (h(Host, null, h("nav", { class: {
         "duet-menu-bar": true,
         "duet-theme-turva": this.theme === "turva",
         "horizontal-nav": isUsedAsAdditionalHorizontalNav,
-      }, role: "menubar" }, h("div", { class: "top" }), h("div", { class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (h("div", null, h("duet-logo", { size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, onClick: this.handleLogoClick }))), h("div", { class: "center" }, h("div", { class: "more-left", hidden: !this.leftMoreVisible }), h("slot", { name: "center" }), h("div", { class: "more-right", hidden: !this.rightMoreVisible })), h("slot", { name: "right" })), h("div", { class: "bottom" }))));
+      }, "aria-label": this.accessibleLabel }, h("div", { class: "top" }), h("div", { class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (h("div", null, h("duet-logo", { size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, onClick: this.handleLogoClick }))), h("ul", { class: "center" }, h("div", { class: "more-left", hidden: !this.leftMoreVisible }), this.centerSlotChildren.map(child => (h("li", { innerHTML: child.outerHTML }))), h("div", { class: "more-right", hidden: !this.rightMoreVisible })), h("ul", { class: "right" }, this.rightSlotChildren.map(child => (h("li", { innerHTML: child.outerHTML }))))), h("div", { class: "bottom" }), h("div", { class: "hide" }, h("slot", { name: "left" }), h("slot", { name: "right" })))));
   }
   static get is() { return "duet-menu-bar"; }
   static get encapsulation() { return "shadow"; }
@@ -186,6 +221,23 @@ export class DuetMenuBar {
         },
         "attribute": "logo-href",
         "reflect": false
+      },
+      "accessibleLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adds accessible label for the button that is only shown for screen readers.\nTypically, this label text replaces the visible text on the button for\nusers who use assistive technology."
+        },
+        "attribute": "accessible-label",
+        "reflect": false
       }
     };
   }
@@ -193,7 +245,9 @@ export class DuetMenuBar {
     return {
       "logoSize": {},
       "leftMoreVisible": {},
-      "rightMoreVisible": {}
+      "rightMoreVisible": {},
+      "centerSlotChildren": {},
+      "rightSlotChildren": {}
     };
   }
   static get events() {
@@ -213,7 +267,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"
             }
           }
         }

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

@@ -298,7 +298,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"
             }
           }
         },
@@ -408,7 +408,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"
             }
           }
         },
@@ -644,7 +644,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"
             }
           }
         }

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

@@ -247,7 +247,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"
             }
           }
         },
@@ -362,7 +362,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"
             }
           }
         },
@@ -478,7 +478,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"
             }
           }
         }
@@ -498,7 +498,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"
             }
           }
         }
@@ -518,7 +518,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"
             }
           }
         }

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

@@ -23,7 +23,7 @@ export class DuetNav {
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, null, h("nav", null, h("slot", null), h("slot", { name: "mobile" }), h("slot", { name: "desktop" }))));
+    return (h(Host, null, h("div", null, h("slot", null), h("slot", { name: "mobile" }), h("slot", { name: "desktop" }))));
   }
   static get is() { return "duet-nav"; }
   static get encapsulation() { return "shadow"; }

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

@@ -278,7 +278,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"
             }
           }
         },

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

@@ -976,7 +976,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"
             }
           }
         }
@@ -996,7 +996,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"
             }
           }
         }
@@ -1016,7 +1016,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"
             }
           }
         }
@@ -1036,7 +1036,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"
             }
           }
         }