@duetds/components 9.5.1 → 9.6.0

package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js

@@ -8,7 +8,7 @@ export class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '05190fb820e1ab0fe45ada907bdccf668d437daf', class: "duet-visually-hidden" }, h("slot", { key: 'e8541096543249aae0b11507ad7194c154f149ca' })));
+        return (h(Host, { key: '000e564e8d2bec83686a04939d857c8ee87bdab2', class: "duet-visually-hidden" }, h("slot", { key: 'd2e56182f3f5924a525883f59f4b2b9f16011a39' })));
     }
     static get is() { return "duet-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/utils/teleport.js

@@ -11,7 +11,7 @@
  */
 export class Teleport {
     constructor(element, target) {
-        this.skipInert = ["duet-tooltip-popup"];
+        this.skipInert = ["duet-tooltip-popup", ".duet-skip-teleport-inert"];
         this.isActive = false;
         this.element = element;
         this.target = target || document.body;
@@ -81,7 +81,7 @@ export class Teleport {
     _makeSiblingsInert() {
         const siblings = Array.from(this.target.children);
         siblings.forEach(sibling => {
-            if (sibling !== this.element && !this.skipInert.includes(sibling.nodeName.toLowerCase())) {
+            if (sibling !== this.element && !this.skipInert.some(selector => sibling.matches(selector))) {
                 sibling.dataset.duetTeleportId = (sibling.dataset.duetTeleportId || "") + this.teleportId;
                 sibling.inert = true;
             }

package/lib/dist-custom-elements/duet-action-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-80b6a631.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-f22589a4.js';
 
 const DuetActionButton = DuetActionButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-alert.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-2c7e8fea.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-71d24b1e.js';
 
 const DuetAlert = DuetAlert$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-badge.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-8df0e44b.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-5554d38b.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-banner.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-1a132b1a.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h } from './p-993aea39.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-6e022235.js';
-import { d as defineCustomElement$3 } from './p-4ac79666.js';
-import { d as defineCustomElement$2 } from './p-49e93494.js';
+import { d as defineCustomElement$3 } from './p-eff24429.js';
+import { d as defineCustomElement$2 } from './p-dff748c3.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,
@@ -102,14 +102,14 @@ const DuetBanner$1 = /*@__PURE__*/ proxyCustomElement(class DuetBanner extends H
             img: { src: this.image, alt: "", loading: "lazy", class: "image", role: "presentation" },
             sources: parsePossibleJSON(this.sources),
         };
-        return (h$1(Host, { key: 'b8716b8067524ae7e4c29e56cdc37d6219c7743a', class: { "duet-m-0": this.margin === "none" } }, h$1("aside", { key: '7c4b420d5a203fa5066f4a71a801c9fc288e179c', class: {
+        return (h$1(Host, { key: '0af3739adf8f70478714148e8c932e6c26034be1', class: { "duet-m-0": this.margin === "none" } }, h$1("aside", { key: '912afc7d42b05ef67242da0d0038e7b1892e420c', class: {
                 "duet-banner": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.currentSize]: true,
                 "size-medium": this.size === "medium" || this.size === "large",
                 "size-large": this.size === "large",
                 "no-image": !this.image,
-            }, style: bannerStyles }, h$1("div", { key: 'dd84b698336d0c159b692bde709c6f10bfe414bf', class: "visual" }, h$1("div", { key: 'c92d3fdabc120fa760c30ae44e90a29439817940', class: "image-container" }, this.image && h$1(DuetPicture, Object.assign({ key: 'bab1712aa5f1ab77a6c96babc607a9a9d4359dd2' }, pictureSource))), 1 > 2  , h$1("div", { key: '411fc99b5c017a4b89f4aa375d6725e9e85314e6', style: bannerStyles, class: "brand-shape" })), h$1("div", { key: '6ba154b92216b98f00b33d740175760049157d14', class: "content" }, this.hasHeadingSlot && (h$1("div", { key: 'ba3ab430999ab6f0823ab957b06bcc4077799c5a', class: "heading" }, h$1("duet-heading", { key: '256ed05f27e6c6c3ec987d4039d6a7caf713458b', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, h$1("span", { key: '197dbc447ca8910b13c8317cd00507e034e84e6f' }, h$1("slot", { key: 'cba3fcc030b0412d981e7cc94626e90aa628cb25', name: "heading" }))))), this.hasDescriptionSlot && (h$1("div", { key: 'dbcc6142fe33db74bccac1d54a1fe2a8e8ccc064', class: "description", style: { color } }, h$1("slot", { key: '1806ab5f5be1ee076c3978f1fcb676cef6b62893', name: "description" }))), this.hasActionSlot && (h$1("div", { key: 'bf9fd56968048a53d15cc1849c2a3b4619851c49', class: "action" }, h$1("slot", { key: '367d2a86cb83fe2d2bdb91ae1e133453e35ce895', name: "action" })))))));
+            }, style: bannerStyles }, h$1("div", { key: '4213a9062ef79c32430faf2230b896cdcf686fab', class: "visual" }, h$1("div", { key: '28cc855a769f28823c4501268ac578dc00d177be', class: "image-container" }, this.image && h$1(DuetPicture, Object.assign({ key: 'ef1257956d87c2dd2e40a309d784cf92680ff193' }, pictureSource))), 1 > 2  , h$1("div", { key: 'c21b74c5b8af201787e8c502cab1fe5e7c6f11d5', style: bannerStyles, class: "brand-shape" })), h$1("div", { key: '8f2a9fa44b18a35442b056f6d52d73a3804dc536', class: "content" }, this.hasHeadingSlot && (h$1("div", { key: '7003386020f8944006ea5c7f8479aef1908f4773', class: "heading" }, h$1("duet-heading", { key: '3bb18ccbae1989efaaf587de4985e01aa50db691', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, h$1("span", { key: 'b32d9f049c16b5521ad96d823c6d2325c6a80b98' }, h$1("slot", { key: '83c445eca1d63aa91847fbe090eb8afdaec130d7', name: "heading" }))))), this.hasDescriptionSlot && (h$1("div", { key: '2a885bb4ddd277b9a56e00addc82784c469dcdfa', class: "description", style: { color } }, h$1("slot", { key: 'f79f7fdb5137692c0ffa3fa2dd6044f9f5a1f799', name: "description" }))), this.hasActionSlot && (h$1("div", { key: '21306ab0e66e7a6c5830df04387c89af2b01cfe8', class: "action" }, h$1("slot", { key: '7f9c1b80831ae7e2baa3e89ff91bd2802b4c4fb9', name: "action" })))))));
     }
     get element() { return this; }
     static get style() { return DuetBannerStyle0; }

package/lib/dist-custom-elements/duet-breadcrumb.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1a132b1a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
-import { d as defineCustomElement$3 } from './p-49e93494.js';
-import { d as defineCustomElement$2 } from './p-b6c1319b.js';
+import { d as defineCustomElement$3 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-4e00e010.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 
@@ -52,14 +52,14 @@ const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumb e
      */
     render() {
         var _a;
-        return (h(Host, { key: '66c046e9fa4c9848802d8f5bb53973dd6293788a', role: "listitem" }, h("div", { key: '72d4f561b30cb93750f95f213a0396f76cc7c0ef', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '2dc69145e210dc28f273b72a0f6c531b9ea418e2', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '507d426a12acfa7beb21650acbdc7a8d3a102fc4', class: {
+        return (h(Host, { key: '3c39bf30d5e28bdd44c42c651b907bef02ca283f', role: "listitem" }, h("div", { key: 'ed0cfc7def8bc35f0f8010dc2c87ffdcbf187b87', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'a94a629a27e77807add5e168872d71d26454a65b', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '496a188bbbea5db5b7d72016f1eee204d31b5727', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            h("duet-icon", { key: 'ca3474e64ab9fe1ba33f6e3e825bd2b6df38daad', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: 'cafb6bccd2f8aa1d5489d65ebeee6c50db0686f0', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: '617a7e9bfce95a1f995c68fd2933dce4aad34973' })))));
+            h("duet-icon", { key: 'cd39da4f5529b6be502b280545703600b0b6dee0', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: 'ecba8a7f92a140853c599d2d23ae95bca864dd50', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: '7219cdf405c1feac2edd55dca10b42af68eccbc3' })))));
     }
     get element() { return this; }
     static get style() { return DuetBreadcrumbStyle0; }

package/lib/dist-custom-elements/duet-breadcrumbs.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1a132b1a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getLocaleString } from './p-35375593.js';
 import { g as getColorByName } from './p-6e022235.js';
@@ -54,11 +54,11 @@ const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumbs
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: 'af63aa4363af2f3a95ce42be51b7859174bd5749' }, h("nav", { key: 'e94de5af502b5fe998b4a103485cbb71d3fd26c6', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: 'eff6f903108da2f57d998e4c8d76737743fd9288' }, h("nav", { key: 'ef6a8c4a4562379a8b47f47c6f72e72bcd4e7928', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: 'd53aaf0bf7724611dc6e84bb661a37519f49d508', class: "container" }, h("div", { key: '9ac4ef431a68e3381a9a53d80f74f6fc5c59a55e', role: "list", class: "list", style: { color } }, h("slot", { key: '5c1e5f3c268febb8dd758afb21e0b1f24de6a0ed' })), h("div", { key: '72a790a58a1c75e5e3910604f32e9f257fb10d22', class: "bottom-border bottom-border--container" })), h("div", { key: '09bff8a4f622a575aa22a76a9442cd11a97bc819', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: 'cffd47b2c190847017411faf676ca13446facaa1', class: "container" }, h("div", { key: '4503bae0216f1dea26ae7be7e643e5983fd3947c', role: "list", class: "list", style: { color } }, h("slot", { key: '34c07e83c9e4dd6d4e91c3a51efa31f877d1a3da' })), h("div", { key: '334597f482a1627cd5b2b76ff3f75931e07eea71', class: "bottom-border bottom-border--container" })), h("div", { key: '319b2b25f30b5411897cd9099163f178474e653e', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return this; }
     static get style() { return DuetBreadcrumbsStyle0; }

package/lib/dist-custom-elements/duet-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetButton$1, d as defineCustomElement$1 } from './p-40b6cfdc.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-1399c239.js';
 
 const DuetButton = DuetButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-callout.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1a132b1a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$2 } from './p-49e93494.js';
+import { d as defineCustomElement$2 } from './p-dff748c3.js';
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";
 const DuetCalloutStyle0 = duetCalloutCss;
@@ -35,11 +35,11 @@ const DuetCallout$1 = /*@__PURE__*/ proxyCustomElement(class DuetCallout extends
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (h(Host, { key: '2c0e0547229b6ad6a7cdc410305fd4410b3e23c5' }, h("div", { key: 'e1ed12bbba8544b1dd2f80aef8d290f01b087a42', class: {
+        return (h(Host, { key: '1f3d85e38ab2cb67cbed8b7a1b4964e65aa11ac9' }, h("div", { key: '27bea794b5968a85c5e162438e674d748bfd80f8', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: '1c13c1e60d0eacf6130836b22e40820cd0bcc996', class: "container" }, h("duet-icon", { key: 'd510e6802cb67270d02ad5261719f3fb6c34ab68', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: '035294078491273c88249b1577a037f28c24ca30' }, h("slot", { key: 'b516e727fc4d435fed30d422ba311099aff70605' })), this.hasAuthorSlot && (h("figcaption", { key: 'ad0b1b81c5dc8cc30136ec2779fb66c428d624ef', class: "author" }, h("span", { key: '4e2c5eb565f7e54f07900a691e2c01c73df22858' }, "\u2014 "), h("slot", { key: '00fcc97851122cdc95659800a0da4c35ffbfa7c1', name: "author" })))))));
+            } }, h("figure", { key: '369b24b1890ad9e3f0ecb674a41be2e1fdbe756c', class: "container" }, h("duet-icon", { key: 'f2ac395e6a8ddc0d4ed0b62566bd0d8f74e57d8c', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: '9082471b83d092b9f9a8fa7e6a697225b0cf395c' }, h("slot", { key: 'da080022642fcf1acc5d63be667fc8e8958bd488' })), this.hasAuthorSlot && (h("figcaption", { key: 'c4e03326b79b0b1010f4f32d6dc1bd7083a6a2ac', class: "author" }, h("span", { key: 'bf63da57bdfdbb640aaf52cb004f2f4be6bb1bf3' }, "\u2014 "), h("slot", { key: '440a7037be0c937ffd0a135de1fed5234e55d8b5', name: "author" })))))));
     }
     get element() { return this; }
     static get style() { return DuetCalloutStyle0; }

package/lib/dist-custom-elements/duet-caption.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-9e44038b.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-a839bb27.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-card.js

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-1a132b1a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { g as getElementsFromNamedSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-6e022235.js';
-import { d as defineCustomElement$3 } from './p-49e93494.js';
-import { d as defineCustomElement$2 } from './p-b6c1319b.js';
+import { d as defineCustomElement$3 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-4e00e010.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";
@@ -108,10 +108,10 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
         const styles = {
             backgroundColor: getColorByName(this.background),
         };
-        return (h(Host, { key: '81af7af276b2b67f13855aa9e11bd95e8abeaa2d', class: {
+        return (h(Host, { key: '00c59be2ab7c40755629602f9e85ea64ab612158', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, h(TagName, { key: '9c121ca16ed478f72e8c5976cc73499de2c48de2', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, h(TagName, { key: '8578ca3d024c5846a36cac0e767622b7eaabcb88', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
                 "duet-card": true,
                 [this.padding]: true,
                 [this.variation]: true,
@@ -121,7 +121,7 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
                 "duet-card-has-bg": this.background !== "gray-lightest",
                 "duet-card-has-icon": !!this.icon,
                 "duet-card-collapsed": this.collapsible && !this.open,
-            } }, this.image && (h("div", { key: '370ab67ee9e9e00267dfe6a034d9258fc41deb9c', class: "duet-card-image-mask" }, h("img", { key: 'f93b70812e33b71f9057b5a890baba36894012ea', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: '64b6d8e1e2d02085fa6101f54cf95f15c6c4e3b8', class: "duet-card-content", id: this.cardId }, h("slot", { key: '9a20c3971a53038f5786c9321214cd2dc19bdcef' }), this.hasFooter && (h("div", { key: '5009d44d6ffb5c7d6774a0c22664979d84a12561', class: "duet-card-footer" }, h("slot", { key: 'e177a2f18a636b5e6c093150e52614e56ad56c68', name: "footer" })))))));
+            } }, this.image && (h("div", { key: '2609ba055ac602c074c2a545688284f99afc3105', class: "duet-card-image-mask" }, h("img", { key: '59572ec1bd938cb3fb54d511031d170980129026', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: 'ae06ad0ca9a5828a10dfcf8aa54aa44967acd203', class: "duet-card-content", id: this.cardId }, h("slot", { key: '751c8dd97e06452610214c242a67843d86e0e8f8' }), this.hasFooter && (h("div", { key: '5fc1bc24f217f51984ffa8fb82b05a8022a1bc13', class: "duet-card-footer" }, h("slot", { key: '3225e28c9fae8e9a7d712ec2f7edca2848c81bac', name: "footer" })))))));
     }
     get element() { return this; }
     static get style() { return DuetCardStyle0; }

package/lib/dist-custom-elements/duet-checkbox.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-4bbce223.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-670555eb.js';
 
 const DuetCheckbox = DuetCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-checkmark.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-d40633ba.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-0e3a8465.js';
 
 const DuetCheckmark = DuetCheckmark$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-chip.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetChip$1, d as defineCustomElement$1 } from './p-2b1e6b5d.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-859504c9.js';
 
 const DuetChip = DuetChip$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-choice-group.js

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1a132b1a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$8 } from './p-9e44038b.js';
-import { d as defineCustomElement$7 } from './p-35112a3e.js';
-import { d as defineCustomElement$6 } from './p-49e93494.js';
-import { d as defineCustomElement$5 } from './p-75e0f2c0.js';
-import { d as defineCustomElement$4 } from './p-629b86f6.js';
-import { d as defineCustomElement$3 } from './p-87b5d28b.js';
-import { d as defineCustomElement$2 } from './p-de88ebc9.js';
+import { d as defineCustomElement$8 } from './p-a839bb27.js';
+import { d as defineCustomElement$7 } from './p-1ee62209.js';
+import { d as defineCustomElement$6 } from './p-dff748c3.js';
+import { d as defineCustomElement$5 } from './p-0e2c29a0.js';
+import { d as defineCustomElement$4 } from './p-e2468742.js';
+import { d as defineCustomElement$3 } from './p-7da00182.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 const DuetChoiceGroupStyle0 = duetChoiceGroupCss;

package/lib/dist-custom-elements/duet-choice.js

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1a132b1a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, a as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, b as isEscapeKey } from './p-8db11326.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { h as hasSlot } from './p-f21662ea.js';
-import { d as defineCustomElement$4 } from './p-9e44038b.js';
-import { d as defineCustomElement$3 } from './p-49e93494.js';
-import { d as defineCustomElement$2 } from './p-b6c1319b.js';
+import { d as defineCustomElement$4 } from './p-a839bb27.js';
+import { d as defineCustomElement$3 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-4e00e010.js';
 
 var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
 

package/lib/dist-custom-elements/duet-collapsible.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1a132b1a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-f6000a03.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
@@ -9,8 +9,8 @@ import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { h as hasSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { d as defineCustomElement$3 } from './p-9e44038b.js';
-import { d as defineCustomElement$2 } from './p-49e93494.js';
+import { d as defineCustomElement$3 } from './p-a839bb27.js';
+import { d as defineCustomElement$2 } from './p-dff748c3.js';
 
 const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-theme-turva){font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
 const DuetCollapsibleStyle0 = duetCollapsibleCss;
@@ -119,7 +119,7 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString(this.headingLevel) : "div";
-        return (h(Host, { key: 'b9c815342f0c4635b2bf03cb210c7e71e90b54d8', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '6fb34dc0d618314f3545feae349af2b90669dc38' }, h("button", { key: '2c60976671c564a2ba4c2bae7c25a81d46dd089e', class: {
+        return (h(Host, { key: 'f3e73e4259a6408e8bfc9b00fb4033c5117ff5bc', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '1c6ff194a2634737d39013138a7a45fda32538ca' }, h("button", { key: '745c07a149e5cdb0f4ed7931988f16578acc17db', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
@@ -127,7 +127,7 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
                 "has-caption": !!this.caption,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '3b733940731cc46545abc6866c089123cc96ea45', class: "duet-collapsible-heading-wrapper" }, h("div", { key: '4696b9066a27b1ad9786408f13242f4dbca76136', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: 'af4bef7f00f2755cdd2edb7c0834fbc8b39b928e', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: 'dae6f5b4438375679e96b8af64596caaeb74dd9f', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: '6337a53605fe5692e29ff904314fe66028d4adf5', part: "duet-collapsible-after-heading" }, h("slot", { key: 'fda139a14f821a8b76a567d8eae0e0274bbf5c9f', name: "after-heading" })))), this.caption && (h("div", { key: '46a5a2fab4fd02fa234d593a376b4dd4bce3551b', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: '802fa725384a8566be0264ca8d6d59ff02cd76bc', size: "small", margin: "none" }, this.caption))))), h("div", { key: '53cf9e6295a32dbb6aba736c9b8fdfa0239363b1', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '6f5055ecdb2266dfc97f419482bffa151a766317' }))));
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'fd1340099ac09fc9b1179c8847d5e5f982bfec4d', class: "duet-collapsible-heading-wrapper" }, h("div", { key: '4b0a86f201322a21f14994d5efab986930847ee9', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: 'c87bf63f84215ff8a55a0002991dc0688f6e757b', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: 'e6dec579ae41cc0e7aa9452c69a1f3ec80dd5558', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: 'b518e6dbbaae9c2f84979fcca6cd00fbdf5ab959', part: "duet-collapsible-after-heading" }, h("slot", { key: '5ab5b2ab6c41c93250244b1d8c75b4f061ed17aa', name: "after-heading" })))), this.caption && (h("div", { key: '42f4464aa6ef6c275d0357fda56d4b95ad321bdf', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: 'fb4c4a5effb018af94f74ef3b37cb02c58704a3a', size: "small", margin: "none" }, this.caption))))), h("div", { key: '1eabff6b7f58e648aa65357bf190034158c60b70', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: 'c799b44772fa7298fa93b911fc2ebdf2d41b1dd4' }))));
     }
     get element() { return this; }
     static get style() { return DuetCollapsibleStyle0; }

package/lib/dist-custom-elements/duet-combobox.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-1a132b1a.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { d as debounce } from './p-9e371678.js';
@@ -10,20 +10,20 @@ import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObser
 import { a as getElementsFromDefaultSlot } from './p-f21662ea.js';
 import { r as regexEscape, p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$f } from './p-40b6cfdc.js';
-import { d as defineCustomElement$e } from './p-9e44038b.js';
-import { d as defineCustomElement$d } from './p-2b1e6b5d.js';
-import { d as defineCustomElement$c } from './p-49e93494.js';
-import { d as defineCustomElement$b } from './p-f58c99dc.js';
-import { d as defineCustomElement$a } from './p-9baca56c.js';
-import { d as defineCustomElement$9 } from './p-d34a377a.js';
-import { d as defineCustomElement$8 } from './p-1219c53a.js';
-import { d as defineCustomElement$7 } from './p-b6c1319b.js';
-import { d as defineCustomElement$6 } from './p-57030e72.js';
-import { d as defineCustomElement$5 } from './p-75e0f2c0.js';
-import { d as defineCustomElement$4 } from './p-629b86f6.js';
-import { d as defineCustomElement$3 } from './p-87b5d28b.js';
-import { d as defineCustomElement$2 } from './p-de88ebc9.js';
+import { d as defineCustomElement$f } from './p-1399c239.js';
+import { d as defineCustomElement$e } from './p-a839bb27.js';
+import { d as defineCustomElement$d } from './p-859504c9.js';
+import { d as defineCustomElement$c } from './p-dff748c3.js';
+import { d as defineCustomElement$b } from './p-97505489.js';
+import { d as defineCustomElement$a } from './p-7a5af4ef.js';
+import { d as defineCustomElement$9 } from './p-ca4970b2.js';
+import { d as defineCustomElement$8 } from './p-2a7b9c7c.js';
+import { d as defineCustomElement$7 } from './p-4e00e010.js';
+import { d as defineCustomElement$6 } from './p-c18fe324.js';
+import { d as defineCustomElement$5 } from './p-0e2c29a0.js';
+import { d as defineCustomElement$4 } from './p-e2468742.js';
+import { d as defineCustomElement$3 } from './p-7da00182.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 const DuetComboBoxSelect = ({ item, activeDescendant, selected, label = undefined, clickHandler = e => {
     e.preventDefault();
@@ -55,6 +55,7 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class DuetCombobox exten
         this.inputId = createID("duet-combobox-input-id");
         this.activeDescendantId = createID("duet-combobox-active-descendant");
         this.isAndroidDevice = ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf("android")) > -1 || null;
+        this.isInsideModal = false;
         this.resizeObserver = new ResizeObserver(debounce(entries => {
             var _a, _b, _c;
             // otherwise, something is wrong, expecting 1 element only
@@ -301,6 +302,9 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class DuetCombobox exten
      * Component lifecycle events.
      */
     componentWillLoad() {
+        if (this.element.closest("duet-modal")) {
+            this.isInsideModal = true;
+        }
         inheritGlobalTheme(this);
     }
     connectedCallback() {
@@ -576,7 +580,7 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class DuetCombobox exten
         return (h$1(Host, { class: {
                 "duet-combobox": true,
                 [`duet-theme-${this.theme}`]: true,
-            } }, h$1("slot", null), h$1("div", null, h$1("duet-popup-menu", { id: this.listBoxId, controller: this.input, ref: el => (this.listContainer = el), accessibleRole: "listbox", allowVerticalFlip: false }, h$1("div", { class: "combobox-menu-container" }, this.listOpen &&
+            } }, h$1("slot", null), h$1("div", null, h$1("duet-popup-menu", { id: this.listBoxId, controller: this.input, ref: el => (this.listContainer = el), accessibleRole: "listbox", allowVerticalFlip: false, class: { "duet-skip-teleport-inert": this.isInsideModal } }, h$1("div", { class: "combobox-menu-container" }, this.listOpen &&
             selectElements.map((item, index) => {
                 return (h$1(DuetComboBoxSelect, { id: this.activeDescendantId, item: item, activeDescendant: index === this.activeItem, selected: this.selectedItems.has(item.id), search: this.inputValue, clickHandler: e => this.onListClick(e, item), label: this.formatLabel(item, index, selectElements.length, this.processedItems.length), isAndroidDevice: this.isAndroidDevice }));
             }), h$1("duet-spacer", { size: "x-small" }))))));

package/lib/dist-custom-elements/duet-contact-card.js

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1a132b1a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$8 } from './p-40b6cfdc.js';
-import { d as defineCustomElement$7 } from './p-4ac79666.js';
-import { d as defineCustomElement$6 } from './p-49e93494.js';
-import { d as defineCustomElement$5 } from './p-ea83aa97.js';
-import { d as defineCustomElement$4 } from './p-eee324c4.js';
-import { d as defineCustomElement$3 } from './p-57030e72.js';
-import { d as defineCustomElement$2 } from './p-de88ebc9.js';
+import { d as defineCustomElement$8 } from './p-1399c239.js';
+import { d as defineCustomElement$7 } from './p-eff24429.js';
+import { d as defineCustomElement$6 } from './p-dff748c3.js';
+import { d as defineCustomElement$5 } from './p-cfa9907a.js';
+import { d as defineCustomElement$4 } from './p-b7e56baf.js';
+import { d as defineCustomElement$3 } from './p-c18fe324.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 const duetContactCardCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-contact-card.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}";
 const DuetContactCardStyle0 = duetContactCardCss;
@@ -59,10 +59,10 @@ const DuetContactCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetContactCard
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: '7d4179d7cb8c4bb59a1c22c671fbe0e48c76d12f', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '746d78591b5235b00d84d082b96f97d7f3d8ac82', class: {
+        return (h(Host, { key: '17740378c0fae56940762f5c1807674866bc6a43', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'e981ac2b95f34861f49a5099d9572f1b88a42ba2', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: 'd92467c574bfe46519683002a9356384e7a91c24' }, this.name && (h("duet-heading", { key: 'e0024d46a8ed78ba623164dc5ba462b243a12e8a', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '569b3e131ac8ef6273ac70656c2d9faaf57079a5', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '99a89137c9e10ef6fd3fb3975edfdf0e014c14b7', class: "email" }, h("duet-icon", { key: '6d8d6e14a74c16381168f384cc785222b0e6a097', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '8dc230b8d3ccc086b61720fb7b6b6645095899a7', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: 'd796194cecf6deec03d02bab49a0268d553409e6', class: "phone" }, h("duet-icon", { key: 'acffc1fe7f7f50a0e588f8fc3147f28a2fb4c0fc', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '9c1033570e39e0fc68bbe969b7ca2263f92b518c', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '567da157296dc01f1c5818e9fa9a24a95fd7540f', class: "call-to-action" }, h("duet-button", { key: '39f6d00de0bceaec00d73e5eacaf2bbb610832b6', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '657e7d11d3602ee0009e38ef8dde5309566f6406' }), h("slot", { key: '98a6810ad6c915b5825889f058fc9d3a63df040c' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '9ef8552405f11afca941434adfa3788497256571' }, this.name && (h("duet-heading", { key: '3a56b3b1a37a798121665dfd29218aee39c3f90a', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '61749733435f24fe901941198683e221fbee7c40', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: 'eb2a3e85c0cee904c46dcb27b233219391e9a8a5', class: "email" }, h("duet-icon", { key: 'b865aac36d409907f8bc2df0499796b037c70717', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '75bd0bebdb1f8dcdcd0afe0675f9144e55648a5b', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '5a513b3311a575fa76f9013c8fef7e9ec2527307', class: "phone" }, h("duet-icon", { key: '69aa9446753fd6dd6d68d0f0498c3b91da6390eb', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'dc77056989f67752334017d85750319a9bf74ac2', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '9bf3cae826e24eb289ef8771fd8cef6e13107a76', class: "call-to-action" }, h("duet-button", { key: 'd589fe2ca11812bf4d5985d0aa5325201314f226', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: 'cd59d271c613f263b0280f40afb4c971126bd5cc' }), h("slot", { key: 'b6fda2e690e6266cefca22703600f4542a2b78be' }))));
     }
     get element() { return this; }
     static get style() { return DuetContactCardStyle0; }

package/lib/dist-custom-elements/duet-cookie-consent.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1a132b1a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
-import { d as defineCustomElement$6 } from './p-40b6cfdc.js';
-import { d as defineCustomElement$5 } from './p-49e93494.js';
-import { d as defineCustomElement$4 } from './p-b6c1319b.js';
-import { d as defineCustomElement$3 } from './p-57030e72.js';
-import { d as defineCustomElement$2 } from './p-de88ebc9.js';
+import { d as defineCustomElement$6 } from './p-1399c239.js';
+import { d as defineCustomElement$5 } from './p-dff748c3.js';
+import { d as defineCustomElement$4 } from './p-4e00e010.js';
+import { d as defineCustomElement$3 } from './p-c18fe324.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 const duetCookieConsentCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing:not(.descendant-focused).duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 const DuetCookieConsentStyle0 = duetCookieConsentCss;
@@ -53,7 +53,7 @@ const DuetCookieConsent$1 = /*@__PURE__*/ proxyCustomElement(class DuetCookieCon
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '3ce0228a96f65cd1d7e52892ee19e8a1732a40ff', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '24c6d7c27151928edb749a3797f1a8cc5a67be96', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'ed1a82ad8ee72dd7c9a912453faa72ba4e27b3a8', class: "duet-cookie-consent-content" }, h("div", { key: '0233b97bcee86c27e59549df832c91b7f8805eed', class: "expand" }, h("slot", { key: '2b6a7a2356cc18e61e8aafa78d5f17ea01f85c25' })), h("duet-spacer", { key: '4d2dbf87b38a00fee61be0e064fed9ff4958736f', size: "large", direction: "horizontal" }), h("div", { key: '5d12618d329eebcf3d5cd3f9508dcbe2492466b7' }, h("duet-button", { key: 'ea878954d3e7a1616c8c548fbaabe9828b3afa19', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (h(Host, { key: 'e8dabcf5acaef5159164a8ecdbaef9340660732a', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '0c6121a202c18c8239c77f1fedfb3bbd80c1ad00', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '8c159018b562878b200913b26d7095d1702c7d11', class: "duet-cookie-consent-content" }, h("div", { key: 'd54ccc56226df5778173f18bc85d9fe1afb62f77', class: "expand" }, h("slot", { key: 'c9b430472bec14e34e934fa2d9fc80b1a9dd1ec8' })), h("duet-spacer", { key: 'c4334763366fa1eb2b0fb6fef3632bb77f59ddc3', size: "large", direction: "horizontal" }), h("div", { key: '8b9673e55d8abcf0f842073d2ba49b8ce7b62a08' }, h("duet-button", { key: '453d68199c48d2fa2329b5763fa49ea078ba8561', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     get element() { return this; }
     static get style() { return DuetCookieConsentStyle0; }