@duetds/components 9.11.0 → 9.12.0

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

@@ -154,12 +154,12 @@ duet-label {
 }
 
 :host(.duet-theme-turva2) .duet-switch input:checked + .duet-slider {
-  background-color: rgb(197, 29, 65);
+  background-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-switch input:checked + .duet-slider::before {
-  box-shadow: -1px 0 2px #6c1024;
+  box-shadow: -1px 0 2px #890e26;
   transform: translateX(20px);
 }
 :host(.duet-theme-turva2) .duet-switch input:disabled:checked + .duet-slider {
-  background: #e28ea0;
+  background: #f38ba0;
 }

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

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

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

@@ -81,8 +81,8 @@
 }
 
 :host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container {
-  border-bottom-color: rgb(248, 229, 217);
+  border-bottom-color: #ffefe5;
 }
 :host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }

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

@@ -31,11 +31,11 @@ export class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '54c786c2d83fba02f7452a36eb121eda25c9376d' }, h("nav", { key: '3dbf511712340f2fb01d5c6f6a3184bf9c7777da', class: {
+        return (h(Host, { key: '6301566c93e6b145d22bad6bcb31789f0593a96f' }, h("nav", { key: 'ad0bbe4c43561300bddb50b0cd7cdd80c5a025e3', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '687745a324f1fbbdc0553a17fc10e5004e7c40b4', class: "container" }, h("div", { key: 'dc9500dfff1d20a21e1336690643093131743fc4', class: "list", role: "list" }, h("slot", { key: 'fc016f757c7ff5cf99fd96cb4d8f0a09458a6660', name: "left" })), h("div", { key: '77afc9ab53cf0617ff69fed8192a99262f2d7054', class: "list", role: "list" }, h("slot", { key: '3bb92bb9a828e1f3d1a137367238694a5d70bd57', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '36e62bed30255a942618f621f32c7a26bdf7c514', class: "container" }, h("div", { key: '1258a107abf18e98c8e2bb990e34d4a1776e9910', class: "list", role: "list" }, h("slot", { key: '4f0fe520c8c97d62a0a712cfc1d4b4e421d77cde', name: "left" })), h("div", { key: 'cb4a979f8b6d4f84e15220470cb2dabd65f8f214', class: "list", role: "list" }, h("slot", { key: 'c944f6535582a302a3f46d5e080f8f699bd29e28', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css

@@ -161,22 +161,22 @@
 }
 
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button:hover {
-  color: rgb(35, 46, 61);
-  background: rgb(253, 247, 242);
+  color: #171c3a;
+  background: #fcf7f3;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active::after,
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active,
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover,
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active,
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.open {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 28, 58, 0.2);
 }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js

@@ -50,18 +50,18 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '07c3194bb8dcbe97fde84893a04e4233d6b0059a', role: "listitem" }, h("div", { key: 'fd2d68cb1d6c7d75759bedd3a7cfbbab650965db', class: {
+        return (h(Host, { key: '0b8cbe3b2a0eaa38961889e309248bbd259df40a', role: "listitem" }, h("div", { key: '6713be8fed5314332f787c2643396c0b6f44a8c0', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: 'd82047a673b796ea14c9d5aae69bf64ff58e6ed8', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
+            } }, h("button", { key: '7c2c4377d8daaa7f8ac6580c440eaf1bca0ced14', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
                 active: this.active,
                 open: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'ff38577c8cc2e354df974bfd687081dbd3ebecfc', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: 'dce1591b74de7cfb4f2bb01b1c652f3839cce3a7', class: "label" }, h("slot", { key: 'c2917b2aae3fc30027774e23c32a0509c79589dc', name: "label" }), h("duet-icon", { key: '12ba80462ce582fe4071e949464f9074907fecb9', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '679befa15c7d48af0f5ce11f9a38a82a1f24a546', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'b664adfb38964f86d503234d08e1871570362891', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '8d464f1c2efd3b97691b559538646dc3a5997257', class: "label" }, h("slot", { key: '2a9dc2e3b6f9854ade2eb01c2f0b9339a1e62944', name: "label" }), h("duet-icon", { key: '97946700977ddbe9dcfd358da924af897aa2cc47', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'fef6e1298aa54d098be2d59d6c359463a8d84b8d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '26eab9ffa65ebc2dcddcc024b2008cbcde40221a' })))));
+            } }, h("slot", { key: '2fd108c5736bde5e7829870a1c6d516126311c65' })))));
     }
     static get is() { return "duet-toolbar-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -69,11 +69,11 @@
 }
 
 :host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva.active {
-  background: rgb(253, 247, 242);
+  background: #fcf7f3;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva:hover {
-  background: rgb(248, 229, 217);
+  background: #ffefe5;
 }

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

@@ -31,11 +31,11 @@ export class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '9a9d4138ef93a3bde4f9df8789da714dbbdc80a5' }, h("a", { key: '733a8f2435b9f29179706881df07b40dbd93b210', class: {
+        return (h(Host, { key: '7f5c0acd0faacf90510907af022ee4556ce380bc' }, h("a", { key: '4f51071661fe2817f8089127bdd9e818e66904a4', class: {
                 "duet-toolbar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '5a19b707b976d85c2cf865ad2a42aa7e11c74ce1', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '12de16aaf5ffcd6ba790ff24e68aa4d6dcfbd001', class: "label" }, h("slot", { key: '1e379d609dde7f58f277413df9977612dc41d3c3' })), this.active && (h("duet-icon", { key: 'f03be13f9b315771ba6bff85d2eb70b2a338453b', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: 'f18f48ce85691f6d2f837ade9fe1ec7ab420ab18', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '48998f260fa82d5ada758522d5570cc9939d4cff', class: "label" }, h("slot", { key: '1dd3ea4e1d9e6d9f3922b84e2f7cb980bc2a1c4e' })), this.active && (h("duet-icon", { key: '28571a95af879191791a45ab24c58a711a34c9da', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css

@@ -183,26 +183,26 @@
 }
 
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:not(.primary) {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true] {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 28, 58, 0.2);
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover {
-  background: rgb(253, 247, 242);
+  background: #fcf7f3;
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover:not(.primary) {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover.primary {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 28, 58, 0.2);
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva:not(.primary) {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva.primary {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 28, 58, 0.2);
 }

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js

@@ -57,17 +57,17 @@ export class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '739c2313d8b63e3725b695fbdc032bac89c316fa', role: "listitem" }, h(TagName, { key: 'adadd54d4932700168ef04c2a3fe2efa6d729fed', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: 'bf46329025604d972bc34c639050486fc750317c', role: "listitem" }, h(TagName, { key: '59a86221efe05afb386de7931b5b814430c49b55', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: '5b2dcab3c68a2d6526a08a30790e832ddde7bdfc', class: "duet-toolbar-icon" }, h("duet-icon", { key: '2fa1bdcb503a163afc13ce04435bc5b4f3d0812d', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '37644ec13cf2d7f181d329e3161f8dcb821e8f84', class: "duet-toolbar-badge" }))), h("slot", { key: 'ebebde75a3b70abf77687fb373cbf6c58629a77f' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '4517b4864aa9bf22e980a04697099afa8c7a0127', class: "duet-toolbar-icon" }, h("duet-icon", { key: '31654bcff2b54ddf04576ffd6fdc39ec4c0558c2', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: '15effba3bcf065aac1a18f203bd77710bd0fed94', class: "duet-toolbar-icon" }, h("duet-icon", { key: '698910e1228fc84ad5965edfec7a1fdb01b23ebb', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '44247cd65d2a6338d0e141646d5cccd5f175cf39', class: "duet-toolbar-badge" }))), h("slot", { key: 'a5f6209331d7e76536565dcdebfe59fdac76e7a0' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: 'a42fb7d0db4dbbfec1b8d23f67f111497c4a858d', class: "duet-toolbar-icon" }, h("duet-icon", { key: '70974166f99d7a31629b685f355fa57610f7f766', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: '3ffbd0f767d4b2978ba457eaa7ce079460c90733', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'ca9569dbfee6d37092b1c410bb3668ff0092f9ac', class: "duet-toolbar-badge" }))))));
     }
     static get is() { return "duet-toolbar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,25 +118,25 @@
 }
 
 :host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
   background: transparent;
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover {
-  color: rgb(35, 46, 61);
-  background: rgb(253, 247, 242);
+  color: #171c3a;
+  background: #fcf7f3;
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 28, 58, 0.2);
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.active.negative {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 28, 58, 0.2);
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 28, 58, 0.2);
 }

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

@@ -24,12 +24,12 @@ export class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'b086076220eb09a4386d98a7c217a3bc384161f3', role: "listitem" }, h("a", { key: 'cae9f90b0646095039213af747294886a5c3ea89', class: {
+        return (h(Host, { key: '2d795b9691d8e662c306d83b74cdc36efeb8e8b4', role: "listitem" }, h("a", { key: '0f9b847c98d54e2a027b6b02e08eb95c40e71bba', class: {
                 "duet-toolbar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'cb28bc1e5a00ef1b0d2da61d3775ba587ab4f82d', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'f38a92c1ab6aaee7bb0ad107f838f7e69cc94aeb' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '32d964043e7ee301921032c18c565dc678cd8479', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '61e8c6e21293fbc114219864b3149a68ba5185b6' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-button.css

@@ -93,8 +93,8 @@
 }
 
 :host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }

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

@@ -39,13 +39,13 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = h("duet-visually-hidden", { key: 'b7177813a08a37ad9f907b83e6c9f9d36674d0d5' }, this.accessibleLabel);
-        return (h(Host, { key: '81aa419e92f4bb96c54f796f09eb6a8232bf2f6c' }, h("button", { key: '086e45aadaf28e4be700984b80ee58362dac0ff0', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        const visuallyHidden = h("duet-visually-hidden", { key: '2555b42d14b1184bd5676cc67868b1a9cdfbd822' }, this.accessibleLabel);
+        return (h(Host, { key: 'b65ee76b5e10b58cc10295bd81c97c965961c38e' }, h("button", { key: 'ae7df09813547331f52c1e5144edb1fbf2481f56', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
-            } }, h("svg", { key: '82acf06ffb29ff597454ef1f13560464b6350ef0', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bb515e9d28f639f8c3ab77f9c81008bcf49fe806', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: 'b47502c71c9460c6f52de0dd9cd8abd82d8de932', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'f1f85e9ebba06a5ee52ff59f67d245fdff51db2a', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
+            } }, h("svg", { key: '1ceed24d0753b41eb6ef88431d28b07586add533', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '46e6ab90def78612c5dbfae9680d55aea26bd505', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '57104a7bdbd3337ad0229bc787566caa8e56e897', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'bd15c659076d50f436d1334d201520826deb9ff7', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-popup.css

@@ -185,26 +185,26 @@
 }
 
 :host(.duet-theme-turva2) .duet-tooltip {
-  color: rgb(35, 46, 61);
-  border-color: rgb(248, 229, 217);
+  color: #171c3a;
+  border-color: #ffefe5;
 }
 :host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva {
-  color: rgb(35, 46, 61);
-  border-color: rgb(248, 229, 217);
+  color: #171c3a;
+  border-color: #ffefe5;
 }
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.top::before,
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-start::before,
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-end::before {
-  border-top: 11px solid rgb(248, 229, 217);
+  border-top: 11px solid #ffefe5;
 }
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom::before,
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-start::before,
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-end::before {
-  border-bottom: 11px solid rgb(248, 229, 217);
+  border-bottom: 11px solid #ffefe5;
 }
 :host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb {
-  background: rgb(248, 229, 217);
+  background: #ffefe5;
 }
 :host(.duet-theme-turva2) .duet-tooltip-close:focus {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }

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

@@ -53,11 +53,11 @@ export class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: '383346120579b833a923a200b2baa089ba7a2d53' }, h("div", { key: 'c343c21aed1f1df35aba06270e5919061f7df658', class: {
+        return (h(Host, { key: '4afc9d8a5713f3f924775a572121129900d2803f' }, h("div", { key: '4078e38f6a7d8a941b4ab13b96e05a7c1bf1189b', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '01441bf589bcca42220f4cd54a124a7b52121510', moveFocusTo: this.buttonEl }), h("div", { key: 'ef36a407f268353dc2e4159e23c42fd5c7c58c0f', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: '4ba34c2b74a0a50b20fb489a849c7c95d464b015' })), h("div", { key: '3aad2e15e52d6867bb7e30542a00155cc7c38599', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '0ba437ba797e919ecb322c17deb246424f6ab725', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '48986cb318998bdca1e2f3ff972dc4f7c4ec833c', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'c4c0c635134152ef2cefbbc1600ddbc962dce627', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'c45294776d3286453d53d237070dbfed05a92a4e' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '22c7b63f2d3cfdc7e83af658828dcb2b07f16c04', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: 'ac4b85a9665b93f4dbfd985d753dbf9da029592d', moveFocusTo: this.buttonEl }), h("div", { key: '8b0df4aac716b54347179d8162858ddedb7b1aad', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: '01dd262d096caf24adcdbc441da6653babf5479b' })), h("div", { key: '0ea44ba7343535cb66ad68f35883de3d02947873', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '9678162aa8df92e7331615269d85ba54a4a11351', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'c5bdfbd938a2b7f3afbe62c97dcf3b08162248b8', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'b717c5104b68dbd37f98ade061215676be4074f6', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'f8fac7d9a9a0e5e1cb0e2da4e94aaf0e0e4eb088' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '940e103aaa832d480b9ba76c1bae9c35f5703ee6', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,6 +66,12 @@ export class DuetTooltip {
             else if (this.direction === "right") {
                 placement = "top-start";
             }
+            // Especially if button is in collapsible choice, it may become hidden with popup still open, as
+            // click event propagation is stopped
+            if (this.active && !this.buttonEl.offsetParent) {
+                // Not closing via this.closeTooltip() as it calls this.updatePlacement() causing an infinite loop
+                this.active = false;
+            }
             const position = await computePosition(this.buttonEl, this.popupElement, {
                 placement,
                 middleware: [flip(), shift({ padding: 5 }), arrow({ element: this.arrowEl })],
@@ -443,7 +449,7 @@ export class DuetTooltip {
                     "references": {
                         "DuetTooltipBreakpoint": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
                             "id": "src/components/duet-tooltip/duet-tooltip.tsx::DuetTooltipBreakpoint"
                         }
                     }

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

@@ -176,13 +176,13 @@
 }
 
 :host(.duet-theme-turva2) .duet-tray.duet-theme-turva {
-  color: rgb(35, 46, 61);
-  background: rgb(253, 247, 242);
-  border-color: rgb(248, 229, 217);
+  color: #171c3a;
+  background: #fcf7f3;
+  border-color: #ffefe5;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-tray-expandable-content {
-  border-color: rgb(248, 229, 217);
+  border-color: #ffefe5;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-tray-button {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }

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

@@ -87,14 +87,14 @@ export class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'c32d9f03e188e98c61a067c9f822b3d9b732214d', class: {
+        return (h("div", { key: 'bf6e81e920b108bb0c1240e8c0f089378dc41d5a', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, h("div", { key: 'b2f375bf341985eddbd1f73a9f8bcca91e71f471', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '7ec7a250a70f0f88b4bd90b7aee8c49ea983043c' })), this.hasAdditionalContent && (h(Fragment, { key: '29f065277adfc340b084a3284dbf1d2a5c04e66d' }, h("button", { key: '1fe5fe56b9c5e6ae23af803a04550eab6de54d26', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: 'e11330501cf37fa81130a6f253839054c8c1e7cc', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: 'a7d1e403085e07dddeb510ff5d9a86fe8a22c78f' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '2bf5d16ab90c9d778e77e8e179dcaf8abbd7518c', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'c0a5a2cbbdda1c5b06b178f360be5cb5028d1894', class: "duet-tray-expandable-content" }, h("slot", { key: 'dade24ff919c36eced0bad87e43f38a256501bbb', name: "additional" })))))));
+            } }, h("div", { key: 'fe8e75d6af91e1674787158fe991825ebc2bcce4', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '5a841acf673365109d5d23d99aef671104ec2b3a' })), this.hasAdditionalContent && (h(Fragment, { key: '4ed1e0b7510573c770b2a21cc3f43cf4898d7373' }, h("button", { key: '4cb4fa89cd3c7c89687650e96849d60c6680c41e', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: '9b4e5f2fb96f99ec712b2bd8971f9725c72ae51d', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '4c49492147f864a874bf548f7d974db8512d3845' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '862a3afbc81a6051679710072344c7dbfe4f46c7', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'df95bc59dce98a608be748801748bfcf57eeb27f', class: "duet-tray-expandable-content" }, h("slot", { key: '4dd97cf777ef09ccbbdf61a5bd79f3405bf9d4cd', name: "additional" })))))));
     }
     static get is() { return "duet-tray"; }
     static get encapsulation() { return "shadow"; }

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

@@ -753,10 +753,10 @@ export class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h(Host, { key: '3289ebfcf7be2cb204e3109f4bd774c023c1311b', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: 'd7df1dc6a9f7d71d9f2dc5cfea209bae0767111e', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '0cc5766408e69476d186039cce9325df4a0cea3d', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '8441562b8677278cadc9f054163de15716507753', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'd077aa4e3663bf9faca0ba05ec2dce5ba4666286', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: 'e70ef44d5bc02d5e0eefdd0cdd34ebc6323cd85a', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '16b0035978c73e97c5148ba569a318b2736f53e2', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: 'f500f8ede694b648fc115e2c9c0a575958c39bbb', name: "filefooter" }), h("slot", { key: '1ee35a65d6b56561a9c17f5a6dea294826eca780', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '37e7c183776e7103f0e68cf130fce9cdf0215055', margin: "none", size: "small" }, h("div", { key: '66ae65e6cadb22b5373cb54019885615facb8ea0', class: "upload-bottom-caption" }, caption))), h("slot", { key: '2e8ef445f7637398102d0be1547e27081c9ecf2d', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '0449ef097df354a51990e2694ce270b43e0920f4' }, h("duet-spacer", { key: '76fcd53d37a524972a778bd974d156eb03a9aba6', size: "large" }), h("duet-button", { key: '4cd5efca2ac98ee8ea478e9a7269a5d2e702b7ef', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h(Host, { key: 'f9ee10da87fd3355fcdd111de9f144c0d7c2b166', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '5a6c4b3035d050ce23a552a1c41979faa0c17cb0', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '432dc470d2efd214fe1d88d543c38f406a4e780a', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '52b0aab8690ef9199d1608041674a372e9a791c9', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '3b47a899fea671720085c8d3355cb7aa7b30189b', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '6e6d3af2664ebbbf73e244ef4693d7603d72da66', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '2ab9e83fb0412a27c031b264b9a677c2ec7c2595', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: 'd545f2932dc0c960ea21bafa8ba7ee2bfa592143', name: "filefooter" }), h("slot", { key: '50e7c76f552cecf4d61d629a51fd6b96777fb648', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '98e1b98cb84e96aa7cb4a974273c7fbf9d81db53', margin: "none", size: "small" }, h("div", { key: '422397c62df67cfac2908473e490429b6ce35188', class: "upload-bottom-caption" }, caption))), h("slot", { key: 'f62ca6af83cae8a0ad4c4ed2236c34b0aebf5e82', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'f9827fd2d5057ebe8a9206b9ae367e14382ea6b2' }, h("duet-spacer", { key: '726f7fe1442e5beaf238abda4f7b4b984f673230', size: "large" }), h("duet-button", { key: '72a8245cb718d0a29f7ffe155688bed7e118ce2d', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '2f4db6f88150427eb99c623c1404f0556848a3e2' }, h("duet-spacer", { key: 'd9a182225a80cf3b31272bc3f45db3ae7f8456a2', size: "medium" }), h("duet-alert", { key: '8d2209357e096a6c47fe1465d8ca66d900c8935b', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '4be261bd112017729973d2def23f9b384d11b556', "aria-hidden": "true" }, h("input", { key: '03b8b40bd9488b6de5091aa5ae46e4d146732f17', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '9b42acb8206cd9db5b01b839dc458f5be93d2c30' }, h("duet-spacer", { key: '8010d59d3fda9775fcfaac799a1d7923c36ca280', size: "medium" }), h("duet-alert", { key: 'd78bb705dbfee5d5f3d161f030680effa67c5ca7', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '37ab8ffec8b318cea26e2d538ab0653949211fb4', "aria-hidden": "true" }, h("input", { key: '195d6bf7e5360d3f10c3fc149927c9f911f11bf0', ref: input => {
                 this.nativeInput = input;
             }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
                 "duet-upload": true,
@@ -1055,7 +1055,7 @@ export class DuetUpload {
                     "references": {
                         "XHRInternalMiddleWare": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::XHRInternalMiddleWare"
                         }
                     }
@@ -1479,7 +1479,7 @@ export class DuetUpload {
                     "references": {
                         "StringMap": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::StringMap"
                         }
                     }
@@ -2125,7 +2125,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadTableGroupName": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadTableGroupName"
                         }
                     }
@@ -2170,7 +2170,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2191,7 +2191,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2212,7 +2212,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2233,7 +2233,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2254,7 +2254,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2275,7 +2275,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2296,7 +2296,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2317,7 +2317,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2338,7 +2338,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2359,7 +2359,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2380,7 +2380,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }

package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js

@@ -64,7 +64,7 @@ export class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '6103e8e2440fd8f218c74edc3e2596250b409a44', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '62c48599fbae0deb08fbf07cee0d31ceb98070be' }, this.statusMessage)));
+        return (h(Host, { key: '9685e13fa1fc7c234bb0e0c1f54badc3fd1b06bc', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'aeb1d5dcd04a29bb048877305ff3f836c401b62e' }, this.statusMessage)));
     }
     static get is() { return "duet-upload-aria-status"; }
     static get encapsulation() { return "shadow"; }