@duetds/components 9.1.0 → 9.1.2

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: 'b7505ee892ea3ee2d0e0f37e3638b7d2b783712a', role: "listitem" }, h("div", { key: '751e646811727d6f6a24a416df10f1c543940879', class: {
+        return (h(Host, { key: '0b4e584af1d151a1e50ec8d9e4b573ceaaccf359', role: "listitem" }, h("div", { key: 'cdd13fd6b2c823bba5df313ba88c5b7d06db4ffb', 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: 'fef18c42d08e89e0db82ca29c0aacf1cb9ff5326', 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: '5674f60fef98e6e184f2fcccc764deef331caa12', 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: '76888e1deea9cbb8e7bb3bdf5336669e2ae413e5', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'd6d0c4bd9426aa41b4ba68b222669c922943150b', class: "label" }, h("slot", { key: '6478ad4df0cc0f954ef1a2ea8c4d7d6379e3ee83', name: "label" }), h("duet-icon", { key: '4118eec0a8f4d17b22aeab5efb9e7af3d9c6d096', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'd7026456d474f327320675a3174ec3eb1caf706d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '2579445ac0540e1c097ad5af4197743ec84cb1c8', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '3f1783c651ff0c6d9350e4f69d38a029279c9aab', class: "label" }, h("slot", { key: '321d0f11ab687b2324cfdd4320a48cc343ead7bb', name: "label" }), h("duet-icon", { key: 'f3f61be24eec78ead6378f1810ec73f2ec8926e0', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'cb3e00c6342991645136a04cdc2a8075df1cb25a', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'da2e4f2687f3aa80426a260df734e79cdb69c48a' })))));
+            } }, h("slot", { key: '8c626d701bb71d84458580a3c17a50ea34c894ed' })))));
     }
     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: 'e3310b8dfef57c95572f69574ab3f2844f0a8fd2' }, h("a", { key: '0bc7dc99b57576902aa56cf53e0f0a092d7d1606', class: {
+        return (h(Host, { key: '338a7ca1c696467944414aaf0ecdf7628803dc2b' }, h("a", { key: '1160b7ac731c82021899fa8d7c49b9f47517b942', 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: '0434d95f76ea5e61047da18bac14f7261626a161', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", { key: '8b32a81bdf0bd30bb14486a8593e31f1cd86632e' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'c82028bea753c8ef4199c146e8d30882284bfb81', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", { key: 'fb472a9792cb0bcd581fac7ec95c08b5591034d1' }))));
     }
     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

@@ -32,11 +32,11 @@ export class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (h(Host, { key: 'd2a4ae5947cf7b820de11d1c92be082aefa72e3f', role: "listitem" }, h(TagName, { key: 'bb5eef2f76aed3e48357bc4cc399794df49ca320', ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '8e7241649b951194c60825a37fe5510977544e0c', role: "listitem" }, h(TagName, { key: '5b09cb58b5161434694f4aed6d07d0c4e1b1cd55', 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.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (h("duet-icon", { key: 'f0a8e147fe0b4e6beb3e9c0e68d73d17d8903179', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '290f322579d4af32f271ae21d86be07e4938dced' }), this.trailingIcon && (h("duet-icon", { key: 'a34778af006706400452949461d96ab1dece7608', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (h("duet-icon", { key: '09390cfac47f512732ef0e06d619dbbeeaf78e85', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'c40f41f6be5fa7273bcb2c74dc7eabbf99b8497d' }), this.trailingIcon && (h("duet-icon", { key: 'f5df545b4fab627ee14271992a8372992a78268d', class: {
                 "trailing-icon": true,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,

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: '570640efc7db1d51c8ec33f775b2b13ffd8fd909', role: "listitem" }, h("a", { key: '62ed2f6bf339d40211f56ff0e78ab61aa71a6c9a', class: {
+        return (h(Host, { key: '0bd31ec6a4067c93d4aba6cc9f4944071a7941e8', role: "listitem" }, h("a", { key: 'b3457c0d37c58608940f7c4393bf527fd64a3bff', 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: '45e66a513cff3cda4b8f4ab51fc0d404391265a1', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: '144d7755346f5dc042b2ad7836a3020d954b6648' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '2c208b3c951b892fb2370804517d0f0ade12c747', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: '8153a5aa5771e0337219a845d80e5c5733152594' }))));
     }
     static get is() { return "duet-menu-bar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -379,7 +379,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"
                         }
                     }
@@ -490,7 +490,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"
                         }
                     }
@@ -514,7 +514,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"
                         }
                     }
@@ -771,7 +771,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

@@ -342,7 +342,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"
                         }
                     }
@@ -477,12 +477,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"
                         }
                     }
@@ -659,7 +659,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"
                         }
                     }
@@ -680,7 +680,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"
                         }
                     }
@@ -701,7 +701,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: 'a92a1ddaae09ce96b5e5d11f75b90e890e405494' }, h("div", { key: '5ff997d4da49fc082af18866b7e19ded4d64566c', class: { container: true, sticky: this.sticky } }, h("slot", { key: 'e18cbf0c99d69c3457eda1ff7f291161f10547d4' }), h("slot", { key: '70b3b0456c5e4e3307b12ad9a44f87c4861b98a5', name: "mobile" }), h("slot", { key: '2ad5781a32b89b6857505c0bb6bfba2c95422dbe', name: "desktop" }))));
+        return (h(Host, { key: '925ca1d521d5335df3d278e2f48d2193cc55cc25' }, h("div", { key: '8fecbad03cf107aedec51281333d468522529c12', class: { container: true, sticky: this.sticky } }, h("slot", { key: 'b9f0bd0baee561747192ab5ed2ec1430a55e69eb' }), h("slot", { key: '61b7f4ee44f4527b53ba42cd24f149bbdb2d0d33', name: "mobile" }), h("slot", { key: 'bbacd508275e4ba6290f8dd66f0a657d5e647156', 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: '96c5142b088c958a661411f3995f673e2ccc621e', role: "listitem", class: {
+        return (h("div", { key: '7c7b69217ccc0410e4d2a3b33b241e0657a502d3', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("a", { key: 'd6f5d0be1b541438401decc771bc08a479bd8c2a', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: 'f307a1aa045d07340852369a172d693e6f43cb7d', class: "duet-notification-container" }, h("div", { key: 'a06f1c5ee9ab33826b104403a91b1ed2697f14ce', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: 'b701ca3d7ab5b4156f79462881fea1c385ad781f', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: 'd6b2303c79e50024cdeb903950c459f20cf312cd' }, this.accessibleLabelUnread, ":")))), h("div", { key: 'aebc83aece0fc83be95be876ad19edbce1fd7b70', class: "duet-notification-content" }, h("slot", { key: 'f26fa683fe898a8e53777d22757a2abef19d8b73' })), h("div", { key: '41600a1ef9c5ad18732f5f1de14a2904b8591fe2', class: "duet-notification-date" }, this.date)))));
+            } }, h("a", { key: 'cdf2aa9efddcb0471a0a967feb2534a3c37a93c4', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: '668b15b89a94d14dc95f763e71db811832aa8df9', class: "duet-notification-container" }, h("div", { key: 'ed6d05d93c06e30bd35b5d0c8e00ea310b6d20a1', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: '28834605820009251e38ab8fc51f6cb91161ada6', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: '613ae447d1252abb249ab19e2f08196f86c1a55c' }, this.accessibleLabelUnread, ":")))), h("div", { key: 'dece54d84ef9cb9306bff4932a0373d14fc67bf0', class: "duet-notification-content" }, h("slot", { key: '43d66402c4b87e0bc492e56178fd59b57fb2410e' })), h("div", { key: '04a0d2f31316d13ea68ee2b6de3d26f128c63113', 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

@@ -285,7 +285,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

@@ -1032,7 +1032,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"
                         }
                     }
@@ -1053,7 +1053,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"
                         }
                     }
@@ -1074,7 +1074,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"
                         }
                     }
@@ -1095,7 +1095,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

@@ -150,7 +150,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.css

@@ -39,6 +39,13 @@
 .duet-page-heading.duet-m-0 {
   margin: 0 !important;
 }
+.duet-page-heading.auto {
+  overflow: visible;
+}
+.duet-page-heading.auto .heading,
+.duet-page-heading.auto .background {
+  max-width: none;
+}
 .duet-page-heading.fluid, .duet-page-heading.narrow {
   padding: 0 16px;
 }

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

@@ -23,12 +23,13 @@ export class DuetPageHeading {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '8f551a035b22986d0be89b63878c40881ab194de', class: {
+        const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
+        return (h("div", { key: '29388dc76adf582ffc0c740e5aa5de47acd172d8', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
-                [this.layout]: true,
-            } }, h("div", { key: '3c2da3f7140116830a93f8f5540dd5b86e120069', class: "background" }, this.theme === "turva" && h("div", { key: '3e86bf61e372858174fd9480ffd27e55f8bd7f18', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '71d96c85656113166e6deac2ced606d7708f89fb', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: '8a8a0beeaa6519f58cae0fd33e42767f3810d85a', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '156f7d3040ad56612bd65c3f353b4cb07191a3f2', class: "brand-shaped-icon" }, h("duet-icon", { key: 'afd8b09cc616b652655cd4114848bb9f3112bb27', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: '0610e27dbc186a87adae00201d5fbfb0576078cf', class: "heading" }, h("slot", { key: '63c9609aad6a4203b8bc6f72d65d17fd86056415', name: "heading" }))));
+                [layout]: true,
+            } }, h("div", { key: '4e801223af0de7ca3a5769be9bc301780456c355', class: "background" }, this.theme === "turva" && h("div", { key: '50806ffa6f4c5bb7fabce5e9e905666f892e4918', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '0e8a41703460f97a1450564687d16ba5efabcb77', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: '8ffbcc8fb0c4aa7b3caa062053cd880375ae12fb', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '8014cb4af987c4cc71a0443bdafdca54f9536be5', class: "brand-shaped-icon" }, h("duet-icon", { key: '829eaf116a734165393a70782266df6d0ab85484', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: '23c3d146c237f9929b71fe2c22f36b77b6afab6f', class: "heading" }, h("slot", { key: '325ae5ac88d1a6e66fd3bad80b101703bbf69175', name: "heading" }))));
     }
     static get is() { return "duet-page-heading"; }
     static get encapsulation() { return "shadow"; }
@@ -96,15 +97,15 @@ export class DuetPageHeading {
                 "type": "string",
                 "mutable": true,
                 "complexType": {
-                    "original": "\"narrow\" | \"fluid\"",
-                    "resolved": "\"fluid\" | \"narrow\"",
+                    "original": "\"narrow\" | \"fluid\" | \"auto\"",
+                    "resolved": "\"auto\" | \"fluid\" | \"narrow\"",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Layout."
+                    "text": "Layout.\nValues narrow and fluid are deprecated."
                 },
                 "attribute": "layout",
                 "reflect": false,

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

@@ -436,7 +436,7 @@ export class DuetPagination {
                     "references": {
                         "DuetPaginationVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-pagination/duet-pagination.tsx",
                             "id": "src/components/duet-pagination/duet-pagination.tsx::DuetPaginationVariation"
                         }
                     }
@@ -725,7 +725,7 @@ export class DuetPagination {
                     "references": {
                         "DuetPaginationPageEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-pagination/duet-pagination.tsx",
                             "id": "src/components/duet-pagination/duet-pagination.tsx::DuetPaginationPageEvent"
                         }
                     }

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

@@ -113,7 +113,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphSize"
                         }
                     }
@@ -137,7 +137,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphWeight": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphWeight"
                         }
                     }
@@ -161,7 +161,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphVariation"
                         }
                     }

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

@@ -473,7 +473,7 @@ export class DuetPopupMenu {
                     "references": {
                         "DuetPopupMenuEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
                             "id": "src/components/duet-popup-menu/duet-popup-menu.tsx::DuetPopupMenuEvent"
                         }
                     }

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

@@ -341,7 +341,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
                             "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
                         }
                     }
@@ -362,7 +362,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
                             "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
                         }
                     }

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

@@ -53,12 +53,12 @@ export class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (h(Host, { key: 'c4abd3dcbfce62f8d79b4948d6877b88035b799d', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '0a0cb04c17ed4fb89fb540be922681b117385e58', class: {
+        return (h(Host, { key: '15e241ca4500fba19ae5c931200d929f7c26feab', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '762dec6d01cff5f5850f16176f306ac1cbf2f4d2', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, h(TagName, { key: '103edb4446ea96b3fafcf007f4dd5426d76a3bf8', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'cad7f76340247352ca42807969ba24731378fab4', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: 'f388d58abec244fffea258a4a347213c55a110ba', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: 'ee1e4ca580ec8d513309964e6df6baba25ed23d7', class: "pre-heading" }, h("slot", { key: '861cb83e332ce81f0b60f2936f21c08011cd3a2c', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '728983cfce0b1c8f845a8003d89567a07ed19403', class: "heading" }, h("duet-heading", { key: '9939b4871591c4e9d0beabffc3b6ff7461760103', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: 'db91646994b5b78998e63025cbdf05555a9ca4ba' }, h("slot", { key: 'c34869098de09a738c6c0c58e9a2c3c0c87d9aae', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'e4ffd1e72292e51750c1ce63c43a7c8cb7886258', class: "description" }, h("duet-paragraph", { key: 'b945d624bea9304f8b106d71f87e9bf002603b84', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '683854299aa779f9482ecb786f9a51be703076b4' }, h("slot", { key: '517f9561d2283fca8f78441392e2f5ad16b9c4a5', name: "description" }))))), this.hasActionSlot && (h("div", { key: 'f7eb0d7f9dd83178e0ca0e05bb9cc7a8b719e102', class: "action" }, h("slot", { key: 'faee8e1a520ff2b41717d43a356dfb0659391506', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: '76e2710c25b70b7310756f47d072e762e88bc247', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: '699f6cf997f4a59c46fe2ede3a6b4ae74cab3ab6', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: 'bfa918f0068b2aec0496cfd9a681b8ff89ddbc4f', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '4a5504dac64db3f856e37425b2af6bc88c82cf2c', class: "pre-heading" }, h("slot", { key: 'f83e1dd97784f9544dcf8bc638d91da52e1552f5', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '5588c3bf5dfb560a7b778a6bd644b67853b7d52f', class: "heading" }, h("duet-heading", { key: 'f5940bc4f214466b485a1836683e1aeead0e87c7', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: '23f5ffc9111c2a40cacbb9b7c5b6bda3dd142b23' }, h("slot", { key: '2b5c24d08332aa20d04287b5694e9bc03b183481', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'e076b2091a72aa687e188f96e26260d92a7c348e', class: "description" }, h("duet-paragraph", { key: 'bbf71a9b26b3e84c028b53680c024fd3dd644761', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '73f2a19b25f92101b65d3c2a81becdb2d03c13ff' }, h("slot", { key: 'a7da789756ddc98fec9cdc3dcd988a7d9b8ddcc4', name: "description" }))))), this.hasActionSlot && (h("div", { key: '02e40e9d53bb5d954455a63340af25b95e5c2e03', class: "action" }, h("slot", { key: '5db34d5353f04f26a5934c35f8a21dfbb7d753ed', name: "action" }))))))));
     }
     static get is() { return "duet-promo-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -546,7 +546,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -567,7 +567,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -588,7 +588,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }

package/lib/collection/components/duet-range-slider/duet-range-slider.js

@@ -567,7 +567,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }
@@ -588,7 +588,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }

package/lib/collection/components/duet-range-stepper/duet-range-stepper.js

@@ -379,7 +379,7 @@ export class DuetRangeStepper {
                     "references": {
                         "DuetRangeStepperUpdateEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx",
                             "id": "src/components/duet-range-stepper/duet-range-stepper.tsx::DuetRangeStepperUpdateEvent"
                         }
                     }