@duetds/components 9.3.0 → 9.3.2

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

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5f032552.js');
+const index = require('./index-48792b1c.js');
 const tokens_module = require('./tokens.module-46ddb47a.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-a8e10789.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-5f032552.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-5f032552.js');
+const index = require('./index-48792b1c.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const languageUtils = require('./language-utils-a8e10789.js');
-const errorcodes_utils = require('./errorcodes.utils-54949f8e.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-5f032552.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-5f032552.js');
-const appGlobals = require('./app-globals-f0563ef8.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-54949f8e.js → errorcodes.utils-042e73b2.js}

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

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

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

package/lib/cjs/{index-5f032552.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.5"};
+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/{language-utils-a8e10789.js → language-utils-0b533bd8.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-5f032552.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-5f032552.js');
-const appGlobals = require('./app-globals-f0563ef8.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-b995682a.js → slot-utils-4993d500.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-5f032552.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: '01967b06a6079563000511b1bb96b610a50dc43b' }, h("div", { key: '95a770456941768d010ab3d6596f0abd798ad200', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: 'be8544c1054e074a17966a98fe6d1a05dbbab312', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '579b323f745a0e6a9ab80fc2f1fd1c69e701455d', 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: '3a7c600d1fe9afa3f16102463e4ba778a4f8a0e9' }, h("div", { key: '4d1a21fbf4ecbdf9380536a425b2d7170a02c75d', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: 'cc1cfb14963262a07265b6eb23d4fbbe221074c5', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '562dff5c90908b8b1f3502b12884310395417e04', 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: '70468c6233a21459eb299619f50f25d50d6860e9', moveFocusTo: this.closeButton }), h("div", { key: '641aebc769fe394dcac75fbf47f6cd7f2bd913aa', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '1ee97b28ce6d0dadb00f77ff60c253a6c6d3de8b', class: "top" }, h("button", { key: '14d79d6ad5bcc981ab4c52b4e14acc5ba0210201', 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: '71f94e625f9f70e311c0090f434105a4d642b8bd', moveFocusTo: this.closeButton }), h("div", { key: 'f55a5ce31173adcea1547e482670bdbfa6c73711', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'e6e233ce475e303b89625d8357529e4b622f066b', class: "top" }, h("button", { key: '79b3664a0b5fa6d635b8ab88198f80ee38a7a020', 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: '54cc005ec71d9e763a5ef10fd692e1c582d45d05', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '7eb3463106bb8da957020dad9907ead51fe6a7ee', class: "sticky-header" }, h("slot", { key: '2c9250b17f05a2f19906af335eec594fe76e0dc6', name: "sticky-header" }))), h("div", { key: '68968f068dc5f528ea8e880fd22e6cb1c65fd177', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: 'd3d38a6761679422d63ff08b85fd26caf1580b40', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '35d35360be7209eb7a27e73a9fb72e21bb92f520', class: "sticky-header" }, h("slot", { key: '304d5cbe68690c9ab0482cee84c3b02f86fcea32', name: "sticky-header" }))), h("div", { key: '891803ba39aaae9a6a2890d78841eb618e672d5e', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: 'fc6415d25b0187f984dba4a039947322659cbae2' })), h(FocusGuard, { key: 'e9cb797a4c263fd6c892a5739f8b630eff57e040', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '6186b20490660a59a0d4ae145f246479653465f6' })), h(FocusGuard, { key: 'bdf385cd63b141c6650b685de116ba0b0b266fdf', 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-b056c1ad.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-9fb49035.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-15b2b51c.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-7623dd11.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-9881577b.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-8e60819a.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-59ebdad5.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-f21662ea.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-6e022235.js';
-import { d as defineCustomElement$3 } from './p-9f4351bc.js';
-import { d as defineCustomElement$2 } from './p-dd451078.js';
+import { d as defineCustomElement$3 } from './p-396dec0e.js';
+import { d as defineCustomElement$2 } from './p-167f1cfd.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-59ebdad5.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-dd451078.js';
-import { d as defineCustomElement$2 } from './p-076fca2d.js';
+import { d as defineCustomElement$3 } from './p-167f1cfd.js';
+import { d as defineCustomElement$2 } from './p-25ea4a16.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-59ebdad5.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-6e022235.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-24b8aa06.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-c90eb69a.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-59ebdad5.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-f21662ea.js';
-import { d as defineCustomElement$2 } from './p-dd451078.js';
+import { d as defineCustomElement$2 } from './p-167f1cfd.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-3e4b714a.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-59ebdad5.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-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-6e022235.js';
-import { d as defineCustomElement$3 } from './p-dd451078.js';
-import { d as defineCustomElement$2 } from './p-076fca2d.js';
+import { d as defineCustomElement$3 } from './p-167f1cfd.js';
+import { d as defineCustomElement$2 } from './p-25ea4a16.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-26deaac9.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-fd2cf87d.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-0f7f0a83.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-873a94ec.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-103cc7c5.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-88047e60.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-59ebdad5.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-f21662ea.js';
-import { d as defineCustomElement$8 } from './p-3e4b714a.js';
-import { d as defineCustomElement$7 } from './p-e0d2a491.js';
-import { d as defineCustomElement$6 } from './p-dd451078.js';
-import { d as defineCustomElement$5 } from './p-fa300b37.js';
-import { d as defineCustomElement$4 } from './p-6a6e776c.js';
-import { d as defineCustomElement$3 } from './p-d2bcbefe.js';
-import { d as defineCustomElement$2 } from './p-ae1777be.js';
+import { d as defineCustomElement$8 } from './p-5d23c028.js';
+import { d as defineCustomElement$7 } from './p-ac901dbf.js';
+import { d as defineCustomElement$6 } from './p-167f1cfd.js';
+import { d as defineCustomElement$5 } from './p-fd267007.js';
+import { d as defineCustomElement$4 } from './p-c37a3d76.js';
+import { d as defineCustomElement$3 } from './p-accdf258.js';
+import { d as defineCustomElement$2 } from './p-18a780a8.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-59ebdad5.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 } from './p-f21662ea.js';
-import { d as defineCustomElement$4 } from './p-3e4b714a.js';
-import { d as defineCustomElement$3 } from './p-dd451078.js';
-import { d as defineCustomElement$2 } from './p-076fca2d.js';
+import { d as defineCustomElement$4 } from './p-5d23c028.js';
+import { d as defineCustomElement$3 } from './p-167f1cfd.js';
+import { d as defineCustomElement$2 } from './p-25ea4a16.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-59ebdad5.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-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { d as defineCustomElement$2 } from './p-dd451078.js';
+import { d as defineCustomElement$2 } from './p-167f1cfd.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-59ebdad5.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,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-24b8aa06.js';
-import { d as defineCustomElement$e } from './p-3e4b714a.js';
-import { d as defineCustomElement$d } from './p-103cc7c5.js';
-import { d as defineCustomElement$c } from './p-dd451078.js';
-import { d as defineCustomElement$b } from './p-3f0c498c.js';
-import { d as defineCustomElement$a } from './p-ca5d8fa3.js';
-import { d as defineCustomElement$9 } from './p-26e23171.js';
-import { d as defineCustomElement$8 } from './p-1c379414.js';
-import { d as defineCustomElement$7 } from './p-076fca2d.js';
-import { d as defineCustomElement$6 } from './p-eb6d9b73.js';
-import { d as defineCustomElement$5 } from './p-fa300b37.js';
-import { d as defineCustomElement$4 } from './p-6a6e776c.js';
-import { d as defineCustomElement$3 } from './p-d2bcbefe.js';
-import { d as defineCustomElement$2 } from './p-ae1777be.js';
+import { d as defineCustomElement$f } from './p-c90eb69a.js';
+import { d as defineCustomElement$e } from './p-5d23c028.js';
+import { d as defineCustomElement$d } from './p-88047e60.js';
+import { d as defineCustomElement$c } from './p-167f1cfd.js';
+import { d as defineCustomElement$b } from './p-4dd5d18f.js';
+import { d as defineCustomElement$a } from './p-f8c8174f.js';
+import { d as defineCustomElement$9 } from './p-fa2c423f.js';
+import { d as defineCustomElement$8 } from './p-fd7b2557.js';
+import { d as defineCustomElement$7 } from './p-25ea4a16.js';
+import { d as defineCustomElement$6 } from './p-7302dad1.js';
+import { d as defineCustomElement$5 } from './p-fd267007.js';
+import { d as defineCustomElement$4 } from './p-c37a3d76.js';
+import { d as defineCustomElement$3 } from './p-accdf258.js';
+import { d as defineCustomElement$2 } from './p-18a780a8.js';
 
 const DuetComboBoxSelect = ({ item, activeDescendant, selected, label = undefined, clickHandler = e => {
     e.preventDefault();

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-59ebdad5.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$8 } from './p-24b8aa06.js';
-import { d as defineCustomElement$7 } from './p-9f4351bc.js';
-import { d as defineCustomElement$6 } from './p-dd451078.js';
-import { d as defineCustomElement$5 } from './p-645e6264.js';
-import { d as defineCustomElement$4 } from './p-293decb6.js';
-import { d as defineCustomElement$3 } from './p-eb6d9b73.js';
-import { d as defineCustomElement$2 } from './p-ae1777be.js';
+import { d as defineCustomElement$8 } from './p-c90eb69a.js';
+import { d as defineCustomElement$7 } from './p-396dec0e.js';
+import { d as defineCustomElement$6 } from './p-167f1cfd.js';
+import { d as defineCustomElement$5 } from './p-d5f00f7a.js';
+import { d as defineCustomElement$4 } from './p-712259e0.js';
+import { d as defineCustomElement$3 } from './p-7302dad1.js';
+import { d as defineCustomElement$2 } from './p-18a780a8.js';
 
 const duetContactCardCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-contact-card.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}";
 const DuetContactCardStyle0 = duetContactCardCss;