@duetds/components 10.0.0-alpha.4 → 10.0.0-alpha.6

package/lib/cjs/duet-tooltip.cjs.entry.js

@@ -5,14 +5,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-48792b1c.js');
 const tokens = require('./tokens-57e06fe4.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-806e7c53.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-de99a5da.js');
-const slotUtils = require('./slot-utils-0a5c7c03.js');
+const languageUtils = require('./language-utils-0b533bd8.js');
+const slotUtils = require('./slot-utils-bc9e866f.js');
 require('./string-utils-7b13c16e.js');
 
 const duetTooltipCss = "*,*::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;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button{position:relative}duet-tooltip-popup{position:absolute}";

package/lib/cjs/duet-tray.cjs.entry.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-48792b1c.js');
 const tokens_module = require('./tokens.module-7c947029.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-de99a5da.js');
+const languageUtils = require('./language-utils-0b533bd8.js');
 require('./string-utils-7b13c16e.js');
 
 const duetTrayCss = "*,*::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;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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;line-height:1.5;color:rgb(8, 42, 77);visibility:hidden;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.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);background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(222, 224, 228)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}";

package/lib/cjs/duet-upload-aria-status.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-48792b1c.js');
 
 const DuetUploadAriaStatus = class {
     constructor(hostRef) {

package/lib/cjs/duet-upload-item.cjs.entry.js

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-48792b1c.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const languageUtils = require('./language-utils-de99a5da.js');
-const errorcodes_utils = require('./errorcodes.utils-62e9ce86.js');
+const languageUtils = require('./language-utils-0b533bd8.js');
+const errorcodes_utils = require('./errorcodes.utils-042e73b2.js');
 require('./string-utils-7b13c16e.js');
 
 const formatBytes = (bytes, decimals = 2) => {

package/lib/cjs/duet-visually-hidden.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
+const index = require('./index-48792b1c.js');
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
 const DuetVisuallyHiddenStyle0 = duetVisuallyHiddenCss;

package/lib/cjs/duet.cjs.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
-const appGlobals = require('./app-globals-087a6bf3.js');
+const index = require('./index-48792b1c.js');
+const appGlobals = require('./app-globals-ed8b5106.js');
 
 /*
  Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com

package/lib/cjs/{errorcodes.utils-62e9ce86.js → errorcodes.utils-042e73b2.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const languageUtils = require('./language-utils-de99a5da.js');
+const languageUtils = require('./language-utils-0b533bd8.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 
 const getError = (code, errorCodes) => {

package/lib/cjs/{focus-utils-d551f3ab.js → focus-utils-79683b7f.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-b496e711.js');
+const index = require('./index-48792b1c.js');
 
 const focusElement = (element) => {
     if ("setFocus" in element) {

package/lib/cjs/{index-b496e711.js → index-48792b1c.js}

@@ -25,7 +25,7 @@ function _interopNamespace(e) {
 
 const NAMESPACE = 'duet';
 const BUILD = /* duet */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: true, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: true, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: true, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
-const Env = /* duet */ {"cdnURILocal":"http://localhost:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"4.1.4"};
+const Env = /* duet */ {"cdnURILocal":"http://localhost:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"4.1.7"};
 
 /*
  Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com

package/lib/cjs/{label-65ad1748.js → label-d5b631b5.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-b496e711.js');
+const index = require('./index-48792b1c.js');
 
 const DuetInternalLabel = (props, children) => {
     const { theme = "", margin = "auto", size = "medium", weight = "semi-bold", color = "", id = "" } = props;

package/lib/cjs/{language-utils-de99a5da.js → language-utils-0b533bd8.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-b496e711.js');
+require('./index-48792b1c.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 
 const localeLookUpTable = {

package/lib/cjs/loader.cjs.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b496e711.js');
-const appGlobals = require('./app-globals-087a6bf3.js');
+const index = require('./index-48792b1c.js');
+const appGlobals = require('./app-globals-ed8b5106.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/lib/cjs/{slot-utils-0a5c7c03.js → slot-utils-bc9e866f.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-b496e711.js');
+require('./index-48792b1c.js');
 
 const getElementsFromNamedSlot = (element, slotName) => {
     const childElements = Array.from(element.querySelectorAll(":scope > *"));

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

@@ -27,9 +27,11 @@ export class DuetSlideout {
         };
         this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
         this.hasStickyHeaderSlot = false;
+        this.disconnectController = new AbortController();
+        this.eventListenerController = new AbortController();
         this.setOpenButton = (element, addClickListener = false) => {
-            if (this.openButton) {
-                this.openButton.removeEventListener("click", this.openButtonEventListener);
+            if (this.eventListenerController) {
+                this.eventListenerController.abort();
             }
             if (!element) {
                 this.openButton = undefined;
@@ -40,11 +42,16 @@ export class DuetSlideout {
                 button.accessiblePopup = "true";
                 button.accessibleExpanded = false;
                 this.openButton = button;
-                if (addClickListener) {
-                    this.openButton.addEventListener("click", this.openButtonEventListener);
+                if (addClickListener && !this.disconnectController.signal.aborted) {
+                    this.eventListenerController = new AbortController();
+                    this.openButton.addEventListener("click", this.openButtonEventListener, {
+                        signal: this.eventListenerController.signal,
+                    });
                 }
             }
-            catch (_e) { }
+            catch (e) {
+                console.error(e);
+            }
         };
         this.setStickHeaderStyleMutations = (clean = false) => {
             const stickyHeaderTabGroups = this.element.querySelectorAll('[slot="sticky-header"] duet-tab-group');
@@ -87,15 +94,11 @@ export class DuetSlideout {
         return this._opener;
     }
     set opener(value) {
-        if (this.opener === value) {
-            return;
-        }
-        this._opener = value;
-        if (typeof value === "string") {
-            this.setOpenButton(document.getElementById(value), true);
-        }
-        else {
-            this.setOpenButton(value);
+        const isString = typeof value === "string";
+        const element = isString ? document.getElementById(value) : value;
+        if (this.openButton !== element) {
+            this._opener = value;
+            this.setOpenButton(element, isString);
         }
     }
     /**
@@ -119,6 +122,9 @@ export class DuetSlideout {
         if (Build.isServer) {
             return;
         }
+        if (this.disconnectController && this.disconnectController.signal.aborted) {
+            this.disconnectController = new AbortController();
+        }
         if (!this.teleport) {
             this.teleport = new Teleport(this.element);
         }
@@ -126,10 +132,14 @@ export class DuetSlideout {
             this.teleport.activate();
         }
         this.setStickHeaderStyleMutations();
-        this.mutationObserver = new MutationObserver(() => {
-            this.openPanel = !!this.getOpenPanel();
-        });
-        this.mutationObserver.observe(this.element, { childList: true, attributeFilter: ["open"], subtree: true });
+        if (!this.mutationObserver) {
+            this.mutationObserver = new MutationObserver(() => {
+                this.openPanel = !!this.getOpenPanel();
+            });
+        }
+        if (this.mutationObserver) {
+            this.mutationObserver.observe(this.element, { childList: true, attributeFilter: ["open"], subtree: true });
+        }
     }
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
@@ -139,6 +149,9 @@ export class DuetSlideout {
         if (this.mutationObserver) {
             this.mutationObserver.disconnect();
         }
+        if (this.disconnectController) {
+            this.disconnectController.abort();
+        }
         this.setOpenButton(undefined);
         this.setStickHeaderStyleMutations(true);
     }
@@ -246,16 +259,16 @@ export class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (h(Host, { key: '41a80c4595a58da1bcd603e141e24292fc1424cf' }, h("div", { key: '5d7498bbf72f282746fbd98c6598cf0ef64c92fc', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '4c75f1d7efb902c5a085c764f1dd5bd3110690d7', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '02a46010735f650bd529528c654d14e9d86fd162', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (h(Host, { key: '42c8983f98cf777cfbd7a70b0f4c1e3cd983bb66' }, h("div", { key: '0fd2d759b3cfaaa3a5c7b88c703093b5394cabda', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '9166a3a8285c17b600e9ee548989f76543c8910c', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: 'b8b2faff3dd811eb75ae4b1b50e6184a4032227e', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, h(FocusGuard, { key: '336ede420dcd736609210a4f4420359d7d7408ad', moveFocusTo: this.closeButton }), h("div", { key: '992217114a78eb26370dd40654693f3b693dae36', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '2ee4c40418f711ec612e2b1ac9654af56fcd994a', class: "top" }, h("button", { key: '48660c605accd14f318102ece5bcf1b0ee2fecec', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: '992cd61cc0d1a993aed34868c53920ee57ff53f2', moveFocusTo: this.closeButton }), h("div", { key: 'c51f24b318ddfcbd6d66d11d89754727e1ca5cc6', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'a28ed0c3c76cbbc74f2ce91c2dfe990c580b726f', class: "top" }, h("button", { key: 'a90c836916a0f8aaafb0e6cb07a15af3c4dd1ba9', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
                 "slideout-close": true,
                 active: this.open,
-            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '8cd881f81db33a16072ef633bebfb5fc4faa7f17', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '3b1302d4a8e711ab31b6de50d23518f909cd5194', class: "sticky-header" }, h("slot", { key: 'eca82fca6e9b3eb68aad6092a799fa383f9172db', name: "sticky-header" }))), h("div", { key: 'e0c6e3c281d5a0451300675f7cc6fd808cd3382c', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '72b9de4e92241a00ea07ee46b840702ca6699009', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '4bbb6c68ea5e4eb7dc0a6c89b6ae15b5d39be136', class: "sticky-header" }, h("slot", { key: 'edb7bd63f2fd8119562cb40ccb67ffe9a5602fce', name: "sticky-header" }))), h("div", { key: '2f7d54ef9c8c7a049a65e773a3df564b563695a9', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: '7b2f64fb669a13f1122b71b3a1866d2e3ff71557' })), h(FocusGuard, { key: 'b6bbd2ef228796ced15b024c03457ab37c15478c', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '816188093c997dc2e3319e545dfc1f2557c42fbf' })), h(FocusGuard, { key: '61d0077a31aec388d7cbd19131f7519b97c38975', moveFocusTo: this.closeButton })))));
     }
     static get is() { return "duet-slideout"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tab-group/duet-tab-group.css

@@ -281,17 +281,29 @@
   padding-right: 0;
   padding-left: 0;
   margin-left: 0;
+  color: rgb(98, 121, 138);
   border-width: 0;
   border-radius: 0;
   transition: none;
 }
+.duet-tab-variation-plain .duet-tab-button:hover {
+  color: rgb(8, 42, 77);
+}
 .duet-tab-variation-plain .duet-tab-button.selected {
+  color: rgb(8, 42, 77);
   border-bottom: 2px solid rgb(0, 119, 179);
 }
 .duet-tab-variation-plain .duet-tab-button + .duet-tab-button {
   margin-left: 36px;
 }
+.duet-theme-turva.duet-tab-variation-plain .duet-tab-button {
+  color: rgb(113, 118, 132);
+}
+.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover {
+  color: rgb(51, 5, 20);
+}
 .duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected {
+  color: rgb(51, 5, 20);
   border-bottom: 2px solid rgb(198, 12, 48);
 }
 .duet-tab-variation-checked .duet-tab-button {

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-5ccb11e5.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-594296cd.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-fa0f5c3a.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-c622c1ed.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-69dae529.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-09eaf6d8.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-188506d4.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-e7a9cd6f.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h } from './p-993aea39.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-ad615991.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-0562173d.js';
-import { d as defineCustomElement$3 } from './p-a6f6eeea.js';
-import { d as defineCustomElement$2 } from './p-06932c23.js';
+import { d as defineCustomElement$3 } from './p-dc810c10.js';
+import { d as defineCustomElement$2 } from './p-fc8b19d7.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-188506d4.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.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-06932c23.js';
-import { d as defineCustomElement$2 } from './p-7307e4ef.js';
+import { d as defineCustomElement$3 } from './p-fc8b19d7.js';
+import { d as defineCustomElement$2 } from './p-6efe6bf7.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-188506d4.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getLocaleString } from './p-35375593.js';
 import { g as getColorByName } from './p-0562173d.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-ca6c91da.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-eb41ebec.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-188506d4.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-ad615991.js';
-import { d as defineCustomElement$2 } from './p-06932c23.js';
+import { d as defineCustomElement$2 } from './p-fc8b19d7.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-ceace5a5.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-5d23c028.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-188506d4.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-e7a9cd6f.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 { g as getElementsFromNamedSlot } from './p-ad615991.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-0562173d.js';
-import { d as defineCustomElement$3 } from './p-06932c23.js';
-import { d as defineCustomElement$2 } from './p-7307e4ef.js';
+import { d as defineCustomElement$3 } from './p-fc8b19d7.js';
+import { d as defineCustomElement$2 } from './p-6efe6bf7.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-bc8e5d5f.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-420f9ba6.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-3a8f6bf2.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-9304595f.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-09509e38.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-1cd70acd.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-188506d4.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as checkNamedSlotElement } from './p-ad615991.js';
-import { d as defineCustomElement$8 } from './p-ceace5a5.js';
-import { d as defineCustomElement$7 } from './p-b59d4ed8.js';
-import { d as defineCustomElement$6 } from './p-06932c23.js';
-import { d as defineCustomElement$5 } from './p-fbf7b0a3.js';
-import { d as defineCustomElement$4 } from './p-f08fd5ce.js';
-import { d as defineCustomElement$3 } from './p-1f07910e.js';
-import { d as defineCustomElement$2 } from './p-b3ffc8ec.js';
+import { d as defineCustomElement$8 } from './p-5d23c028.js';
+import { d as defineCustomElement$7 } from './p-9ad7147c.js';
+import { d as defineCustomElement$6 } from './p-fc8b19d7.js';
+import { d as defineCustomElement$5 } from './p-6e5e53d7.js';
+import { d as defineCustomElement$4 } from './p-3640e469.js';
+import { d as defineCustomElement$3 } from './p-21955b0e.js';
+import { d as defineCustomElement$2 } from './p-f9e93439.js';
 
 const duetChoiceGroupCss = "*,*::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;display:block;width:100%}:host(.horizontal) .duet-choice-group{display:block;margin-bottom:-12px}:host(.horizontal) .duet-choice-group.duet-no-stacking{display:flex}@media (min-width: 48em){:host(.horizontal) .duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){:host(.horizontal) .duet-choice-group{display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:block}}:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}.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-188506d4.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e7a9cd6f.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, g as getElementsFromNamedSlot } from './p-ad615991.js';
-import { d as defineCustomElement$4 } from './p-ceace5a5.js';
-import { d as defineCustomElement$3 } from './p-06932c23.js';
-import { d as defineCustomElement$2 } from './p-7307e4ef.js';
+import { d as defineCustomElement$4 } from './p-5d23c028.js';
+import { d as defineCustomElement$3 } from './p-fc8b19d7.js';
+import { d as defineCustomElement$2 } from './p-6efe6bf7.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-188506d4.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e7a9cd6f.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,7 +9,7 @@ import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
 import { h as hasSlot } from './p-ad615991.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { d as defineCustomElement$2 } from './p-06932c23.js';
+import { d as defineCustomElement$2 } from './p-fc8b19d7.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;align-items:center;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-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: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;

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-188506d4.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-e7a9cd6f.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,19 +10,19 @@ import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObser
 import { b as getElementsFromDefaultSlot } from './p-ad615991.js';
 import { r as regexEscape, p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$e } from './p-ca6c91da.js';
-import { d as defineCustomElement$d } from './p-ceace5a5.js';
-import { d as defineCustomElement$c } from './p-09509e38.js';
-import { d as defineCustomElement$b } from './p-06932c23.js';
-import { d as defineCustomElement$a } from './p-e13570ea.js';
-import { d as defineCustomElement$9 } from './p-19a763d1.js';
-import { d as defineCustomElement$8 } from './p-7897b8a7.js';
-import { d as defineCustomElement$7 } from './p-7307e4ef.js';
-import { d as defineCustomElement$6 } from './p-9a9bfcd7.js';
-import { d as defineCustomElement$5 } from './p-fbf7b0a3.js';
-import { d as defineCustomElement$4 } from './p-f08fd5ce.js';
-import { d as defineCustomElement$3 } from './p-1f07910e.js';
-import { d as defineCustomElement$2 } from './p-b3ffc8ec.js';
+import { d as defineCustomElement$e } from './p-eb41ebec.js';
+import { d as defineCustomElement$d } from './p-5d23c028.js';
+import { d as defineCustomElement$c } from './p-1cd70acd.js';
+import { d as defineCustomElement$b } from './p-fc8b19d7.js';
+import { d as defineCustomElement$a } from './p-a536540a.js';
+import { d as defineCustomElement$9 } from './p-d17446e9.js';
+import { d as defineCustomElement$8 } from './p-462c028d.js';
+import { d as defineCustomElement$7 } from './p-6efe6bf7.js';
+import { d as defineCustomElement$6 } from './p-b0911017.js';
+import { d as defineCustomElement$5 } from './p-6e5e53d7.js';
+import { d as defineCustomElement$4 } from './p-3640e469.js';
+import { d as defineCustomElement$3 } from './p-21955b0e.js';
+import { d as defineCustomElement$2 } from './p-f9e93439.js';
 
 const DuetComboBoxSelect = ({ item, activeDescendant, selected, label = undefined, clickHandler = e => {
     e.preventDefault();