@duetds/components 9.14.0 → 9.15.0

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

@@ -24,12 +24,12 @@ export class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '9bf5e5c3c16886df82ba85532811902289208a09', role: "listitem" }, h("a", { key: '549e03a44fd766dabcf4b9a90deced22126d9170', class: {
+        return (h(Host, { key: 'ada6b9cf97f679d00342bc10e4246cd7769cb0dc', role: "listitem" }, h("a", { key: 'd066b938dab65c6bb295b1c33886d25078606ffc', class: {
                 "duet-toolbar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '8946a984d10dd47804f79ed821ca8d3e5c94c12e', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'cfa598fbbb9d48527c3eb23aaeb9acea33ebc5f8' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'daff82ced17069f6cddcf875c4ce87bf74a2c472', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '64c261fee1b5ea2787c91ce4c3c8567ff0e3ab04' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,13 +39,13 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = h("duet-visually-hidden", { key: 'e33d5ff7c54de9ccfc5e8fb1412e269a84b35991' }, this.accessibleLabel);
-        return (h(Host, { key: 'ab547cfbb38f6b76df6709a7990d5747ddc6bf7b' }, h("button", { key: '940756da9995337019b88c3d73a88903e6d01e48', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        const visuallyHidden = h("duet-visually-hidden", { key: 'e455684026063de1dc9838bb0cd8cb98b10901e1' }, this.accessibleLabel);
+        return (h(Host, { key: '72042958d6bde194eb981994118b017730fa08ad' }, h("button", { key: 'f30723885692add101e2f99453834b56918b4dd6', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
-            } }, h("svg", { key: '878411718bd0af7f2570c2c5fbc798255b7fd167', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cb0fa3b6b5b095d85e2b04bd7a3b2771d1be7dcb', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '56af372800cd47d4649fdbde93f4c5a58d648b3b', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '1e7d617fa97e77282ed8c5eb0cc4c6950843e146', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
+            } }, h("svg", { key: '80ee1608220911c1b63bbfdff73333aa1281e8c6', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '81d7510a742164802db9d3e2850c0c595060bbe7', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '93f6ea5c41c5433a3344c99c32d403deeddd0c9e', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '0bda03982f84533033ad43134c891c85e1713192', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,11 +53,11 @@ export class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: '52785c8e588e72a87dcf1add6c8ccca0cbd26448' }, h("div", { key: '085b0aa28ec28f0615daedf985fb23f7db8d35c7', class: {
+        return (h(Host, { key: '25625861a7858e924565471167aa9f993362163b' }, h("div", { key: '5cfb9c029a6e00a43a7890b3a8af59d09aa82b5d', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: 'ae3793ed10fa5b4c6d85350f9bae48a32a93bf8b', moveFocusTo: this.buttonEl }), h("div", { key: 'f4654d51693c02e8c7c95dcfd11b07dd498d31ee', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: '3cb80ff2bd3e5f22e91de7d5cb8c719f9650cf48' })), h("div", { key: 'a6e3ac901d41380301f593aba7542ba445a34a64', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '4abf64ccc297dde45c638b2669a44901a3249b1b', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '8a5f07200d7128784b691dc089a9dcc70ea3ba25', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'aa4359871dd0fbea3ca4853cad8eeedc8f54d7ef', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'ae77b164703d563392d427039d075c7e123fe825' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '1ac506b5ff7da2efefaeb004032ccae12c73982f', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '4523ab0855d71dd5f4f13f4554f6862845c02df3', moveFocusTo: this.buttonEl }), h("div", { key: '4341d74dead24be51cbf51e385f3684115e48c9c', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: '956cd79efc0169a02ddca5c760c9fe929f42f346' })), h("div", { key: '4998d379b24b1ddb62616b59bcb7edf106ed1e96', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '272e74d112bb9430646edd655d2e1eddaef29d72', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '40b347addd467daca17911eaf589f9ab49f40e29', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '65d0509c3e63ed403945b23938ad021a4d5788ab', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'edd9504295bd1c5bf74959a1fdc3586a3c19a46f' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'fadac987b297e5cb6839785e72177f4d311f2d0a', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,14 +87,14 @@ export class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '96084606679ac986f5d860ffc195f26aab281295', class: {
+        return (h("div", { key: 'b58f9833c7b39ee25947a9873dc5b382ff99a6ab', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, h("div", { key: 'c216ef5fe147332444de7041a7cf055ef7647d11', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '1142c70df87b38b5db3a2406f353ec9406cebfb3' })), this.hasAdditionalContent && (h(Fragment, { key: '86874d91c2e4c75d3b8d7e874950e9c0b450ddf1' }, h("button", { key: '5cd57f0eb06084abf2a12285efd180312dc877f0', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: '7c210e3b602778375c1ffc82b0af164704ec61ea', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '5a5538e6925ceef086a3e065854445f142215310' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'a8f2db600b259ebc99a7ae2c406f1f88d8cad5f0', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '04eb7a74c403f4e837ea55f95039c24eeac235aa', class: "duet-tray-expandable-content" }, h("slot", { key: '512d3db4d7f11126a4b56870afb70f4d74189c8e', name: "additional" })))))));
+            } }, h("div", { key: '511e12c5b08dd7c6b0b804232715524552359cb1', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '6bb93f0e44ed66141d3b54a7a577e44cc167af31' })), this.hasAdditionalContent && (h(Fragment, { key: '3cdd831ef6f37b4e97698520dcbe13c811647f6a' }, h("button", { key: 'f7d2ee451d1b850c783b2caf6a7452a89e06ee53', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: 'abf84c9a98ab282bfa2d0928c9c32225790287f6', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: 'e7ba1e6ff2bc3973e7b084ce9ed81d5cd7345e67' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'c34b83ca4cbdef9901f3a1d29f465846bf3dd3d5', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'c7e59c265dafac429591be3aaf9333298bb5f9fc', class: "duet-tray-expandable-content" }, h("slot", { key: '8fdb1feb8dce73ada572da08d5fdff7df273117f', name: "additional" })))))));
     }
     static get is() { return "duet-tray"; }
     static get encapsulation() { return "shadow"; }

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

@@ -64,7 +64,7 @@ export class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '986a0f1f93835a89c37556bd7151fd95b2319185', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '81e6ea00b9362ccd1accc3b01b9bfefaca5006c1' }, this.statusMessage)));
+        return (h(Host, { key: '3b0157268e47095dc2f0146bcee9aadebae36f57', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '6ee679966cd2ac3a64f17e4dd10ee708c458e1a9' }, this.statusMessage)));
     }
     static get is() { return "duet-upload-aria-status"; }
     static get encapsulation() { return "shadow"; }

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: 'ad4e235568c6ea33e55df1fd22e7ec078af3ca20', class: "duet-visually-hidden" }, h("slot", { key: 'f5bb563082e973ea4bf7b9f710298858b5bc0fa3' })));
+        return (h(Host, { key: 'a25d34eb4058ee4b01d11c93532438ccd0a2beed', class: "duet-visually-hidden" }, h("slot", { key: 'a5ed126a86253440a45de5397557014393438ff0' })));
     }
     static get is() { return "duet-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

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-b3835995.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-f214be38.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-96cabce8.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-5d684af3.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-0e0a0525.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-e54a1871.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-fddb3ec1.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-1f2176b1.js';
 import { i as inheritGlobalTheme } from './p-3757c660.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, p as postfixTheme } from './p-499da71e.js';
-import { d as defineCustomElement$3 } from './p-706a9a13.js';
-import { d as defineCustomElement$2 } from './p-d5c72ea3.js';
+import { d as defineCustomElement$3 } from './p-ff94cac9.js';
+import { d as defineCustomElement$2 } from './p-dd16af35.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,

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-fddb3ec1.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-1f2176b1.js';
 import { i as inheritGlobalTheme } from './p-3757c660.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-d9b2e80e.js';
-import { d as defineCustomElement$3 } from './p-d5c72ea3.js';
-import { d as defineCustomElement$2 } from './p-db2b09ab.js';
+import { d as defineCustomElement$3 } from './p-dd16af35.js';
+import { d as defineCustomElement$2 } from './p-31316d91.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: 'c2bbd3a09d833237865fbbea918ce71e6e945708', role: "listitem" }, h("div", { key: '1ef1271eba23e853ecd07dca639a1dc249a9047a', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '953679a489bc876ab43d44486de61cbb9f5237aa', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '305807ceab521e988a065fc7f0dfeba105afd65f', class: {
+        return (h(Host, { key: '0c4e563b15c117968dd17a152949276c8c1d0c4d', role: "listitem" }, h("div", { key: '33cf7e873107f60b9b6efe03bcb1836325fc53f6', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '8857a5707b046b177fd430d9192cce2d74c6c865', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: 'c4ec61942b341cc2ff809e6f63aaf57fd259c73a', 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: '469e852366ff1d5dc79ef285eb53cff133a4b86a', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: 'eff56162ec750f1b4b1053eefd39a3096e6535a1', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: '08865bb50c3bfc475427e56afb06baa5796b9e43' })))));
+            h("duet-icon", { key: 'd695d025e458817fd3e493f2422174accea100ed', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: '2dadd430403b4443b75fa002ff399d53a2a9647e', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: '1a4a88d2db38dedb772c64d224b235b8b33ce289' })))));
     }
     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-fddb3ec1.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-1f2176b1.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
 import { g as getLocaleString } from './p-d9b2e80e.js';
 import { g as getColorByName } from './p-499da71e.js';
@@ -54,11 +54,11 @@ const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumbs
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: 'de5bf9664c5f5ab572fce45bc993713510474cb0' }, h("nav", { key: 'ffd74db147e85616f7e10428bfe537179b168e58', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: '6e650879eddb8fcb225b17f12a41ba4836cc3fbe' }, h("nav", { key: 'ac3a235fd392e9cb00e493312526c01dfeaf4379', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: '06d6391d9154c82c9ba8e8c3c4c098f40ea862bc', class: "container" }, h("div", { key: '6e14f970ac38086d9874b6a5fb68c43036891658', role: "list", class: "list", style: { color } }, h("slot", { key: '8d97e7c891b2b78f0efff2e4993ef71a831e062d' })), h("div", { key: '915ea715ad6bbdf67320744cd8e2df75af1a082f', class: "bottom-border bottom-border--container" })), h("div", { key: '8d416d6fca5363df5bd6d1d82b1aad4274588cd8', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: '6a3d880402188ad4a7929cb0e4c8917dc60c8c4e', class: "container" }, h("div", { key: 'bb053ec6b0ae87f09f66ebeb38b2c9769e27d525', role: "list", class: "list", style: { color } }, h("slot", { key: '46d9ce4b6a18eb83f52b33067614efd6d5b798b5' })), h("div", { key: '1fbac06ea41a81f62a2574676cd1738572d17327', class: "bottom-border bottom-border--container" })), h("div", { key: 'd762fd5644e210ddcbdb2ae8f93b028254e1293b', 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-65300e85.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-66c6751e.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-fddb3ec1.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-1f2176b1.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$2 } from './p-d5c72ea3.js';
+import { d as defineCustomElement$2 } from './p-dd16af35.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}:host(.duet-theme-turva2) .duet-callout.duet-theme-turva .author,:host(.duet-theme-turva2) .duet-callout.duet-theme-turva blockquote{color:#172a3b}";
 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: '85f99d167ac281ddceb8a8a69da07d854be973f7' }, h("div", { key: '14ccbc1c5d5f56368fefdcfa8ac2b48f46c3e0b7', class: {
+        return (h(Host, { key: '51d88bf47fa6dd7c93c69184bdc3bee596dddf09' }, h("div", { key: '4719f4e4bfc4ae0f11d8950c5039d290097710bf', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: 'fe2a9c932a02907cda19e0f258e36a1c5a83a1bc', class: "container" }, h("duet-icon", { key: 'f9ddcf0c22344b4490cd3433e4d85e644a8b4e63', 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: '11b22131f070c316b6cadd833f0fb5d12bf0ed4a' }, h("slot", { key: '6448a4a8b760c12a583b4454c183f32c26a8e4cf' })), this.hasAuthorSlot && (h("figcaption", { key: '3d98ce3b4e9a1d81ba99d1c8cbb38eacc91bb2d0', class: "author" }, h("span", { key: '9a8f0ab6cbeba79793fbc1926924e4d4acc3cf5b' }, "\u2014 "), h("slot", { key: '928a1113e8f44b3f6439a9ce1ec5f96771b95270', name: "author" })))))));
+            } }, h("figure", { key: '2a56ac7e93a32bb0c81ec60c5e1ca9f657a47726', class: "container" }, h("duet-icon", { key: '59ecda6ea09d0286d5917904ce4b9b0d47abc65a', 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: 'c67e199bd4cef08dd3ad337f906de20ec67e0e84' }, h("slot", { key: 'bb64a939ab2e5f92e329da0af6a67fc3d5a5af07' })), this.hasAuthorSlot && (h("figcaption", { key: '29ebc5c818ede819d058a3d4e9b93d0e57fd4ecf', class: "author" }, h("span", { key: '0a61a2a2cdda4a9fa60dc8e4ba1d51a2a61ae1aa' }, "\u2014 "), h("slot", { key: '08b1248c915dfcd2c5491864e14fee6df303460e', 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-dc970fdb.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-5ee14292.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-fddb3ec1.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-1f2176b1.js';
 import { i as inheritGlobalTheme } from './p-3757c660.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-499da71e.js';
-import { d as defineCustomElement$3 } from './p-d5c72ea3.js';
-import { d as defineCustomElement$2 } from './p-db2b09ab.js';
+import { d as defineCustomElement$3 } from './p-dd16af35.js';
+import { d as defineCustomElement$2 } from './p-31316d91.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";
@@ -51,6 +51,7 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
         this.headingLevel = "h2";
         this.headingBackground = undefined;
         this.icon = undefined;
+        this.iconColor = "currentColor";
         this.image = undefined;
         this.background = "gray-lightest";
         this.padding = "small";
@@ -80,7 +81,7 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
         const headingStyles = {
             backgroundColor: getColorByName(this.headingBackground),
         };
-        const headingContent = (h(Fragment, null, h("div", { class: "duet-card-heading-grid" }, this.icon && (h(Fragment, null, h("duet-icon", { class: "duet-card-icon", name: this.icon, size: "medium", margin: "none", color: "currentColor" }), h("duet-spacer", { direction: "horizontal", size: "small" }))), h("div", { class: "duet-card-heading-text" }, this.heading ? this.heading : h("slot", { name: "heading" })), this.secondaryHeading && (h(Fragment, null, h("duet-spacer", { direction: "horizontal", size: "small" }), h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--inline" }, this.secondaryHeading))), this.collapsible && (h(Fragment, null, h("duet-spacer", { direction: "horizontal", size: "small" }), h("duet-icon", { class: "duet-card-caret", icon: actionArrowUp.svg, size: "small", margin: "none", color: "currentColor" })))), this.secondaryHeading && (h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--new-line" }, this.secondaryHeading)), h("slot", { name: "below-heading" })));
+        const headingContent = (h(Fragment, null, h("div", { class: "duet-card-heading-grid" }, this.icon && (h(Fragment, null, h("duet-icon", { class: "duet-card-icon", name: this.icon, size: "medium", margin: "none", color: this.iconColor }), h("duet-spacer", { direction: "horizontal", size: "small" }))), h("div", { class: "duet-card-heading-text" }, this.heading ? this.heading : h("slot", { name: "heading" })), this.secondaryHeading && (h(Fragment, null, h("duet-spacer", { direction: "horizontal", size: "small" }), h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--inline" }, this.secondaryHeading))), this.collapsible && (h(Fragment, null, h("duet-spacer", { direction: "horizontal", size: "small" }), h("duet-icon", { class: "duet-card-caret", icon: actionArrowUp.svg, size: "small", margin: "none", color: "currentColor" })))), this.secondaryHeading && (h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--new-line" }, this.secondaryHeading)), h("slot", { name: "below-heading" })));
         if (this.collapsible) {
             const ariaLabel = (_a = getElementsFromNamedSlot(this.element, "heading")) === null || _a === void 0 ? void 0 : _a.map(e => e.textContent).join(" ");
             return (h(HeadingTag, { style: headingStyles, class: "duet-card-heading duet-card-heading--collapsible", onClick: this.togglePanel, onKeyDown: this.handleKeyDown }, h("button", { type: "button", "aria-controls": this.cardId, "aria-expanded": this.open ? "true" : "false", "aria-label": ariaLabel }, headingContent)));
@@ -108,10 +109,10 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
         const styles = {
             backgroundColor: getColorByName(this.background),
         };
-        return (h(Host, { key: '611705991716b0c002889bf3a9e980f8da1d95f0', class: {
+        return (h(Host, { key: 'b229fd28e5e5058ba357db373f25c9de68dc2694', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, h(TagName, { key: '89e99da5b6adc642345ba6f7a21c7081b9d4e9f3', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, h(TagName, { key: 'b80082cae6d0e4d564bc1eca68f57749b6975e0e', 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 +122,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: '0aa60ed3e1bebc94ee7842d3982256c9373aa516', class: "duet-card-image-mask" }, h("img", { key: '84e7c1f6a0b6c9132ec82041fad87cc4577d6b1e', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: 'f86cc5808fdc33c29d5c1aeaa20de6b840b9bb87', class: "duet-card-content", id: this.cardId }, h("slot", { key: '5fb3cbdad3362c23720c00b1cc3a37c6e7c0df7a' }), this.hasFooter && (h("div", { key: '469c322c7f5b971194563825844cd26f854f7a4d', class: "duet-card-footer" }, h("slot", { key: '8a72444bea6b916c253e8aa87967046338e690ee', name: "footer" })))))));
+            } }, this.image && (h("div", { key: 'c4c9c8772d432e52fb78f2bf0a457d4a026d6b3a', class: "duet-card-image-mask" }, h("img", { key: '828ed65b312a0e50257adfa39f25307b13e7d51a', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: '081d59770bc88f9b7bd2a9b25d0bf905ea0d141b', class: "duet-card-content", id: this.cardId }, h("slot", { key: 'ad92895c2eea7a7697bd4924165656e72ee9b1da' }), this.hasFooter && (h("div", { key: '9a920473b4242e87a36032511f982b3e890df463', class: "duet-card-footer" }, h("slot", { key: '41350a63089d579579bca4454a1fcbc27a60b445', name: "footer" })))))));
     }
     get element() { return this; }
     static get style() { return DuetCardStyle0; }
@@ -135,6 +136,7 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
         "headingLevel": [1, "heading-level"],
         "headingBackground": [1, "heading-background"],
         "icon": [1],
+        "iconColor": [513, "icon-color"],
         "image": [1],
         "background": [1],
         "padding": [1],

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-10893657.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-9efbcc67.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-778364d6.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-a20321ec.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-25f8ea4b.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-e371f35d.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-fddb3ec1.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-1f2176b1.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
 import { c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$8 } from './p-dc970fdb.js';
-import { d as defineCustomElement$7 } from './p-3883f329.js';
-import { d as defineCustomElement$6 } from './p-d5c72ea3.js';
-import { d as defineCustomElement$5 } from './p-f290964d.js';
-import { d as defineCustomElement$4 } from './p-f479ee47.js';
-import { d as defineCustomElement$3 } from './p-85f0068e.js';
-import { d as defineCustomElement$2 } from './p-36f6ec52.js';
+import { d as defineCustomElement$8 } from './p-5ee14292.js';
+import { d as defineCustomElement$7 } from './p-9dc1ec50.js';
+import { d as defineCustomElement$6 } from './p-dd16af35.js';
+import { d as defineCustomElement$5 } from './p-ea21cb5d.js';
+import { d as defineCustomElement$4 } from './p-6b02ba40.js';
+import { d as defineCustomElement$3 } from './p-62a4796f.js';
+import { d as defineCustomElement$2 } from './p-d3345442.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;
@@ -21,6 +21,16 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
         this.__registerHost();
         this.choiceGroupName = "duet-choice-group";
         this.choices = new Set();
+        // Call this.updateChoices when a child choice has been removed - addtions are handled by events
+        this.childObserverCallback = (mutationList) => {
+            if (mutationList.some(r => {
+                var _a;
+                return ((_a = r.removedNodes) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+                    Array.from(r.removedNodes.values()).some(n => n.nodeName.toLowerCase() === "duet-choice");
+            })) {
+                this.updateChoices();
+            }
+        };
         /**
          * Component event handling.
          */
@@ -33,16 +43,7 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
                 this.value = selectedChoice.value;
             }
         };
-        this.onChoiceReady = (ev) => {
-            const choice = ev.target;
-            if (choice.closest("duet-choice-group") === this.element && !this.choices.has(choice)) {
-                this.choices.add(choice);
-                this.updateChoices();
-            }
-        };
-        this.onChoiceRemove = (ev) => {
-            const choice = ev.target;
-            this.choices.delete(choice);
+        this.onChoiceReady = () => {
             this.updateChoices();
         };
         this.direction = "vertical";
@@ -71,13 +72,15 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
      * Component lifecycle events.
      */
     async connectedCallback() {
+        this.childObserver = new MutationObserver(this.childObserverCallback.bind(this));
+        this.childObserver.observe(this.element, { childList: true, subtree: true });
         this.setInitialValue();
         this.updateChoices();
     }
     disconnectedCallback() {
-        if (this.mutationO) {
-            this.mutationO.disconnect();
-            this.mutationO = undefined;
+        if (this.childObserver) {
+            this.childObserver.disconnect();
+            this.childObserver = undefined;
         }
     }
     componentWillLoad() {
@@ -104,6 +107,12 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
         var _a;
         const value = (_a = this.value) !== null && _a !== void 0 ? _a : this.initialValue;
         let hasChecked = false;
+        this.choices.clear();
+        this.element.querySelectorAll("duet-choice").forEach((choice) => {
+            if (choice.closest("duet-choice-group") === this.element) {
+                this.choices.add(choice);
+            }
+        });
         // Walk the DOM in reverse order, since the last selected one wins
         for (const choice of Array.from(this.choices)) {
             choice.name = this.name;
@@ -135,7 +144,7 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
+        return (h(Host, { onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, class: {
                 horizontal: this.direction === "horizontal",
                 "duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
                 "duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",

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-fddb3ec1.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1f2176b1.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
-import { D as DuetStringsExternalDefaults } from './p-9b044291.js';
+import { a as DuetStringsExternalDefaults } from './p-b7a93f1c.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-d9b2e80e.js';
 import { h as hasSlot } from './p-f21662ea.js';
-import { d as defineCustomElement$4 } from './p-dc970fdb.js';
-import { d as defineCustomElement$3 } from './p-d5c72ea3.js';
-import { d as defineCustomElement$2 } from './p-db2b09ab.js';
+import { d as defineCustomElement$4 } from './p-5ee14292.js';
+import { d as defineCustomElement$3 } from './p-dd16af35.js';
+import { d as defineCustomElement$2 } from './p-31316d91.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>"};
 
@@ -22,7 +22,6 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoice extends H
         super();
         this.__registerHost();
         this.duetChoiceReady = createEvent(this, "duetChoiceReady", 7);
-        this.duetChoiceRemove = createEvent(this, "duetChoiceRemove", 7);
         this.duetChange = createEvent(this, "duetChange", 7);
         this.duetFocus = createEvent(this, "duetFocus", 7);
         this.duetBlur = createEvent(this, "duetBlur", 7);
@@ -173,7 +172,6 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoice extends H
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
         unsubscribeTabbingChange(this);
-        this.duetChoiceRemove.emit();
     }
     /**
      * Sets focus on the specified `duet-choice`. Use this method instead of the global

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-fddb3ec1.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1f2176b1.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-eb60efcc.js';
 import { i as inheritGlobalTheme } from './p-3757c660.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-dc970fdb.js';
-import { d as defineCustomElement$2 } from './p-d5c72ea3.js';
+import { d as defineCustomElement$3 } from './p-5ee14292.js';
+import { d as defineCustomElement$2 } from './p-dd16af35.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)}:host(.duet-theme-turva2){color:#172a3b}:host(.duet-theme-turva2) .duet-collapsible-content.duet-theme-turva,:host(.duet-theme-turva2) .duet-collapsible-heading.duet-theme-turva{color:rgb(23, 28, 58)}";
 const DuetCollapsibleStyle0 = duetCollapsibleCss;

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-fddb3ec1.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-1f2176b1.js';
 import { i as inheritGlobalTheme } from './p-3757c660.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-65300e85.js';
-import { d as defineCustomElement$e } from './p-dc970fdb.js';
-import { d as defineCustomElement$d } from './p-25f8ea4b.js';
-import { d as defineCustomElement$c } from './p-d5c72ea3.js';
-import { d as defineCustomElement$b } from './p-cc1b78ce.js';
-import { d as defineCustomElement$a } from './p-3471fa90.js';
-import { d as defineCustomElement$9 } from './p-d04e213c.js';
-import { d as defineCustomElement$8 } from './p-ee948dc8.js';
-import { d as defineCustomElement$7 } from './p-db2b09ab.js';
-import { d as defineCustomElement$6 } from './p-9f715fa9.js';
-import { d as defineCustomElement$5 } from './p-f290964d.js';
-import { d as defineCustomElement$4 } from './p-f479ee47.js';
-import { d as defineCustomElement$3 } from './p-85f0068e.js';
-import { d as defineCustomElement$2 } from './p-36f6ec52.js';
+import { d as defineCustomElement$f } from './p-66c6751e.js';
+import { d as defineCustomElement$e } from './p-5ee14292.js';
+import { d as defineCustomElement$d } from './p-e371f35d.js';
+import { d as defineCustomElement$c } from './p-dd16af35.js';
+import { d as defineCustomElement$b } from './p-6098c129.js';
+import { d as defineCustomElement$a } from './p-2fa067ff.js';
+import { d as defineCustomElement$9 } from './p-4b8be370.js';
+import { d as defineCustomElement$8 } from './p-15d1bb49.js';
+import { d as defineCustomElement$7 } from './p-31316d91.js';
+import { d as defineCustomElement$6 } from './p-35af6d7a.js';
+import { d as defineCustomElement$5 } from './p-ea21cb5d.js';
+import { d as defineCustomElement$4 } from './p-6b02ba40.js';
+import { d as defineCustomElement$3 } from './p-62a4796f.js';
+import { d as defineCustomElement$2 } from './p-d3345442.js';
 
 const DuetComboBoxSelect = ({ item, activeDescendant, selected, label = undefined, clickHandler = e => {
     e.preventDefault();