@duetds/components 8.2.2 → 8.3.1

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

@@ -991,7 +991,7 @@ export class DuetUpload {
                     "references": {
                         "XHRInternalMiddleWare": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::XHRInternalMiddleWare"
                         }
                     }
@@ -1377,7 +1377,7 @@ export class DuetUpload {
                     "references": {
                         "StringMap": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::StringMap"
                         }
                     }
@@ -1923,7 +1923,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadTableGroupName": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadTableGroupName"
                         }
                     }
@@ -1966,7 +1966,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -1987,7 +1987,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2008,7 +2008,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2029,7 +2029,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2050,7 +2050,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2071,7 +2071,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2092,7 +2092,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2113,7 +2113,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2134,7 +2134,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2155,7 +2155,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2176,7 +2176,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }

package/lib/collection/components/duet-upload-item/duet-upload-item.js

@@ -142,7 +142,7 @@ export class DuetUploadItem {
                     "references": {
                         "ItemType": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
                             "id": "src/components/duet-upload-item/duet-upload-item.tsx::ItemType"
                         }
                     }

package/lib/collection/utils/keyboard-utils.js

@@ -7,6 +7,7 @@ export const isArrowRightKey = (e) => e.key === "ArrowRight" || e.key === "Right
 export const isArrowDownKey = (e) => e.key === "ArrowDown" || e.key === "Down";
 export const isArrowKey = (e) => isArrowDownKey(e) || isArrowRightKey(e) || isArrowUpKey(e) || isArrowLeftKey(e);
 export const isEscapeKey = (e) => e.key === "Escape" || e.key === "Esc";
+export const isShiftTabKey = (e) => e.shiftKey && e.key === "Tab";
 export const isTabKey = (e) => e.key === "Tab";
 export const isBackspaceKey = (e) => e.key === "Backspace";
 export const isSpaceKey = (e) => e.key === " " || e.key === "Spacebar";

package/lib/collection/utils/slot-utils.js

@@ -1,16 +1,47 @@
 /*!
  * Built with Duet Design System
  */
-export const slotElementCheck = (evt, component, requiredTagName) => {
-    var _a;
-    const slot = evt.target;
-    const slotDescription = slot.name ? `slot ${slot.name}` : "default slot";
-    const slotElement = slot.assignedElements()[0];
-    const slotTagName = slotElement === null || slotElement === void 0 ? void 0 : slotElement.tagName.toLowerCase();
-    const componentTagName = (_a = component.element) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase();
-    if (slotTagName && slotTagName !== requiredTagName) {
-        console.warn(`Duet warning:
-      Only <${requiredTagName}> should be used in <${componentTagName}> ${slotDescription}.
-      Found: <${slotTagName}>`);
+import { Build } from "@stencil/core";
+export const getElementsFromNamedSlot = (element, slotName) => {
+    const childElements = Array.from(Build.isServer ? element.children : element.querySelectorAll(":scope > *"));
+    return childElements.filter(el => el.matches(`[slot='${slotName}']`));
+};
+export const hasSlot = (element, slotName) => {
+    return getElementsFromNamedSlot(element, slotName).length > 0;
+};
+/**
+ * Check if the slotted element matches the given selector.
+ * If not, log a warning, or log a error and remove the element.
+ * This function only works with named slots.
+ *
+ * @param hostElement Host element
+ * @param slotName Name of the slot to check.
+ * @param selector Css selector the slotted element should match
+ * @param maxChildren Maximum number of children allowed in the slot. For no limit use 0. Default is 0.
+ * @param remove If true, remove the elements that don't match. Default is false.
+ */
+export const checkNamedSlotElement = (hostElement, slotName, selector, maxChildren = 0, remove = false) => {
+    const warnOrError = remove ? "error" : "warn";
+    const errors = [];
+    const slottedElements = getElementsFromNamedSlot(hostElement, slotName);
+    const nonRemovedElements = slottedElements.filter(el => {
+        if (el.matches(selector)) {
+            return true;
+        }
+        errors.push(`Only elements matcing selector "${selector}" may be used in slot ${slotName}, found:\n${el.outerHTML}`);
+        if (remove) {
+            el.remove();
+            return false;
+        }
+        return true;
+    });
+    if (maxChildren && nonRemovedElements.length > maxChildren) {
+        errors.push(`Only ${maxChildren} element${maxChildren > 1 ? "s" : ""} may be used in slot ${slotName}, found ${slottedElements.length}.`);
+        if (remove) {
+            nonRemovedElements.slice(maxChildren).forEach(el => el.remove());
+        }
+    }
+    if (errors.length > 0) {
+        console[warnOrError](`Duet ${warnOrError} in ${hostElement.tagName.toLowerCase()}:\n${errors.join("\n")}${remove ? `\nElement${errors.length > 1 ? "s" : ""} removed.` : ""}`);
     }
 };

package/lib/collection/utils/token-utils.js

@@ -103,6 +103,9 @@ export function getFontSizeByName(name) {
 export function getFontWeightByName(name) {
     return getTokenByName("fontWeight", name);
 }
+export function getShadowByName(name) {
+    return getTokenByName("shadow", name);
+}
 export function rgbaColorFromRgb(color, opacity) {
     if (!color || (opacity !== 0 && !opacity)) {
         return undefined;

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-5b940d4e.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-85c51c36.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-bbff917c.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-33c43f27.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-d82ca991.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-92e8fec4.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-046d07ed.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-3380c780.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { h } from './p-62c7d9d4.js';
-import { s as slotElementCheck } from './p-bb24a019.js';
+import { h as hasSlot, c as checkNamedSlotElement } from './p-796edee6.js';
 import { p as parsePossibleJSON } from './p-0e052642.js';
-import { g as getColorByName } from './p-ef9c200e.js';
-import { d as defineCustomElement$3 } from './p-6f02cea5.js';
-import { d as defineCustomElement$2 } from './p-c3d0fd5f.js';
+import { g as getColorByName } from './p-cbac9ed5.js';
+import { d as defineCustomElement$3 } from './p-13cbfdc6.js';
+import { d as defineCustomElement$2 } from './p-eb30f749.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,
@@ -41,9 +41,10 @@ const DuetBanner$1 = /*@__PURE__*/ proxyCustomElement(class DuetBanner extends H
      */
     componentWillLoad() {
         inheritGlobalTheme(this);
-        this.hasHeadingSlot = !!this.element.querySelector('[slot="heading"]');
-        this.hasDescriptionSlot = !!this.element.querySelector('[slot="description"]');
-        this.hasActionSlot = !!this.element.querySelector('[slot="action"]');
+        this.hasHeadingSlot = hasSlot(this.element, "heading");
+        this.hasDescriptionSlot = hasSlot(this.element, "description");
+        this.hasActionSlot = hasSlot(this.element, "action");
+        checkNamedSlotElement(this.element, "heading", "span");
     }
     /**
      * render() function
@@ -64,7 +65,7 @@ const DuetBanner$1 = /*@__PURE__*/ proxyCustomElement(class DuetBanner extends H
                 "duet-banner": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.size]: true,
-            }, style: bannerStyles }, h$1("div", { class: "visual" }, h$1("div", { class: "image-container" }, this.image && h$1(DuetPicture, Object.assign({}, pictureSource))), this.icon && (h$1("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: "xx-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), h$1("div", { class: "content" }, this.hasHeadingSlot && (h$1("div", { class: "heading" }, h$1("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h2", margin: "none", color: this.textColor }, h$1("span", null, h$1("slot", { name: "heading", onSlotchange: ev => slotElementCheck(ev, this, "span") }))))), this.hasDescriptionSlot && (h$1("div", { class: "description", style: { color } }, h$1("slot", { name: "description" }))), this.hasActionSlot && (h$1("div", { class: "action" }, h$1("slot", { name: "action" })))))));
+            }, style: bannerStyles }, h$1("div", { class: "visual" }, h$1("div", { class: "image-container" }, this.image && h$1(DuetPicture, Object.assign({}, pictureSource))), this.icon && (h$1("duet-icon", { theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: "xx-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" }))), h$1("div", { class: "content" }, this.hasHeadingSlot && (h$1("div", { class: "heading" }, h$1("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h2", margin: "none", color: this.textColor }, h$1("span", null, h$1("slot", { name: "heading" }))))), this.hasDescriptionSlot && (h$1("div", { class: "description", style: { color } }, h$1("slot", { name: "description" }))), this.hasActionSlot && (h$1("div", { class: "action" }, h$1("slot", { name: "action" })))))));
     }
     get element() { return this; }
     static get style() { return duetBannerCss; }

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-046d07ed.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-3380c780.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8f253845.js';
+import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-55634a0b.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-2e36d5bf.js';
-import { d as defineCustomElement$3 } from './p-c3d0fd5f.js';
-import { d as defineCustomElement$2 } from './p-c2ee0b56.js';
+import { d as defineCustomElement$3 } from './p-eb30f749.js';
+import { d as defineCustomElement$2 } from './p-8500f1f3.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,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-046d07ed.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-3380c780.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { g as getLocaleString } from './p-2e36d5bf.js';
-import { g as getColorByName } from './p-ef9c200e.js';
+import { g as getColorByName } from './p-cbac9ed5.js';
 
 const duetBreadcrumbsCss = "*,*::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%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 77, 128)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(225, 227, 230)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(148, 9, 37)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(0, 41, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}";
 

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-f37bade9.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-f1a37b7f.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-046d07ed.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-3380c780.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { s as slotElementCheck } from './p-bb24a019.js';
-import { d as defineCustomElement$2 } from './p-c3d0fd5f.js';
+import { h as hasSlot, c as checkNamedSlotElement } from './p-796edee6.js';
+import { d as defineCustomElement$2 } from './p-eb30f749.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(0, 41, 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(0, 41, 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}";
 
@@ -22,7 +22,8 @@ const DuetCallout$1 = /*@__PURE__*/ proxyCustomElement(class DuetCallout extends
      */
     componentWillLoad() {
         inheritGlobalTheme(this);
-        this.hasAuthorSlot = !!this.element.querySelector('[slot="author"]');
+        this.hasAuthorSlot = hasSlot(this.element, "author");
+        checkNamedSlotElement(this.element, "author", "span");
     }
     /**
      * render() function
@@ -37,7 +38,7 @@ const DuetCallout$1 = /*@__PURE__*/ proxyCustomElement(class DuetCallout extends
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { class: "container" }, h("duet-icon", { class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", null, h("slot", null)), this.hasAuthorSlot && (h("figcaption", { class: "author" }, h("span", null, "\u2014 "), h("slot", { name: "author", onSlotchange: ev => slotElementCheck(ev, this, "span") })))))));
+            } }, h("figure", { class: "container" }, h("duet-icon", { class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", null, h("slot", null)), this.hasAuthorSlot && (h("figcaption", { class: "author" }, h("span", null, "\u2014 "), h("slot", { name: "author" })))))));
     }
     get element() { return this; }
     static get style() { return 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-d1db33b3.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-89fa2387.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-046d07ed.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-3380c780.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { c as createID } from './p-5e59e970.js';
-import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8f253845.js';
+import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-55634a0b.js';
 import { s as sanitizeString } from './p-0e052642.js';
-import { g as getColorByName } from './p-ef9c200e.js';
-import { d as defineCustomElement$3 } from './p-c3d0fd5f.js';
-import { d as defineCustomElement$2 } from './p-c2ee0b56.js';
+import { g as getColorByName } from './p-cbac9ed5.js';
+import { d as defineCustomElement$3 } from './p-eb30f749.js';
+import { d as defineCustomElement$2 } from './p-8500f1f3.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";
@@ -86,8 +86,9 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
         }
     }
     /**
-     * Sets focus on the specified `duet-card`. Use this method instead of the global
-     * `card.focus()`.
+     * Sets focus on underlying a element.
+     * Available only when url attribute is used.
+     * Use this method instead of the native `focus()`.
      */
     async setFocus(options) {
         if (this.nativeCard) {

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-69f3125f.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-dd3202f3.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-d4a52c78.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-fdafc7af.js';
 
 const DuetCheckmark = DuetCheckmark$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-046d07ed.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-3380c780.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { c as createID } from './p-5e59e970.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8f253845.js';
-import { d as defineCustomElement$2 } from './p-c3d0fd5f.js';
+import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-55634a0b.js';
+import { d as defineCustomElement$2 } from './p-eb30f749.js';
 
 const duetChipCss = "*,*::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-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(207, 210, 212);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(207, 207, 209)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(230, 242, 248);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(205, 229, 241)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(228, 228, 230)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input{position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;cursor:pointer;opacity:0}";
 

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-046d07ed.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-3380c780.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { s as slotElementCheck } from './p-bb24a019.js';
-import { d as defineCustomElement$8 } from './p-d1db33b3.js';
-import { d as defineCustomElement$7 } from './p-029fba28.js';
-import { d as defineCustomElement$6 } from './p-c3d0fd5f.js';
-import { d as defineCustomElement$5 } from './p-78ce0ce1.js';
-import { d as defineCustomElement$4 } from './p-48fe3f3e.js';
-import { d as defineCustomElement$3 } from './p-a7f2d134.js';
-import { d as defineCustomElement$2 } from './p-bdade4f6.js';
+import { c as checkNamedSlotElement } from './p-796edee6.js';
+import { d as defineCustomElement$8 } from './p-89fa2387.js';
+import { d as defineCustomElement$7 } from './p-57d9241f.js';
+import { d as defineCustomElement$6 } from './p-eb30f749.js';
+import { d as defineCustomElement$5 } from './p-89c8eef0.js';
+import { d as defineCustomElement$4 } from './p-ba9d785a.js';
+import { d as defineCustomElement$3 } from './p-7f8daa04.js';
+import { d as defineCustomElement$2 } from './p-99bfa47d.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}";
 
@@ -76,6 +76,7 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
     }
     componentWillLoad() {
         inheritGlobalTheme(this);
+        checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
     }
     /**
      * Local methods
@@ -122,7 +123,7 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
                 "duet-choice-group-breakpoint-medium": this.responsive && this.breakpoint === "medium",
                 "duet-choice-group-breakpoint-large": this.responsive && this.breakpoint === "large",
                 "duet-choice-group-breakpoint-x-large": this.responsive && this.breakpoint === "x-large",
-            } }, h("duet-fieldset", { label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { name: "tooltip", onSlotchange: ev => slotElementCheck(ev, this, "duet-tooltip") }), h("div", { class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", null)))));
+            } }, h("duet-fieldset", { label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { name: "tooltip" }), h("div", { class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", null)))));
     }
     get element() { return this; }
     static get watchers() { return {

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

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-046d07ed.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-3380c780.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { h as hasSlot } from './p-11230037.js';
 import { D as DuetStringsExternalDefaults } from './p-4ab776f4.js';
 import { c as createID } from './p-5e59e970.js';
 import { F as FocusGuard } from './p-eef66341.js';
-import { i as isKeyboardClick, a as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, b as isEscapeKey } from './p-8f253845.js';
+import { i as isKeyboardClick, a as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, b as isEscapeKey } from './p-55634a0b.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-2e36d5bf.js';
-import { d as defineCustomElement$5 } from './p-d1db33b3.js';
-import { d as defineCustomElement$4 } from './p-c3d0fd5f.js';
-import { d as defineCustomElement$3 } from './p-c2ee0b56.js';
-import { d as defineCustomElement$2 } from './p-bdade4f6.js';
+import { h as hasSlot } from './p-796edee6.js';
+import { d as defineCustomElement$5 } from './p-89fa2387.js';
+import { d as defineCustomElement$4 } from './p-eb30f749.js';
+import { d as defineCustomElement$3 } from './p-8500f1f3.js';
+import { d as defineCustomElement$2 } from './p-99bfa47d.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,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-046d07ed.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-3380c780.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-d81ec707.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { h as hasSlot } from './p-11230037.js';
 import { c as createID } from './p-5e59e970.js';
-import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8f253845.js';
+import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-55634a0b.js';
+import { h as hasSlot } from './p-796edee6.js';
 import { s as sanitizeString } from './p-0e052642.js';
-import { d as defineCustomElement$2 } from './p-c3d0fd5f.js';
+import { d as defineCustomElement$2 } from './p-eb30f749.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(0, 41, 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(0, 41, 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(0, 41, 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(0, 41, 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)}";
 

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-046d07ed.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-3380c780.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { d as debounce } from './p-9e371678.js';
-import { c as isEnterKey, b as isEscapeKey, d as isTabKey, e as isArrowUpKey, f as isArrowDownKey } from './p-8f253845.js';
+import { c as isEnterKey, b as isEscapeKey, d as isTabKey, e as isArrowUpKey, f as isArrowDownKey } from './p-55634a0b.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-2e36d5bf.js';
 import { p as parsePossibleJSON } from './p-0e052642.js';
 import { h, F as Fragment } from './p-62c7d9d4.js';
-import { d as defineCustomElement$2 } from './p-c3d0fd5f.js';
+import { d as defineCustomElement$2 } from './p-eb30f749.js';
 
 const SelectSingle = ({ item, search = "", selected }) => {
     const regEx = search !== "" ? new RegExp("(" + search.split(" ").join("|") + ")", "gi") : undefined;