@duetds/components 9.2.4 → 9.2.5

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

@@ -79,20 +79,20 @@ button {
   cursor: pointer;
 }
 
-.duet-link-is-external.duet-link:not(.block, .button),
-.duet-link-is-download.duet-link:not(.block, .button) {
+.duet-link-is-external.duet-link:not(.block, .button, .card),
+.duet-link-is-download.duet-link:not(.block, .button, .card) {
   text-decoration: none;
 }
-.duet-link-is-external.duet-link:not(.block, .button) .duet-link-content,
-.duet-link-is-download.duet-link:not(.block, .button) .duet-link-content {
+.duet-link-is-external.duet-link:not(.block, .button, .card) .duet-link-content,
+.duet-link-is-download.duet-link:not(.block, .button, .card) .duet-link-content {
   text-decoration: underline;
 }
-.duet-link-is-external.duet-link:not(.block, .button):hover > .duet-link-content,
-.duet-link-is-download.duet-link:not(.block, .button):hover > .duet-link-content {
+.duet-link-is-external.duet-link:not(.block, .button, .card):hover > .duet-link-content,
+.duet-link-is-download.duet-link:not(.block, .button, .card):hover > .duet-link-content {
   text-decoration: none;
 }
-.duet-link-is-external.duet-link:not(.block, .button) .duet-link-icon-tail,
-.duet-link-is-download.duet-link:not(.block, .button) .duet-link-icon-tail {
+.duet-link-is-external.duet-link:not(.block, .button, .card) .duet-link-icon-tail,
+.duet-link-is-download.duet-link:not(.block, .button, .card) .duet-link-icon-tail {
   text-decoration: none;
   white-space: nowrap;
 }
@@ -167,7 +167,8 @@ button {
   transform: translateX(4px);
 }
 
-.duet-link.button {
+.duet-link.button,
+.duet-link.card {
   display: flex;
   gap: 12px;
   align-items: center;
@@ -183,10 +184,12 @@ button {
   outline-offset: -2px;
   transition: all 300ms ease;
 }
-.duet-link.button > * {
+.duet-link.button > *,
+.duet-link.card > * {
   flex-shrink: 0;
 }
-.duet-link.button .duet-link-content {
+.duet-link.button .duet-link-content,
+.duet-link.card .duet-link-content {
   flex-grow: 1;
   flex-shrink: 1;
   font-size: 1rem;
@@ -194,57 +197,119 @@ button {
   color: rgb(8, 42, 77);
   text-align: left;
 }
-.duet-link.button .icon-wrap {
+.duet-link.button .icon-wrap,
+.duet-link.card .icon-wrap {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.duet-link.button.duet-link-has-icon-background {
+.duet-link.button.duet-link-has-icon-background,
+.duet-link.card.duet-link-has-icon-background {
   min-height: 60px;
   padding: 12px;
   padding-right: 20px;
   line-height: 1.5;
 }
-.duet-link.button.duet-link-has-icon-background .icon-wrap {
+.duet-link.button.duet-link-has-icon-background .icon-wrap,
+.duet-link.card.duet-link-has-icon-background .icon-wrap {
   width: 36px;
   height: 36px;
   border-radius: 8px;
 }
-.duet-link.button:hover {
+.duet-link.button:hover,
+.duet-link.card:hover {
   border-color: rgb(0, 119, 179);
   outline: 2px solid rgb(0, 119, 179);
 }
 @media (min-width: 48em) {
-  .duet-link.button {
+  .duet-link.button,
+  .duet-link.card {
     min-height: 50px;
   }
-  .duet-link.button.duet-link-has-icon-background {
+  .duet-link.button.duet-link-has-icon-background,
+  .duet-link.card.duet-link-has-icon-background {
     gap: 16px;
     min-height: 72px;
     border-radius: 16px;
   }
-  .duet-link.button.duet-link-has-icon-background .icon-wrap {
+  .duet-link.button.duet-link-has-icon-background .icon-wrap,
+  .duet-link.card.duet-link-has-icon-background .icon-wrap {
     width: 48px;
     height: 48px;
     border-radius: 12px;
   }
-  .duet-link.button.duet-link-has-icon-background .duet-link-content {
+  .duet-link.button.duet-link-has-icon-background .duet-link-content,
+  .duet-link.card.duet-link-has-icon-background .duet-link-content {
     font-size: 1.1rem;
   }
 }
-.duet-link.button.duet-theme-turva {
+.duet-link.button.duet-theme-turva,
+.duet-link.card.duet-theme-turva {
   border-color: rgb(199, 202, 207);
 }
-.duet-link.button.duet-theme-turva .duet-link-content {
+.duet-link.button.duet-theme-turva .duet-link-content,
+.duet-link.card.duet-theme-turva .duet-link-content {
   color: rgb(23, 28, 58);
 }
-.duet-link.button.duet-theme-turva:hover {
+.duet-link.button.duet-theme-turva:hover,
+.duet-link.card.duet-theme-turva:hover {
   border-color: rgb(198, 12, 48);
   outline-color: rgb(198, 12, 48);
 }
-.duet-link.button .block__chevron-icon {
+.duet-link.button .block__chevron-icon,
+.duet-link.card .block__chevron-icon {
   transition: 300ms ease;
 }
-.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon {
+.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,
+.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon {
   transform: translateX(4px);
+}
+
+.duet-link.card {
+  border-color: rgb(228, 236, 239);
+  box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
+}
+.duet-link.card.duet-theme-turva {
+  border-color: rgb(234, 235, 239);
+  box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13);
+}
+.duet-link.card:not(.duet-link-has-icon) {
+  gap: 12px;
+  padding: 16px;
+}
+.duet-link.card .chevron-wrap {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.duet-link.card.duet-link-has-icon {
+  gap: 12px;
+  align-items: flex-start;
+  padding: 16px;
+}
+.duet-link.card.duet-link-has-icon .icon-wrap {
+  width: 48px;
+  height: 48px;
+  border-radius: 12px;
+}
+.duet-link.card.duet-link-has-icon .chevron-wrap {
+  height: 48px;
+}
+@media (min-width: 48em) {
+  .duet-link.card:not(.duet-link-has-icon) {
+    gap: 20px;
+    padding: 24px;
+  }
+  .duet-link.card.duet-link-has-icon {
+    gap: 20px;
+    padding: 24px;
+  }
+  .duet-link.card.duet-link-has-icon .icon-wrap {
+    width: 62px;
+    height: 62px;
+    border-radius: 16px;
+  }
+  .duet-link.card.duet-link-has-icon .chevron-wrap {
+    height: 62px;
+  }
 }

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

@@ -79,6 +79,7 @@ export class DuetLink {
         this.mediaQuerySmall = window.matchMedia(breakpointToToken["xx-small"]);
         this.mediaQueryMedium = window.matchMedia(breakpointToToken["medium"]);
         this.isSmallScreen = this.mediaQuerySmall.matches;
+        this.isMediumScreen = this.mediaQueryMedium.matches;
         this.mediaQuerySmall.addEventListener("change", this.screenTestBound);
         this.mediaQueryMedium.addEventListener("change", this.screenTestBound);
     }
@@ -95,6 +96,7 @@ export class DuetLink {
     }
     screenTest(event) {
         this.isSmallScreen = event.matches;
+        this.isMediumScreen = event.matches;
     }
     resolveDownload() {
         if (this.download === "") {
@@ -110,11 +112,17 @@ export class DuetLink {
     renderBlockContent() {
         return (h(Fragment, null, this.icon && (h("span", { class: "block__icon" }, h("duet-icon", { size: this.iconResponsive ? (this.isSmallScreen ? "medium" : "large") : "x-small", name: this.icon, margin: "none", color: this.iconColor }))), h("span", { class: "block__content" }, this.renderDefaultContent()), h("span", { class: "block__chevron", part: "block-chevron" }, h("duet-icon", { class: "block__chevron-icon", icon: this.external ? newWindowIconLarge.svg : chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
     }
-    renderButtonContent() {
+    renderButtonCardContent() {
         const iconWrapStyle = {
             "background-color": getColorByName(this.iconBackground, this.theme),
         };
-        return (h(Fragment, null, h("span", { class: "icon-wrap", style: iconWrapStyle }, h("duet-icon", { size: !this.iconBackground || this.isMediumScreen ? "small" : "medium", name: this.icon, margin: "none", color: this.iconColor })), h("span", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), h("duet-icon", { class: "block__chevron-icon", icon: this.external ? newWindowIconLarge.svg : chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" })));
+        const iconSize = () => {
+            if (this.variation === "button") {
+                return this.iconBackground && this.isMediumScreen ? "medium" : "small";
+            }
+            return this.isMediumScreen ? "large" : "medium";
+        };
+        return (h(Fragment, null, this.icon && (h("span", { class: "icon-wrap", style: iconWrapStyle }, h("duet-icon", { size: iconSize(), name: this.icon, margin: "none", color: this.iconColor }))), h("div", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), h("span", { class: "chevron-wrap" }, h("duet-icon", { class: "block__chevron-icon", icon: this.external ? newWindowIconLarge.svg : chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
     }
     renderContent() {
         switch (this.variation) {
@@ -123,7 +131,8 @@ export class DuetLink {
             case "block":
                 return this.renderBlockContent();
             case "button":
-                return this.renderButtonContent();
+            case "card":
+                return this.renderButtonCardContent();
         }
     }
     /**
@@ -133,10 +142,10 @@ export class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: 'aad1a5cfaf3fb8d502c12de032a4fed3069f3927', class: {
+        return (h(Host, { key: '2025edd3774d559f0d6877498e0a806532fb310c', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: 'c4dc2d9716f29769b6aa60d07788ab96b4946f15', href: this.url, class: {
+            } }, h(Tag, { key: 'ee013e25058fdfe22cf04784e06162181b9ff5a2', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -169,7 +178,7 @@ export class DuetLink {
                 "mutable": false,
                 "complexType": {
                     "original": "DuetLinkVariation",
-                    "resolved": "\"block\" | \"button\" | \"default\"",
+                    "resolved": "\"block\" | \"button\" | \"card\" | \"default\"",
                     "references": {
                         "DuetLinkVariation": {
                             "location": "import",

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

@@ -32,6 +32,7 @@
 .duet-notification {
   display: block;
   padding: 16px;
+  padding-bottom: 0;
   cursor: pointer;
 }
 :host(:first-of-type) .duet-notification {
@@ -78,6 +79,7 @@
 .duet-notification-container {
   position: relative;
   display: flex;
+  padding-bottom: 16px;
   border-bottom: 1px solid rgb(212, 223, 229);
 }
 
@@ -131,6 +133,7 @@
     opacity: 1;
   }
   .duet-notification {
+    padding: 16px;
     border-bottom: 1px solid rgb(212, 223, 229);
   }
   .duet-notification:hover {
@@ -141,6 +144,7 @@
     background: rgb(240, 247, 250);
   }
   .duet-notification-container {
+    padding-bottom: 0;
     border-bottom-style: none;
   }
 }

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

@@ -31,7 +31,7 @@ export class DuetNumberInput {
                 this.subtract(ev);
             }
             else if (isBackspaceKey(ev)) {
-                this.clearValue();
+                this.clearValue(ev);
             }
         };
         this.handleChange = (ev) => {
@@ -53,6 +53,9 @@ export class DuetNumberInput {
                     });
                 }
                 catch (e) {
+                    if (input.value !== "-") {
+                        this.clearValue(ev);
+                    }
                     this.duetInput.emit({
                         component: "duet-number-input",
                         originalEvent: ev,
@@ -266,9 +269,12 @@ export class DuetNumberInput {
         const currentValue = SafeParseFloat(this.value, this.locale);
         return this.value === undefined || this.value === null || isNaN(currentValue) ? null : currentValue;
     }
-    clearValue() {
-        this.value = null;
+    clearValue(ev) {
         this.duetInputElement.value = "";
+        if (this.value !== null) {
+            this.value = null;
+            this.emitNull(ev);
+        }
     }
     formatAnnouncement() {
         const current = !!this.value ? SafeParseFloat(this.value, this.locale) : null;

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

@@ -67,9 +67,10 @@ export class DuetPopupMenu {
         return this._controller;
     }
     set controller(value) {
-        if (this.controller === value) {
+        if (this._controller === value) {
             return;
         }
+        this._controller = value;
         if (typeof value === "string") {
             this.setOpenButton(document.getElementById(value));
             if (this.openButton) {
@@ -129,7 +130,6 @@ export class DuetPopupMenu {
         if (this.open) {
             // When Esc is pressed the menu should be closed
             if (isEscapeKey(evt)) {
-                this.focusOpenButton();
                 this.hide();
             }
         }
@@ -237,7 +237,7 @@ export class DuetPopupMenu {
             }
             setTimeout(() => {
                 if (this.accessibleRole === "menu") {
-                    this.focusOpenButton();
+                    focusElement(this.openButton);
                 }
                 this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
                 if (this.accessibleRole !== "listbox") {
@@ -246,11 +246,6 @@ export class DuetPopupMenu {
             }, 200);
         }
     }
-    focusOpenButton() {
-        if (this.open) {
-            focusElement(this.openButton);
-        }
-    }
     get itemElements() {
         return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"));
     }
@@ -270,9 +265,9 @@ export class DuetPopupMenu {
             position: this.position,
             overflowY: "auto",
         };
-        return (h(Host, { key: '1573445d7c27f2e19d2ce614aba54a6af305ff86' }, h("div", { key: '15d45b18fb7164b94698327e601076a3f51b1216', ref: element => {
+        return (h(Host, { key: '6f01f7eafea79d3c69ef598afc5a20855221f9c2' }, h("div", { key: '36e0125cb273a008f3db4931f74102df5ef34e98', ref: element => {
                 this.menuElement = element;
-            }, style: styles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, h("slot", { key: 'ea1ea99244036c122bb61dff60cb09c0b4393979' }))));
+            }, style: styles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, h("slot", { key: '90f75ecc2d205e0dcf4277e45607e177c5d8ea30' }))));
     }
     static get is() { return "duet-popup-menu"; }
     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-b2e2b6dc.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-cefeff34.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-3b812ded.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-7afc4806.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-1cd26b78.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-7c94fabf.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-6142f327.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-0c33376d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h } from './p-993aea39.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-8b3decf2.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-9fa78368.js';
-import { d as defineCustomElement$3 } from './p-34992550.js';
-import { d as defineCustomElement$2 } from './p-91c13425.js';
+import { d as defineCustomElement$3 } from './p-14cf0405.js';
+import { d as defineCustomElement$2 } from './p-66e2fc31.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-6142f327.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-0c33376d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.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-91c13425.js';
-import { d as defineCustomElement$2 } from './p-8b3f67c1.js';
+import { d as defineCustomElement$3 } from './p-66e2fc31.js';
+import { d as defineCustomElement$2 } from './p-4ed3e96b.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>"};
 

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-6142f327.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-0c33376d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getLocaleString } from './p-35375593.js';
 import { g as getColorByName } from './p-9fa78368.js';

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-905ec46b.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-40537c50.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-6142f327.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-0c33376d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-8b3decf2.js';
-import { d as defineCustomElement$2 } from './p-91c13425.js';
+import { d as defineCustomElement$2 } from './p-66e2fc31.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;

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-c7c1a1b2.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-1fc83053.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-6142f327.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-0c33376d.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-ca700701.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-9fa78368.js';
-import { d as defineCustomElement$3 } from './p-91c13425.js';
-import { d as defineCustomElement$2 } from './p-8b3f67c1.js';
+import { d as defineCustomElement$3 } from './p-66e2fc31.js';
+import { d as defineCustomElement$2 } from './p-4ed3e96b.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";

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-9b7883f9.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-355cf1a0.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-7ead8f48.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-8aa90244.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-7e2739b2.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-d87c57a6.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-6142f327.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-0c33376d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as checkNamedSlotElement } from './p-8b3decf2.js';
-import { d as defineCustomElement$8 } from './p-c7c1a1b2.js';
-import { d as defineCustomElement$7 } from './p-d53e4d53.js';
-import { d as defineCustomElement$6 } from './p-91c13425.js';
-import { d as defineCustomElement$5 } from './p-9fe78f80.js';
-import { d as defineCustomElement$4 } from './p-01dc62e0.js';
-import { d as defineCustomElement$3 } from './p-c9787e5e.js';
-import { d as defineCustomElement$2 } from './p-18b56e3d.js';
+import { d as defineCustomElement$8 } from './p-1fc83053.js';
+import { d as defineCustomElement$7 } from './p-7392954a.js';
+import { d as defineCustomElement$6 } from './p-66e2fc31.js';
+import { d as defineCustomElement$5 } from './p-25ae787d.js';
+import { d as defineCustomElement$4 } from './p-a584dec5.js';
+import { d as defineCustomElement$3 } from './p-154e23a4.js';
+import { d as defineCustomElement$2 } from './p-fde3372c.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-6142f327.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-0c33376d.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-ca700701.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { h as hasSlot } from './p-8b3decf2.js';
-import { d as defineCustomElement$4 } from './p-c7c1a1b2.js';
-import { d as defineCustomElement$3 } from './p-91c13425.js';
-import { d as defineCustomElement$2 } from './p-8b3f67c1.js';
+import { d as defineCustomElement$4 } from './p-1fc83053.js';
+import { d as defineCustomElement$3 } from './p-66e2fc31.js';
+import { d as defineCustomElement$2 } from './p-4ed3e96b.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>"};