@duetds/components 8.6.1 → 8.6.3

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

@@ -25,6 +25,8 @@
   display: flex;
   justify-content: center;
   width: auto;
+  container: duet-banner-container;
+  container-type: inline-size;
 }
 :host:last-child, :host:last-of-type {
   margin-right: 0 !important;
@@ -36,12 +38,13 @@
 
 .duet-banner {
   display: grid;
+  grid-template-rows: min-content 1fr;
   width: 100%;
   height: 100%;
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-style: normal;
   text-align: left;
-  border-radius: 24px;
+  border-radius: 16px;
 }
 .duet-banner.duet-p-0 {
   padding: 0 !important;
@@ -51,34 +54,45 @@
 }
 .duet-banner .visual {
   position: relative;
+  display: none;
   overflow: hidden;
-  border-top-left-radius: 24px;
-  border-top-right-radius: 24px;
+  /* stylelint-disable */
+}
+@container duet-banner-container (min-width: 0px) {
+  .duet-banner .visual {
+    /* stylelint-enable */
+    display: block;
+  }
 }
 .duet-banner .visual .image-container {
   position: relative;
-  width: 400px;
-  height: 400px;
+  aspect-ratio: 2/1;
   overflow: hidden;
-  border-radius: 20%;
-  transform: rotate(7deg);
 }
 .duet-banner .visual .image {
   position: relative;
-  top: 20px;
   width: 100%;
   height: 100%;
-  transform: rotate(-7deg);
   object-fit: cover;
+  object-position: center;
 }
 .duet-banner .visual .icon {
   position: absolute;
 }
+.duet-banner .visual .brand-shape {
+  position: absolute;
+  top: 0;
+  left: 72%;
+  display: none;
+  width: 100%;
+  height: 100%;
+  background: url("data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
+}
 .duet-banner .content {
   display: flex;
   flex-direction: column;
   gap: 8px;
-  padding: 0 20px 36px;
+  padding: 16px 20px 28px;
 }
 .duet-banner .content .description {
   hyphens: auto;
@@ -91,135 +105,105 @@
   justify-content: flex-end;
   padding-top: 16px;
 }
-.duet-banner.small {
-  grid-template-rows: 335px 1fr;
-  max-width: 335px;
-}
-.duet-banner.small .visual {
-  border-top-left-radius: 24px;
-  border-top-right-radius: 24px;
+.duet-banner .visual {
+  border-top-left-radius: 16px;
+  border-top-right-radius: 16px;
 }
-.duet-banner.small .visual .image-container {
-  top: -130px;
-  left: -40px;
+.duet-banner .visual .image-container {
+  width: 100%;
+  height: auto;
+  border-radius: 0;
 }
-.duet-banner.small .visual .icon {
+.duet-banner .visual .icon {
   bottom: 30px;
   left: 15px;
 }
-.duet-banner.medium {
-  grid-template-rows: none;
-  grid-template-columns: 50% 50%;
-  max-width: 542px;
-  height: 288px;
-}
-.duet-banner.medium .visual {
-  border-top-left-radius: 24px;
-  border-bottom-left-radius: 24px;
-}
-.duet-banner.medium .visual .image-container {
-  position: absolute;
-  bottom: -72px;
-  left: -178px;
-}
-.duet-banner.medium .visual .image {
-  width: auto;
-  height: auto;
-}
-.duet-banner.medium .visual .icon {
-  top: 36px;
-  left: 168px;
-}
-.duet-banner.medium .content {
-  align-items: flex-start;
-  justify-content: center;
-  padding: 0 72px 0 0;
-}
-.duet-banner.medium .action {
-  flex-grow: 0;
-}
-.duet-banner.large {
-  grid-template-rows: none;
-  grid-template-columns: 50% 50%;
-  max-width: 1112px;
-  height: 320px;
-  max-height: none;
-}
-.duet-banner.large .visual {
-  border-top-left-radius: 24px;
-  border-bottom-left-radius: 24px;
-}
-.duet-banner.large .visual .image-container {
-  position: relative;
-  top: -30px;
-  left: -30px;
-}
-.duet-banner.large .visual .image {
-  top: -15px;
-  left: 30px;
-  width: 100%;
-  height: 100%;
-}
-.duet-banner.large .visual .icon {
-  top: 40px;
-  bottom: auto;
-  left: 335px;
-}
-.duet-banner.large .content {
-  align-items: flex-start;
-  justify-content: center;
-  padding: 0 72px 0 0;
-}
-.duet-banner.large .action {
-  flex-grow: 0;
-}
 .duet-banner.duet-theme-turva {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
-.duet-banner.duet-theme-turva .visual .image-container {
-  width: 526px;
-  height: 456px;
-  transform: none;
-  -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;
-}
-.duet-banner.duet-theme-turva .visual .image {
-  transform: none;
-}
-.duet-banner.duet-theme-turva.small .visual .image-container {
-  top: -164px;
-  left: -147px;
-}
-.duet-banner.duet-theme-turva.small .visual .image {
-  top: 0;
-  left: 0;
-}
-.duet-banner.duet-theme-turva.small .visual .icon {
-  bottom: 15px;
-}
-.duet-banner.duet-theme-turva.medium .visual .image-container {
-  top: -54.923px;
-  left: -185px;
-  width: 410px;
-  height: 422px;
-}
-.duet-banner.duet-theme-turva.medium .visual .image {
-  top: 0;
-  left: 0;
-}
-.duet-banner.duet-theme-turva.large .visual .image-container {
-  top: -54.923px;
-  left: -147px;
-  width: 526px;
-  height: 456px;
-}
-.duet-banner.duet-theme-turva.large .visual .image {
-  top: 0;
-  left: 0;
-}
-.duet-banner.duet-theme-turva.large .visual .icon {
-  bottom: auto;
-  left: 295px;
+.duet-banner.duet-theme-turva .visual .brand-shape {
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+.duet-banner.size-medium, .duet-banner.size-large {
+  /* stylelint-disable */
+  /* stylelint-disable */
+}
+@container duet-banner-container (min-width: 486px) {
+  .duet-banner.size-medium, .duet-banner.size-large {
+    /* stylelint-enable */
+    grid-template-rows: none;
+    grid-template-columns: 50% 50%;
+  }
+  .duet-banner.size-medium .visual, .duet-banner.size-large .visual {
+    border-top-left-radius: 16px;
+    border-top-right-radius: 0;
+    border-bottom-left-radius: 16px;
+  }
+  .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {
+    height: 100%;
+  }
+  .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {
+    width: 100%;
+    height: 100%;
+  }
+  .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {
+    top: 36px;
+    left: 168px;
+  }
+  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {
+    display: block;
+  }
+  .duet-banner.size-medium .content, .duet-banner.size-large .content {
+    align-items: flex-start;
+    justify-content: center;
+    padding: 28px 28px 28px 0;
+  }
+  .duet-banner.size-medium .action, .duet-banner.size-large .action {
+    flex-grow: 0;
+  }
+}
+@container duet-banner-container (min-width: 586px) {
+  .duet-banner.size-medium, .duet-banner.size-large {
+    /* stylelint-enable */
+  }
+  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {
+    left: 80%;
+  }
+}
+.duet-banner.size-large {
+  /* stylelint-disable */
+}
+@container duet-banner-container (min-width: 900px) {
+  .duet-banner.size-large {
+    /* stylelint-enable */
+    grid-template-rows: none;
+    grid-template-columns: 50% 50%;
+  }
+  .duet-banner.size-large .visual {
+    border-top-left-radius: 16px;
+    border-bottom-left-radius: 16px;
+  }
+  .duet-banner.size-large .visual .image-container {
+    height: 100%;
+  }
+  .duet-banner.size-large .visual .image {
+    width: 100%;
+    height: 100%;
+  }
+  .duet-banner.size-large .visual .icon {
+    top: 40px;
+    bottom: auto;
+    left: 335px;
+  }
+  .duet-banner.size-large .visual .brand-shape {
+    display: block;
+  }
+  .duet-banner.size-large .content {
+    align-items: flex-start;
+    justify-content: center;
+    padding: 48px 48px 48px 0;
+  }
+  .duet-banner.size-large .action {
+    flex-grow: 0;
+  }
 }

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

@@ -14,7 +14,7 @@ import { getColorByName } from "../../utils/token-utils";
  */
 export class DuetBanner {
     constructor() {
-        this.checkBannerSize = () => {
+        this.checkCurrentSize = () => {
             const elementSize = this.element.clientWidth;
             if (elementSize < 500 || this.size === "small") {
                 this.currentSize = "small";
@@ -31,12 +31,15 @@ export class DuetBanner {
          * Default to smaller button size for small and medium banners.
          */
         this.setButtonSize = () => {
-            if (this.hasActionSlot) {
+            if (this.hasActionSlot && this.currentSize) {
                 const buttons = this.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");
                 for (const button of buttons) {
                     if (button && button.getAttribute("size") === null && this.currentSize !== "large") {
                         button.size = "small";
                     }
+                    else if (button && button.getAttribute("size") === null && this.currentSize === "large") {
+                        button.size = "medium";
+                    }
                 }
             }
         };
@@ -65,13 +68,13 @@ export class DuetBanner {
         this.setButtonSize();
     }
     connectedCallback() {
-        window.addEventListener("resize", this.checkBannerSize);
+        window.addEventListener("resize", this.checkCurrentSize);
     }
     disconnectedCallback() {
-        window.removeEventListener("resize", this.checkBannerSize);
+        window.removeEventListener("resize", this.checkCurrentSize);
     }
     componentDidRender() {
-        this.checkBannerSize();
+        this.checkCurrentSize();
     }
     /**
      * render() function
@@ -92,7 +95,9 @@ export class DuetBanner {
                 "duet-banner": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.currentSize]: true,
-            }, style: bannerStyles }, h("div", { class: "visual" }, h("div", { class: "image-container" }, this.image && h(DuetPicture, Object.assign({}, pictureSource))), this.icon && (h("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.currentSize === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), h("div", { class: "content" }, this.hasHeadingSlot && (h("div", { class: "heading" }, h("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, h("span", null, h("slot", { name: "heading" }))))), this.hasDescriptionSlot && (h("div", { class: "description", style: { color } }, h("slot", { name: "description" }))), this.hasActionSlot && (h("div", { class: "action" }, h("slot", { name: "action" })))))));
+                "size-medium": this.size === "medium" || this.size === "large",
+                "size-large": this.size === "large",
+            }, style: bannerStyles }, h("div", { class: "visual" }, h("div", { class: "image-container" }, this.image && h(DuetPicture, Object.assign({}, pictureSource))), 1 > 2 && this.icon && (h("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.currentSize === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" })), h("div", { class: "brand-shape" })), h("div", { class: "content" }, this.hasHeadingSlot && (h("div", { class: "heading" }, h("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, h("span", null, h("slot", { name: "heading" }))))), this.hasDescriptionSlot && (h("div", { class: "description", style: { color } }, h("slot", { name: "description" }))), this.hasActionSlot && (h("div", { class: "action" }, h("slot", { name: "action" })))))));
     }
     static get is() { return "duet-banner"; }
     static get encapsulation() { return "shadow"; }
@@ -261,7 +266,7 @@ export class DuetBanner {
                     "references": {
                         "bannerSize": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-banner/duet-banner.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-banner/duet-banner.tsx",
                             "id": "src/components/duet-banner/duet-banner.tsx::bannerSize"
                         }
                     }

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

@@ -442,7 +442,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonVariation": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonVariation"
                         }
                     }
@@ -562,7 +562,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonTextCentering": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonTextCentering"
                         }
                     }
@@ -586,7 +586,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonWrapping": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonWrapping"
                         }
                     }
@@ -943,7 +943,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonIconSize": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonIconSize"
                         }
                     }
@@ -967,7 +967,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonSize": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonSize"
                         }
                     }

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

@@ -118,7 +118,7 @@ export class DuetCaption {
                     "references": {
                         "DuetCaptionSize": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-caption/duet-caption.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-caption/duet-caption.tsx",
                             "id": "src/components/duet-caption/duet-caption.tsx::DuetCaptionSize"
                         }
                     }

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

@@ -190,7 +190,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardVariation": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardVariation"
                         }
                     }
@@ -361,7 +361,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardPadding": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardPadding"
                         }
                     }
@@ -484,7 +484,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardToggleEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardToggleEvent"
                         }
                     }

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

@@ -98,8 +98,8 @@
   border-color: rgb(23, 28, 58);
 }
 .duet-checkbox:checked + label::before {
-  background: rgb(0, 41, 77);
-  border: 1px solid rgb(0, 41, 77);
+  background: rgb(0, 119, 179);
+  border: 1px solid rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-checkbox:checked + label::before {
   background: rgb(23, 28, 58);
@@ -150,8 +150,8 @@
   border-color: rgb(207, 207, 209);
 }
 .duet-checkbox[disabled]:checked + label::before {
-  background: rgb(101, 119, 135);
-  border: 1px solid rgb(101, 119, 135);
+  background: rgb(144, 149, 153);
+  border: 1px solid rgb(144, 149, 153);
 }
 .duet-theme-turva .duet-checkbox[disabled]:checked + label::before {
   background: rgb(116, 116, 117);

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

@@ -535,7 +535,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -556,7 +556,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -577,7 +577,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }

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

@@ -266,7 +266,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipVariation": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipVariation"
                         }
                     }
@@ -290,7 +290,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipSize": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipSize"
                         }
                     }
@@ -518,7 +518,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -539,7 +539,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -560,7 +560,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -581,7 +581,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }

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

@@ -998,7 +998,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1019,7 +1019,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1040,7 +1040,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }

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

@@ -231,7 +231,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleWeight": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleWeight"
                         }
                     }
@@ -255,7 +255,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleHeadingFontSize": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleHeadingFontSize"
                         }
                     }
@@ -355,7 +355,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleToggleEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleToggleEvent"
                         }
                     }

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

@@ -696,7 +696,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     }
@@ -814,7 +814,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxEvent": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxEvent"
                         }
                     }
@@ -838,7 +838,7 @@ export class DuetCombobox {
                         },
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     },