@duetds/components 9.5.2 → 9.7.0

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

@@ -79,7 +79,7 @@ export class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (h(Host, { key: 'cd8e66cfc274e3f41172ef96b07880d49099714b', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: '4440c702c9c89c8ff2f94146c02849f04f5e055f', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (h(Host, { key: '8028936edab2ebf0d354511650b7fee94fd47a1a', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: 'dab66b31a829a45902377e958bda7fc5de27bdf2', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
                 "duet-logo": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",
@@ -182,7 +182,7 @@ export class DuetLogo {
                     "references": {
                         "DuetLogoSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-logo/duet-logo.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-logo/duet-logo.tsx",
                             "id": "src/components/duet-logo/duet-logo.tsx::DuetLogoSize"
                         }
                     }

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

@@ -154,14 +154,14 @@ export class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (h(Host, { key: 'ee439062a14ee406cfc5b0fdb05dfc3927198da2' }, h("nav", { key: '1d8487413b9de5b95a8cad1494b96834fc3b9439', class: {
+        return (h(Host, { key: 'ba51ccb8c54c3fe7671eddff8378534eb0aa4503' }, h("nav", { key: '77477660c912b5e361daedbcf8dce77d85e1fdaa', class: {
                 "duet-menu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 "horizontal-nav": isUsedAsAdditionalHorizontalNav,
                 "duet-menu-bar-slim": !this.centerSlotUsed,
                 hidden: this.hidden && this.hideOnScroll,
                 bottom: this.onBottom,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '92fa80908ef91d5dcbd7c518888a86227c988ed5', class: "top" }), h("div", { key: '1d61baaac5a06d5e1c86ff4c64c64d16b6995835', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (h("div", { key: 'f5808648cf441b41c69e97dc72a2d85cfcc87f81' }, h("duet-logo", { key: 'b2ee61312ef7dfa668b8c64fd87eab1eb081a659', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), h("div", { key: '389e88f80128e89de575d710812390c0b42ba3d7', class: "list center", role: "list" }, h("div", { key: 'b7123d700a4f96083cb622dc19e84a983c869f67', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), h("slot", { key: '0e39ad37d162ab9f0d795ad4ede239989c417e7e', name: "center" }), h("div", { key: '253ae76acd48430689379946af5d6c30aaf4ef0f', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), h("div", { key: '011f05e4df0d48081cafc0e841163bb2166aab57', class: "list right", role: "list" }, h("slot", { key: 'da96523ef89bb59d8cafade8d0723ad5f3878bdb', name: "right" }))), h("div", { key: 'b8b76c092068de82e8a63cc67f4a0619792ae8a6', class: "bottom" }))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'b78519eb96e7fce14819a328e80794bdaaeb4614', class: "top" }), h("div", { key: '569571f9f4fea275f14d8cf27bed3d9c9ebaccfe', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (h("div", { key: '204c1ae8618cfdb39f1e05e23375a10e2872c194' }, h("duet-logo", { key: 'b0175b7ed2254da32ad9495cb1b089d72ad0f3e4', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), h("div", { key: 'a1dfa3d10da3c0f2d0b999dffbd24366d6285128', class: "list center", role: "list" }, h("div", { key: '60d126975451f170fc5c38d1804fff0ac95c3037', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), h("slot", { key: 'ea4b5d602de4baf6ebea7142e3d9617eda1c8cff', name: "center" }), h("div", { key: 'd0b27d21ad85f447011cbdde964b255bcb9c1375', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), h("div", { key: 'd7b1e7dbbf01436ab09d792ce9c47736cdc9fe52', class: "list right", role: "list" }, h("slot", { key: 'd0ff87de435ef2a5e3c4f96d6992704957542c84', name: "right" }))), h("div", { key: 'c5ac242c2634edc9c46423f4051d98a47bac300a', class: "bottom" }))));
     }
     static get is() { return "duet-menu-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -361,7 +361,7 @@ export class DuetMenuBar {
                     "references": {
                         "DuetMenuBarChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
                             "id": "src/components/duet-menu-bar/duet-menu-bar.tsx::DuetMenuBarChangeEvent"
                         }
                     }

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

@@ -38,10 +38,10 @@ export class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'deca902effde36707ce8fd06bca1be05ec07c853', role: "listitem", onfocus: () => this.setFocus() }, h("button", { key: 'd33ec2494d4135a5d22933a608fb75944d894e3a', ref: button => (this.nativeButton = button), class: {
+        return (h(Host, { key: '0f70c9bf0735937ee494cce289b4c7c328004e55', role: "listitem", onfocus: () => this.setFocus() }, h("button", { key: '5cfdeebb375e5e684b85846a22dcbdb0d643fc95', ref: button => (this.nativeButton = button), class: {
                 "duet-menu-bar-button": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (h("duet-icon", { key: '66ac3933b5491a0edda4392c8a898c1184bec10f', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: '698f4da1db4de218fa735a1cbae29063cc053f6d' }))));
+            }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (h("duet-icon", { key: '9ad195dc758838b1b924da7c78f1b64f9cee8db6', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: 'c15fb81cfbfaecfad8eb0132b14f5390a301cd29' }))));
     }
     static get is() { return "duet-menu-bar-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,17 +54,17 @@ export class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'f93af979aeb4ce2f2746f4479fd2668900e29da9', role: "listitem" }, h("div", { key: 'ffa66596cc69f73b1cb21f7402ba52eceb963446', class: {
+        return (h(Host, { key: 'b7fd730a9ca29fe66b3fb47968d97882881dc46c', role: "listitem" }, h("div", { key: '8375747f96bce65f0079f3a9e32f597ebfdea259', class: {
                 "duet-menu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
                 [`duet-menu-bar-dropdown--slot-${this.getVariant()}`]: true,
-            } }, h("button", { key: 'fb65ccba695bcb5e2c6138759637a6fd653a76ca', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '216c022acdd13b07237e09675ca2a3e5619d8945', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'beab72ea1ff2650a414dda52bda8016103337f56', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'bea074a390a7e840e190e62ea85bd8b69a9927c5', class: "label" }, h("slot", { key: '5493f0001e4996f672def1499658526ee20be333', name: "label" }), h("duet-icon", { key: '5c49206c05fe11b0be8da38d34ee0dc010c3a846', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '8f83fc0d22ef0006bcc92458ff3878408c02a603', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '8f871b50abc91e0d0cbe53d7ce94eb975926c893', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '99691e6483647ec36e53d362eb63f67a77c5e86d', class: "label" }, h("slot", { key: 'b875b758547563e0b9f4c64540b8893a06172f87', name: "label" }), h("duet-icon", { key: '241cebbb03717f5a56aaf6299742ef72c4d1d03f', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'f6e8d54ef1e4cfa3512485a136d52dbe386d0755', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '92fd717630d79bf09aae7ea578f0afbe51eb2926' })))));
+            } }, h("slot", { key: '059b1fa4eb5ccb1e4adbbb775c4d8cd9c9f2fb93' })))));
     }
     static get is() { return "duet-menu-bar-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,11 +40,11 @@ export class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '8f202e5114349cf52a751eca7618a58bbc0a0dba' }, h("a", { key: 'd4286fb4827c4799f9abb3c3ef9518c4c397ba64', class: {
+        return (h(Host, { key: '6068b6651363acfa5a38ce76f97eef97c617ae40' }, h("a", { key: '7181016d9299aae44bfabcb59504bc1cb839d794', class: {
                 "duet-menu-bar-dropdown-link": true,
                 [`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'c4517031d6eb12f4a7b93ff0ef8f94890c4268de', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", { key: 'd2ac491e4c7548a96ba81171fde8149585f4a7b8' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'd188538d34c86debcdcea72edb4453b58ce86bb7', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", { key: '4dc908e75b92425aa98d33349389a063c96d6417' }))));
     }
     static get is() { return "duet-menu-bar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,11 +48,11 @@ export class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (h(Host, { key: 'bea0f2af8dbfd9b4bbf7531de22b65837e1adcf8', role: "listitem" }, h(TagName, { key: '59a98ccf23d40b153eeb93142593676b9bda62de', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: 'df9bbe4dc4bf8f4e51209669b9d338d294a9eeaa', role: "listitem" }, h(TagName, { key: '549949b05fc9290ade7bd94fff4cfbee0bae8f04', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-menu-bar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, 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("duet-icon", { key: 'be698fc3a686b99295e9420d8540f3824039be82', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '1b565d26ca6469f244a931c22ccc377ea36c7cd5' }), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'fe0f61e15ff8d1fd9807c0730f8a8ce1c68b1660', 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("duet-icon", { key: '2bf91a8c0f70bc9a0a4dff411757e41900c049b7', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '3d72b9e811d6caeb973f5e21ac995d21da6444a6' }), (this.trailingIcon || this.external) && (h("duet-icon", { key: '81b25dce0c79f0b71cc832e7ac6da9197c69e1f9', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

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

@@ -22,11 +22,11 @@ export class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '2d5c169b766e83599ed968733533b1141a085156', role: "listitem" }, h("a", { key: '93fba0cbc0022e85ce02ddf508df516b0ad92fb5', class: {
+        return (h(Host, { key: '1dc7db637e4e3d95dfde93025a2e7a9b8f9bb800', role: "listitem" }, h("a", { key: '5bf081aadd270657505210b7b12189e6b9abda64', class: {
                 "duet-menu-bar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '6e04517b89f0d7580971f6b0efd6d7db1e48a17c', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: 'c560b4d027307568a905ed1e1f67795c76cfdeed' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '8a98386d15f2e32cb70769c1b92ac2a92cf124df', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: 'efd02f3e67a3480cc42cb47b9155983163c35b77' }))));
     }
     static get is() { return "duet-menu-bar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -119,7 +119,7 @@
   line-height: 1.5;
   color: rgb(8, 42, 77);
   background: rgb(255, 255, 255);
-  border-radius: 4px;
+  border-radius: 16px;
   opacity: 0;
   transition: 300ms ease;
   transition-delay: 0ms;
@@ -187,15 +187,10 @@
   top: 100vh;
   margin: 0;
   overflow: auto;
-  border-radius: 4px 4px 0 0;
+  border-radius: 16px 16px 0 0;
   opacity: 1;
   transition: top 600ms ease;
 }
-@media (max-width: 35.9375em) {
-  .duet-modal.slide-up {
-    border-radius: 16px 16px 0 0;
-  }
-}
 .duet-modal.duet-modal-has-sticky-header {
   height: 100%;
   overflow: auto;
@@ -289,12 +284,7 @@
   text-align: left;
   background: rgb(240, 247, 250);
   border-bottom: 1px solid rgb(212, 223, 229);
-  border-radius: 4px 4px 0 0;
-}
-@media (max-width: 35.9375em) {
-  .duet-modal-sticky-header {
-    border-radius: 16px 16px 0 0;
-  }
+  border-radius: 16px 16px 0 0;
 }
 .duet-theme-turva .duet-modal-sticky-header {
   background: rgb(245, 247, 250);

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

@@ -249,18 +249,18 @@ export class DuetModal {
         var _a, _b;
         let iconColor = "primary";
         let closeColor = "secondary";
-        const closingButton = (h("div", { key: '61ef914bff9303ef11afc72d05041d22cfc19a04', class: "duet-modal-close" }, h("duet-button", { key: '227e0e9623df005f97018db52488d16b4a86fd86', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
+        const closingButton = (h("div", { key: '9bd3048e4d9313e5c9af47dbc33af4eb66ed3a5a', class: "duet-modal-close" }, h("duet-button", { key: 'ab6131730c34219274154937f6f57aca53dbbdb5', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
         if (this.theme === "turva") {
             iconColor = "primary-turva";
             closeColor = "secondary-turva";
         }
-        return (h("div", { key: 'ddbffb7c7059cdea821b6abfe9a16c960ad87c63', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
+        return (h("div", { key: '3161f0487179b9f75ec61b82ce3b6c5faa246539', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
                 "duet-modal-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-modal-active": this.open,
                 "duet-modal-slide-up": this.variation === "slide-up",
                 "duet-modal-has-sticky-header": this.hasStickyHeader,
-            } }, h("duet-overlay", { key: 'e068a31ef8a49075fb445ad19f9cb14fe41973fa', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), h("div", { key: 'be52b3ade6999b2220ec2de88ad64f98fef455e4', ref: modalInner => (this.modalInnerEl = modalInner), class: {
+            } }, h("duet-overlay", { key: 'b81c8fe6ffd00fa450ed6cc3f752e55ad337892c', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), h("div", { key: 'dca19f7447b771f47b47e976f73544b47b2b736d', ref: modalInner => (this.modalInnerEl = modalInner), class: {
                 "duet-modal-inner": true,
                 [this.size]: true,
                 "duet-modal-slide-up": this.variation === "slide-up",
@@ -271,18 +271,18 @@ export class DuetModal {
                         this.closeModal(e);
                     }
                 }
-            } }, h("div", { key: 'd914271dd3812d02f5d0895508f714dc2e3971b7', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
+            } }, h("div", { key: 'e21d68503cd3507f94b63280f1b8fda4333e3a58', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
                 "duet-modal": true,
                 "duet-modal-has-sticky-header": this.hasStickyHeader,
                 [this.size]: true,
                 [this.variation]: true,
-            } }, this.gutterSize !== "none" && !this.hasStickyHeader && h("duet-spacer", { key: '36a424539eacd5d219032cce4e41f6e62f4bec04' }), this.hasStickyHeader ? (h("div", { class: "duet-modal-sticky-header" }, closingButton, h("slot", { name: "sticky-header" }))) : (closingButton), h("div", { key: 'd6e03bc39dfced8515e26c9961b0c6642b513765', class: {
+            } }, this.gutterSize !== "none" && !this.hasStickyHeader && h("duet-spacer", { key: '27491137eba94ef6a4f244dc0f89bae403048f9e' }), this.hasStickyHeader ? (h("div", { class: "duet-modal-sticky-header" }, closingButton, h("slot", { name: "sticky-header" }))) : (closingButton), h("div", { key: 'ae43c8158067a7111ebaf5fb712e5f35dda5fcea', class: {
                 "duet-modal-body": true,
                 "duet-modal-gutter-none": this.gutterSize === "none",
                 "duet-modal-gutter-small": this.gutterSize === "small",
                 "duet-modal-gutter-medium": this.gutterSize === "medium",
                 "duet-modal-gutter-large": this.gutterSize === "large",
-            } }, h("div", { key: '27062dca4e25894fbadaf00ed25684f17dda89e2', class: "duet-modal-header" }, h("span", { key: '325f53a9eedb05e064ca299f8af40a91c1460b48', class: "duet-modal-inner-slot-top" }, h("slot", { key: 'aa7a6f9bcf8cec55c7f119bdb8db669ad16f41d3', name: "top" })), this.icon && h("duet-icon", { key: 'b3fa01f0bff2eacf2b7e4c2282de03663f0b1588', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (h("duet-heading", { key: 'a4cecc16bec531dba2bcee42d981d5c904525788', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (h("div", { key: 'ea4fd5500130dc5cf2f5f3880f84741111897fce', class: "duet-modal-spinner" }, h("duet-spinner", { key: '543b23213d3c91655f561897b99915442c846de9', size: "large", color: "primary" }))), h("div", { key: '61e7e623d613ba266a3a12386f7e948e9dac3da0', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, h("slot", { key: '8dc4b475ef016193508053cf0f2c4140001816b9' })))))));
+            } }, h("div", { key: '76fec413d37c3b45fde13b208024a3abb3f6fb44', class: "duet-modal-header" }, h("span", { key: 'a013002e8b1471967659999a6cec3c26020c2850', class: "duet-modal-inner-slot-top" }, h("slot", { key: 'a1b38d58fcffb2b67b15ea27b831109144235773', name: "top" })), this.icon && h("duet-icon", { key: '909e82f5051f2118d366ffc2d7d6387250d995e3', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (h("duet-heading", { key: '3b5de36ab65d6025941ddbd822da4296422756a1', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (h("div", { key: 'a46059a4b80c8551d56d8848b75f2823711a3c3b', class: "duet-modal-spinner" }, h("duet-spinner", { key: '6e3e934c35c7be05854d7fe19d26b1d8fa082167', size: "large", color: "primary" }))), h("div", { key: 'b94e2c9f6f7995f2bb66d9738dd1a22636359455', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, h("slot", { key: 'a3d455bffeae35e973dd16cda76c36f3a6370f48' })))))));
     }
     static get is() { return "duet-modal"; }
     static get encapsulation() { return "shadow"; }
@@ -385,7 +385,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -508,7 +508,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalVariation"
                         }
                     }
@@ -534,7 +534,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -809,7 +809,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalCloseEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalCloseEvent"
                         }
                     }

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

@@ -223,23 +223,23 @@ export class DuetMultiselect {
      */
     render() {
         var _a;
-        return (h(Host, { key: '06c99296ef89e4c1c5f01eb5515a1d06bf3d4755', class: {
+        return (h(Host, { key: '12170f8be275e60b4d5ddeb08290e9d6b2ae382d', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, h("div", { key: '928331f06b98e8379722445926b4b7c3a346fc7b', class: {
+            } }, h("div", { key: 'c1cf56cc0dbea83bc0dc8bd51b04c65e3a4a62da', class: {
                 "duet-multiselect-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, h("duet-label", { key: '5ce9d935259de2fd5e182c484d0cde1cfe19e3d8', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '468927ce5cb9bd7b8a26944a1af8f4b0af1302cf', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '929c430336a3e4198ea6af493219434a58f56bb9', name: "tooltip" }), this.caption && (h("duet-caption", { key: '4e1b24288fa6ce3020fb69a4c044c75c6782953e', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: '5681844a5ea68200ce3f43ac88d12a54316d5fab', class: "duet-multiselect-wrapper" }, h("button", { key: '0c9de7973c7f84d672150206f66ea7309b6cdc09', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, h("span", { key: '351a4c93ce64f21704c97f812a74375cd348d2cc', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (h("span", { key: 'ecc84c702c938ef7c138f22a7721ceaa5588a46a', class: "duet-multiselect-badge" }, this.value.length, h("duet-visually-hidden", { key: 'f0866aea0455ae0fa4c192e042bdc1394f4c9ef0' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), h("svg", { key: '7df2d9741170dbb3811b4ead54fcf41a75133806', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '02c76e553afb6afb9c037984fb5ff7cba8472f6d', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), h("div", { key: '18df6044f26b602ac11bb429e38ff8c99c68c918', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
+            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, h("duet-label", { key: '6effc20be696697551ca552dc2c08e89c1991d33', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '8847e95c055d431271613d959357b4eff10a0a85', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'c39db470cb4e12aae320718e5fda0dfa9c6af37b', name: "tooltip" }), this.caption && (h("duet-caption", { key: '66615cbbb7c28be30c42e3c62d0f9021d7e69acb', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: 'c820a692595b614996842c8053be2a3f1e49fce0', class: "duet-multiselect-wrapper" }, h("button", { key: '36a79be02186955c4ab72fa75b9e6cb386dda866', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, h("span", { key: '357672ff8738ba4131b01fa16f82280f91b6edc9', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (h("span", { key: '9b9435791f8d06644948cd64c00180f6f50d1495', class: "duet-multiselect-badge" }, this.value.length, h("duet-visually-hidden", { key: 'f89f17cf73ebff720a1f903643f21858c6ed96b5' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), h("svg", { key: '737cbc3a387b07a9728ea6e5d47cfa949312f3ad', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ccadad6740d38fe5b128a708ddb9ae24699a4502', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), h("div", { key: '60c40e1702ee751fda1fed334809896f56411a6f', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
                 "duet-multiselect-checkboxes": true,
                 "duet-multiselect-checkboxes-active": this.checkboxesVisible,
-            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (h("div", { key: 'b72ed7020a4acd3e798a6d5f66563d0f9bb60a32', class: "duet-multiselect-all-control-buttons" }, h("button", { key: '255181e9a265898f3d91ec3699cf0b6eecc88bd3', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), h("button", { key: 'e6a84c1684c6ea06e0e3d55e65e41b0789dfe632', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
+            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (h("div", { key: 'e56b2012308e8950adb1ee3276c2b5153309431e', class: "duet-multiselect-all-control-buttons" }, h("button", { key: 'b53465b5f581e60b218dc7e1a50860042489bfcc', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), h("button", { key: '127953e8ffd8b0002380092bb7929bb2fe1f2790', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
             this.processedGroups.map(group => (h("fieldset", null, group.label && h("legend", null, group.label), group.items.map((item, key) => {
                 var _a, _b;
                 return (h("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
-            })))))), h("span", { key: 'c29aed47b4c15fd6e7a5e3c5b0f40d1686db06f2', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '7cecdae8a3e69b7195651e0cbf1ed6088157412d' }, this.error)))));
+            })))))), h("span", { key: 'a14ad0ccd012ac5577347b0063a8aea18ef0f173', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '95982728671a531c3173eecda1f6f7961629fdce' }, this.error)))));
     }
     static get is() { return "duet-multiselect"; }
     static get encapsulation() { return "shadow"; }
@@ -350,7 +350,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         }
                     }
@@ -499,12 +499,12 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         },
                         "DuetMultiselectItemGroup": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItemGroup"
                         }
                     }
@@ -697,7 +697,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -718,7 +718,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -739,7 +739,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }

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

@@ -24,7 +24,7 @@ export class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '05da726e03d9c408cde7879e4708286a7f7879d2' }, h("div", { key: 'b02549bf94ee7aaa31666e9ab148de40348d8835', class: { container: true, sticky: this.sticky } }, h("slot", { key: '59f5ef9ceeb78e375e701b1ef5d7681651693852' }), h("slot", { key: '77cae019f8fbaebcd5a362a707d2106be3bb495b', name: "mobile" }), h("slot", { key: '451e1a14bfaf33f4f178b4f75d8c9ca5c2c102c5', name: "desktop" }))));
+        return (h(Host, { key: '00a512aca74e896f68c7f089bc805af77083caa0' }, h("div", { key: '63db60712546a4917778c2d361db15683e57d370', class: { container: true, sticky: this.sticky } }, h("slot", { key: '618adba4dcf96b0461ed60f8ed931080f06cdf46' }), h("slot", { key: '4cf1e97401cd3ff6a4ffb16900186228c0851da9', name: "mobile" }), h("slot", { key: '67d4aaae5584a1c2ee205da75e719fb9c320097a', name: "desktop" }))));
     }
     static get is() { return "duet-nav"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,11 +43,11 @@ export class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (h("div", { key: '65f980fd5fa033d52c207f3027dfec0ea997d2d0', role: "listitem", class: {
+        return (h("div", { key: '50b14b431dd3fa0271fed4ad88b3844db5d470c2', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("a", { key: 'adab91697700a8b3110bfbbbabb837a736af98e6', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: '648733e653d6b00f958a18ce6bbde50d64a82451', class: "duet-notification-container" }, h("div", { key: '7c93614d7e7304d955f3d0c065edfe1a1af6ef51', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: 'b309bc1656a970bb7369ebaa459b07ad4e94a689', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: '71742d3d65a76f6a312a7535780f082c0bae8a86' }, this.accessibleLabelUnread, ":")))), h("div", { key: '1a13147ea4b28a1798461301b790a106d29a8d1e', class: "duet-notification-content" }, h("slot", { key: 'c133b1210a46fe45abcc1ac7e59fa84349ec4d16' })), h("div", { key: 'aab2501cc3a502365a7e6fa08bcc538502140822', class: "duet-notification-date" }, this.date)))));
+            } }, h("a", { key: '69d83dd84ef5cb3e5cadc59ef13262ba5a2403b5', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: 'c84b368567d5c30a73d072a857d09546762d4e3b', class: "duet-notification-container" }, h("div", { key: 'b643d6050a37393d3014f04d1255b39a1db22be7', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: 'f2ffc87634082ee3ca83962e5be69f8521a8ca8a', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: '150e736d8b12304b0a2bf4341462b861f7e1dfdb' }, this.accessibleLabelUnread, ":")))), h("div", { key: '17934b56fbc1d360d9caf028b545edb6a8fe06e3', class: "duet-notification-content" }, h("slot", { key: '3546c2b5e14a00d7b254f59985315a13d79bcc4f' })), h("div", { key: 'ac03337c739922c3db5c1e8b63593f92edba315d', class: "duet-notification-date" }, this.date)))));
     }
     static get is() { return "duet-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -96,10 +96,10 @@ export class DuetNotificationDrawer {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '1088af58e8f3c30677e3c6d5baad8515829e9e51', class: {
+        return (h("div", { key: '52951b68e698b9c831642c1c135dfcb53a48a40c', class: {
                 "duet-drawer": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: this.handleKeyDown }, h("button", { key: 'ff5fb1a9b2712d7a2308a4b334c1859b32a8668b', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (h("div", { key: '36ef436ead766298e4c6cd348ca7244afc94ac46', class: "duet-drawer-icon" }, h("duet-icon", { key: '5eba9896a452d8940a07fc94605d9779c9cd909d', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && h("div", { key: 'cec532d1c1f3ef45c2907cf17efc383305c803e7', class: "duet-drawer-badge" }))), h("span", { key: '5c0892ac2e9dfe0a9c463133b839364b7ae78fd1', class: "duet-drawer-label" }, this.label), h("div", { key: 'db154470e959c8a9032cff5aabbb508de489f66d', class: "duet-drawer-caret" }, h("duet-icon", { key: 'fe7e0e1907b7467106a121d0dde62f7ff0fa4906', margin: "none", size: "auto", icon: arrowDownIcon.svg, color: "currentColor" }))), h("div", { key: '18109bdcfe172351390f705b11481bbcdc72e81a', id: "duet-drawer-content", class: {
+            }, onKeyDown: this.handleKeyDown }, h("button", { key: 'e713e9ace0ffc56428e71ca55c37a360971cbe15', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (h("div", { key: 'a4c21f480f37e714d9c62d75bf787ba7216fb381', class: "duet-drawer-icon" }, h("duet-icon", { key: 'e95aeefaa6b5323e37f0852fe9e5fd4b6f5f8233', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && h("div", { key: '9944b7bc548e2d8b9c753cbc5e2ee9e60817bdb9', class: "duet-drawer-badge" }))), h("span", { key: 'cb880634e09f12b30bf67452ac7563ac80b6fcc0', class: "duet-drawer-label" }, this.label), h("div", { key: '6416fe4067667f4b7b9977d824ff5570ae86def0', class: "duet-drawer-caret" }, h("duet-icon", { key: '6e3e61d447a93c57946cde7067668047a5e6506a', margin: "none", size: "auto", icon: arrowDownIcon.svg, color: "currentColor" }))), h("div", { key: '982db8ff68314474dd59f68b9caa66c57634d5ac', id: "duet-drawer-content", class: {
                 "duet-drawer-content": true,
                 "duet-drawer-right": this.direction === "right",
                 "duet-drawer-left": this.direction === "left",
@@ -299,7 +299,7 @@ export class DuetNotificationDrawer {
                     "references": {
                         "DuetNotificationDrawerDirection": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
                             "id": "src/components/duet-notification-drawer/duet-notification-drawer.tsx::DuetNotificationDrawerDirection"
                         }
                     }

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

@@ -123,7 +123,7 @@ export class DuetNumberInput {
         };
         this.localizeValue = (value) => {
             // Returns a localized string that can be used as input value.
-            return value.toLocaleString(this.locale);
+            return value.toLocaleString(this.locale, { useGrouping: false });
         };
         this.setValue = (value) => {
             // Set the localized prop value.
@@ -364,7 +364,7 @@ export class DuetNumberInput {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Locale used to format the entered value."
+                    "text": "Locale used to format the entered value. Note that localization is used only for decimal separator, as using thousands\nseparators would break keyboard input."
                 },
                 "getter": false,
                 "setter": false,
@@ -1108,7 +1108,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1129,7 +1129,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1150,7 +1150,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1171,7 +1171,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }

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

@@ -35,7 +35,7 @@ export class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'b9eeee3afe659216a8d79b5193d453d393d3f1c8', "aria-hidden": "true" }, h("div", { key: '0e7b0eb4bd9714bf776db07996e7261f095cca46', style: { zIndex: this.zIndex }, class: {
+        return (h(Host, { key: '630cf19ec25638aba0f6031c109f0b9c7813961e', "aria-hidden": "true" }, h("div", { key: '1b2b98da2ddf66ae1ef4ef862eab832b08c87f7a', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -158,7 +158,7 @@ export class DuetOverlay {
                     "references": {
                         "OverlayDisplayDevice": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-overlay/duet-overlay.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-overlay/duet-overlay.tsx",
                             "id": "src/components/duet-overlay/duet-overlay.tsx::OverlayDisplayDevice"
                         }
                     }

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

@@ -35,12 +35,12 @@ export class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (h("div", { key: '1ec93e34b3cee83db8dd477081f4c89b28d48269', class: {
+        return (h("div", { key: 'b04b3ab93aea9b8a1bd56c40f3a7f22d882606d9', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, h("div", { key: '0f4796f214c479f0189b843daa0284e0f8ca0ee3', class: "background" }, this.theme === "turva" && h("div", { key: '54830c00e4dd39b94530b57e0e2d0bd4d458a1b6', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '8e6b0568ff46ac009c2e71d9287dc13d794fa4a2', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: '97f11093691407a00290fd6e672a3ad0f49ae6a7', class: "brand-shape second-shape" }), this.icon && (h("div", { key: 'dca45a2c2aa70e9900c2cae1ee25335fa709a52f', class: "brand-shaped-icon" }, h("duet-icon", { key: 'e0313f6d73e854ee206cc092463df6208d2c3c88', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: '01648cb51c6e0414d319c9acdacdc1cb24bc62e6', class: "heading" }, h("slot", { key: '6d32c471e4560cb452fe9970fc6c8527db5c620d', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: 'dfcb6438834ea76b5182927860562d44c3439bf8' }, h("duet-spacer", { key: '47a1606a141918966fe848dc3ce484259c3ad7dc', size: "large" }), h("div", { key: 'fbbf43860750291e0cf7717dd0e76ff406c396de', role: "presentation" }, this.progressIndicator()))))));
+            } }, h("div", { key: '050ef867894329ee70c71f317b3d2a9b0ab43b22', class: "background" }, this.theme === "turva" && h("div", { key: 'db65bb0d2a262fbea17f2325a68d302f82f78774', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '25b6e020582c7de6a6016fcde0c8b7625bce9450', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: 'df61981c4b6dd90c38cf7b4c66d1b979f3136b35', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '7f4a88d4b8cb503a154e9fd949dd14165c158295', class: "brand-shaped-icon" }, h("duet-icon", { key: 'dcd6fb724ae34c563a9bd16fd4f4d1b19218cf2d', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: 'ad53793ece4f7d8cada5f4eda9197fa7777a290e', class: "heading" }, h("slot", { key: '0641ba331d0528c6e6d6e7219e763a6081700223', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: 'db105221674c1f3b1c996bf4f1f75d76fc811da4' }, h("duet-spacer", { key: '660c06f502b4f3294e1c3c67dd7da73088ef906f', size: "large" }), h("div", { key: '14a89035e8866eee60de3a2f14f078e877d70bbe', role: "presentation" }, this.progressIndicator()))))));
     }
     static get is() { return "duet-page-heading"; }
     static get encapsulation() { return "shadow"; }