@duetds/components 6.4.0 → 6.5.1

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { h, Host } from "@stencil/core";
+import { Build, h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { FocusGuard } from "../../utils/focus-utils";
 export class DuetSlideout {
@@ -30,6 +30,7 @@ export class DuetSlideout {
     };
     this.theme = "";
     this.open = false;
+    this.icon = "";
   }
   /**
    * Toggles the slideout.
@@ -38,7 +39,7 @@ export class DuetSlideout {
     const event = new CustomEvent("toggle");
     this.toggleMenu(event);
     setTimeout(() => {
-      this.openButton.focus();
+      this.closeButton.focus();
     }, 200);
   }
   /**
@@ -46,15 +47,31 @@ export class DuetSlideout {
    */
   componentWillLoad() {
     inheritGlobalTheme(this);
+    if (Build.isServer) {
+      const toggles = Array.from(this.element.children).filter(el => el.matches("[slot='toggle']"));
+      if (toggles.length > 0) {
+        this.openButton = toggles[0];
+      }
+    }
+    else {
+      this.openButton = this.element.querySelector(":scope > [slot='toggle']");
+    }
+    if (this.openButton) {
+      this.openButton.setAttribute("aria-haspopup", "dialog");
+      this.openButton.setAttribute("aria-expanded", "false");
+      this.openButton.addEventListener("click", e => {
+        e.preventDefault();
+        this.onClick(e);
+      });
+      this.openButton = this.openButton;
+    }
   }
   /**
    * render() function
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, null, h("div", { class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, h("button", { ref: element => (this.openButton = element), "aria-haspopup": "dialog", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
-        active: this.open,
-      }, onClick: this.onClick }, h("div", { class: "hamburger" }, h("span", { class: "bar" }), h("span", { class: "bar" }), h("span", { class: "bar" }), h("span", { class: "bar" }))), h("div", { tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": "true", "aria-flowto": "menubar", class: {
+    return (h(Host, null, h("div", { class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { name: "toggle" }), h("div", { tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": "true", "aria-flowto": "menubar", class: {
         dialog: true,
         hidden: !this.open,
       } }, h(FocusGuard, { moveFocusTo: this.closeButton }), h("div", { class: "top" }, h("button", { ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", type: "button", class: {
@@ -118,6 +135,29 @@ export class DuetSlideout {
         "attribute": "open",
         "reflect": true,
         "defaultValue": "false"
+      },
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetIconName",
+          "resolved": "string",
+          "references": {
+            "DuetIconName": {
+              "location": "import",
+              "path": "../../common-types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon name from Duet to display."
+        },
+        "attribute": "icon",
+        "reflect": false,
+        "defaultValue": "\"\""
       }
     };
   }

package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css

@@ -27,6 +27,7 @@
   gap: 20px;
   align-items: center;
   justify-content: flex-start;
+  width: min-content;
 }
 
 ::slotted(*) {

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

@@ -20,6 +20,7 @@
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  width: 100%;
   height: 100%;
 }
 
@@ -33,14 +34,15 @@
   height: 100%;
   padding: 8px 0;
   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: inherit;
+  font-weight: inherit;
   line-height: 1.25;
-  color: #00294d;
-  text-align: center;
+  color: inherit;
+  text-align: left;
   text-decoration: none;
 }
 .duet-slideout-link.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: #940925;
 }
 .duet-slideout-link.active span {
   position: relative;
@@ -52,10 +54,10 @@
   left: 0;
   display: block;
   width: 100%;
-  height: 2px;
+  height: var(--active-height, 2px);
   content: "";
   background: #0077b3;
-  transform: translateY(2px);
+  transform: var(--active-translate-y, translateY(2px));
 }
 .duet-slideout-link.active.duet-theme-turva span::after {
   background: #c60c30;
@@ -65,8 +67,8 @@
   font-weight: 600;
 }
 .duet-slideout-link.small span::after {
-  height: 1px;
-  transform: translateY(1px);
+  --active-height: 1px;
+  --active-translate-y: 1px;
 }
 .duet-slideout-link.medium {
   font-size: 1.25rem;

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

@@ -9,7 +9,8 @@ export class DuetSlideoutLink {
     this.active = false;
     this.href = "#";
     this.icon = undefined;
-    this.size = "medium";
+    this.size = "inherit";
+    this.menuItem = false;
   }
   /**
    * Component lifecycle events.
@@ -27,7 +28,7 @@ export class DuetSlideoutLink {
         "duet-theme-turva": this.theme === "turva",
         active: this.active,
         [this.size]: true,
-      }, href: this.href }, this.icon && h("duet-icon", { size: "medium", name: this.icon, margin: "none" }), h("span", null, h("slot", null)))));
+      }, href: this.href, role: this.menuItem && "menuitem" }, this.icon && (h("duet-icon", { name: this.icon, color: this.menuItem && "currentColor", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("span", null, h("slot", null)))));
   }
   static get is() { return "duet-slideout-link"; }
   static get encapsulation() { return "shadow"; }
@@ -124,8 +125,8 @@ export class DuetSlideoutLink {
         "type": "string",
         "mutable": true,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "\"inherit\" | \"small\" | \"medium\" | \"large\"",
+          "resolved": "\"inherit\" | \"large\" | \"medium\" | \"small\"",
           "references": {}
         },
         "required": false,
@@ -136,7 +137,28 @@ export class DuetSlideoutLink {
         },
         "attribute": "size",
         "reflect": true,
-        "defaultValue": "\"medium\""
+        "defaultValue": "\"inherit\""
+      },
+      "menuItem": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": "Indicates the component is used where aria-role menuitem is expected"
+            }],
+          "text": ""
+        },
+        "attribute": "menu-item",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css

@@ -23,16 +23,14 @@
   height: 100%;
 }
 
-:host slot::slotted(duet-slideout-panel-dropdown),
-:host slot::slotted(duet-slideout-panel-link) {
+:host slot:not([name=label])::slotted(*) {
   position: relative;
   top: 0.5rem;
   opacity: 0;
   transition: top 0.3s ease-in, opacity 0.3s ease-in;
 }
 
-:host([open]) slot::slotted(duet-slideout-panel-link),
-:host([open]) slot::slotted(duet-slideout-panel-dropdown) {
+:host([open]) slot:not([name=label])::slotted(*) {
   top: 0;
   opacity: 1;
 }
@@ -55,7 +53,7 @@
   font-weight: 800;
   line-height: 1.25;
   color: #00294d;
-  text-align: center;
+  text-align: left;
   text-decoration: none;
   cursor: pointer;
 }
@@ -66,9 +64,25 @@
   justify-content: space-between;
   width: 100%;
 }
+.duet-slideout-panel .link .label-text.small {
+  font-size: 1rem;
+  font-weight: 600;
+}
+.duet-slideout-panel .link .label-text.medium {
+  font-size: 1.25rem;
+  font-weight: 600;
+}
+.duet-slideout-panel .link .label-text.large {
+  font-size: 1.5rem;
+  font-weight: 800;
+}
 .duet-slideout-panel .link.active .label-text {
   position: relative;
 }
+.duet-slideout-panel .link.active .label-text.small::after {
+  height: 1px;
+  transform: translateY(1px);
+}
 .duet-slideout-panel .link.active .label-text::after {
   position: absolute;
   top: auto;
@@ -146,4 +160,15 @@
 }
 .duet-slideout-panel.duet-theme-turva .items {
   background: #f5f5f7;
+}
+
+slot:not([name=label]) {
+  --active-height: 1px;
+  --active-translate-y: translateY(1px);
+  font-size: 1rem;
+  font-weight: 600;
+  color: #00294d;
+}
+.duet-theme-turva slot:not([name=label]) {
+  color: #940925;
 }

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

@@ -43,6 +43,7 @@ export class DuetSlideoutPanel {
     this.active = false;
     this.open = false;
     this.icon = undefined;
+    this.labelSize = "medium";
   }
   /**
    * Component lifecycle events.
@@ -64,7 +65,7 @@ export class DuetSlideoutPanel {
       } }, h("button", { ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
         link: true,
         active: this.active,
-      }, onClick: this.onToggleClick }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("div", { class: "label" }, h("span", { class: "label-text" }, h("slot", { name: "label" })), h("duet-icon", { class: "caret", name: "action-arrow-right", margin: "none", size: "x-small" }))), h("div", { class: {
+      }, onClick: this.onToggleClick }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("div", { class: "label" }, h("span", { class: { "label-text": true, [this.labelSize]: true } }, h("slot", { name: "label" })), h("duet-icon", { class: "caret", name: "action-arrow-right", margin: "none", size: "x-small" }))), h("div", { class: {
         dialog: true,
         hidden: !this.open,
       } }, h(FocusGuard, { moveFocusTo: this.closeButton }), h("div", { class: "top" }, h("button", { ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", type: "button", class: {
@@ -163,6 +164,24 @@ export class DuetSlideoutPanel {
         "attribute": "icon",
         "reflect": true,
         "defaultValue": "undefined"
+      },
+      "labelSize": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "\"small\" | \"medium\" | \"large\"",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Size. Small, medium or large."
+        },
+        "attribute": "label-size",
+        "reflect": true,
+        "defaultValue": "\"medium\""
       }
     };
   }

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css

@@ -24,14 +24,14 @@
   height: 100%;
 }
 
-:host slot::slotted(duet-slideout-panel-dropdown-link) {
+:host slot:not([name=label])::slotted(*) {
   position: relative;
   top: -0.5rem;
   opacity: 0;
   transition: top 0.3s ease-in, opacity 0.3s ease-in;
 }
 
-:host([open]) slot::slotted(duet-slideout-panel-dropdown-link) {
+:host([open]) slot:not([name=label])::slotted(*) {
   top: 0;
   opacity: 1;
 }
@@ -72,19 +72,35 @@
   justify-content: center;
   width: 100%;
   max-height: 1000px;
-  padding: 0 0 16px;
+  padding: 0 20px 8px 44px;
   overflow-y: auto;
   visibility: visible;
-  transition: max-height 0.3s ease-in, padding 0.3s ease-in;
+  transition: max-height 0.3s ease-in, padding-bottom 0.3s ease-in;
 }
 .duet-slideout-panel-dropdown .items.hidden {
   max-height: 0;
   padding: 0;
   overflow: hidden;
   visibility: hidden;
-  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
+  transition: max-height 0.3s ease-out, padding-bottom 0.3s ease-out;
 }
 .duet-slideout-panel-dropdown.duet-theme-turva button {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: #940925;
+}
+
+slot {
+  --active-height: 1px;
+  --active-translate-y: translateY(1px);
+  font-size: 1rem;
+  font-weight: 400;
+  color: #00294d;
+}
+.duet-theme-turva slot {
+  color: #940925;
+}
+
+slot[name=label] {
+  font-size: 1rem;
+  font-weight: 600;
 }

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

@@ -23,6 +23,10 @@ export class DuetSlideoutPanelDropdown {
    */
   componentWillLoad() {
     inheritGlobalTheme(this);
+    const links = this.element.querySelectorAll("duet-slideout-link");
+    links.forEach(link => {
+      link.menuItem = true;
+    });
   }
   /**
    * render() function

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-882a5cfe.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-aa118c82.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-5ebb99dd.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-788c36f2.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-7f93146e.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-a7fc05d9.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-532c54fb.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-0df84707.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-154a3f1c.js';
+import { d as defineCustomElement$2 } from './p-dd54924c.js';
 
 const duetBreadcrumbCss = "*,*::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-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-532c54fb.js';
+import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-0df84707.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { g as getLocaleString } from './p-ede854e1.js';
-import { d as defineCustomElement$2 } from './p-154a3f1c.js';
+import { d as defineCustomElement$2 } from './p-dd54924c.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-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetButton$1, d as defineCustomElement$1 } from './p-9ead813e.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-45377b84.js';
 
 const DuetButton = DuetButton$1;
 const defineCustomElement = defineCustomElement$1;

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-bd2b0442.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-2cae1940.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, b as Host } from './p-532c54fb.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, b as Host } from './p-0df84707.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
 import { s as sanitizeString } from './p-5a9d75e1.js';
 import { g as getColorByName } from './p-535ce3ec.js';
-import { d as defineCustomElement$3 } from './p-154a3f1c.js';
-import { d as defineCustomElement$2 } from './p-c2463a4d.js';
+import { d as defineCustomElement$3 } from './p-dd54924c.js';
+import { d as defineCustomElement$2 } from './p-0d44f43d.js';
 
 var actionArrowUp={"title":"action-arrow-up","tags":"action arrow up caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z\"/></svg>"};
 

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

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-532c54fb.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-0df84707.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { f as findCheckedOption, w as watchForOptions } from './p-12721178.js';
-import { d as defineCustomElement$6 } from './p-bd2b0442.js';
-import { d as defineCustomElement$5 } from './p-66c822ff.js';
-import { d as defineCustomElement$4 } from './p-154a3f1c.js';
-import { d as defineCustomElement$3 } from './p-4e60ac5b.js';
-import { d as defineCustomElement$2 } from './p-6be9ba98.js';
+import { d as defineCustomElement$6 } from './p-2cae1940.js';
+import { d as defineCustomElement$5 } from './p-c5a072f2.js';
+import { d as defineCustomElement$4 } from './p-dd54924c.js';
+import { d as defineCustomElement$3 } from './p-688a047d.js';
+import { d as defineCustomElement$2 } from './p-21cfd55b.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}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex;margin-bottom:0}}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 

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

@@ -1,17 +1,17 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-532c54fb.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-0df84707.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
 import { c as createID } from './p-c1325e35.js';
 import { F as FocusGuard } from './p-9986919d.js';
 import { i as isKeyboardClick, a as isQuestionKey, b as isEscapeKey } from './p-d8549efe.js';
 import { g as getLocaleString, a as getLanguage } from './p-ede854e1.js';
-import { d as defineCustomElement$5 } from './p-bd2b0442.js';
-import { d as defineCustomElement$4 } from './p-154a3f1c.js';
-import { d as defineCustomElement$3 } from './p-c2463a4d.js';
-import { d as defineCustomElement$2 } from './p-6be9ba98.js';
+import { d as defineCustomElement$5 } from './p-2cae1940.js';
+import { d as defineCustomElement$4 } from './p-dd54924c.js';
+import { d as defineCustomElement$3 } from './p-0d44f43d.js';
+import { d as defineCustomElement$2 } from './p-21cfd55b.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,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-532c54fb.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-0df84707.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-738bd3c5.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
 import { s as sanitizeString } from './p-5a9d75e1.js';
-import { d as defineCustomElement$2 } from './p-154a3f1c.js';
+import { d as defineCustomElement$2 } from './p-dd54924c.js';
 
 const duetCollapsibleCss = "*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-collapsible-h{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:#00294d}.duet-theme-turva.sc-duet-collapsible-h{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-m-0.sc-duet-collapsible-h{margin:0 !important}.duet-collapsible-content.sc-duet-collapsible{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:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}[open].sc-duet-collapsible-h>.duet-collapsible-content.sc-duet-collapsible{display:block}.duet-collapsible-heading.sc-duet-collapsible{-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:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:1}.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{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, b as Host } from './p-532c54fb.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-0df84707.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { d as debounce } from './p-0b3f675e.js';
 import { c as isEnterKey, b as isEscapeKey, d as isTabKey, e as isArrowUpKey, f as isArrowDownKey } from './p-d8549efe.js';
 import { g as getLocaleString, a as getLanguage } from './p-ede854e1.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
 import { h, F as Fragment } from './p-e4a60f42.js';
-import { d as defineCustomElement$2 } from './p-154a3f1c.js';
+import { d as defineCustomElement$2 } from './p-dd54924c.js';
 
 const SelectSingle = ({ item, search = "", selected }) => {
   const regEx = search !== "" ? new RegExp("(" + search.split(" ").join("|") + ")", "gi") : undefined;

package/lib/dist-custom-elements/duet-cookie-consent.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-532c54fb.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-0df84707.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$6 } from './p-9ead813e.js';
-import { d as defineCustomElement$5 } from './p-154a3f1c.js';
-import { d as defineCustomElement$4 } from './p-c2463a4d.js';
-import { d as defineCustomElement$3 } from './p-671e7f8b.js';
-import { d as defineCustomElement$2 } from './p-6be9ba98.js';
+import { d as defineCustomElement$6 } from './p-45377b84.js';
+import { d as defineCustomElement$5 } from './p-dd54924c.js';
+import { d as defineCustomElement$4 } from './p-0d44f43d.js';
+import { d as defineCustomElement$3 } from './p-f0803854.js';
+import { d as defineCustomElement$2 } from './p-21cfd55b.js';
 
 const duetCookieConsentCss = "*,*::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;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing: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-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;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;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 

package/lib/dist-custom-elements/duet-date-picker.js

@@ -1,19 +1,19 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-532c54fb.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-0df84707.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { F as FocusGuard } from './p-9986919d.js';
 import { a as getLanguage, g as getLocaleString } from './p-ede854e1.js';
 import { h } from './p-e4a60f42.js';
-import { d as defineCustomElement$8 } from './p-882a5cfe.js';
-import { d as defineCustomElement$7 } from './p-bd2b0442.js';
-import { d as defineCustomElement$6 } from './p-154a3f1c.js';
-import { d as defineCustomElement$5 } from './p-605b6117.js';
-import { d as defineCustomElement$4 } from './p-7cb3ff25.js';
-import { d as defineCustomElement$3 } from './p-4e60ac5b.js';
-import { d as defineCustomElement$2 } from './p-6be9ba98.js';
+import { d as defineCustomElement$8 } from './p-aa118c82.js';
+import { d as defineCustomElement$7 } from './p-2cae1940.js';
+import { d as defineCustomElement$6 } from './p-dd54924c.js';
+import { d as defineCustomElement$5 } from './p-667f368c.js';
+import { d as defineCustomElement$4 } from './p-cb5e8149.js';
+import { d as defineCustomElement$3 } from './p-688a047d.js';
+import { d as defineCustomElement$2 } from './p-21cfd55b.js';
 
 const formatOptionsShort = { day: "numeric", month: "long" };
 const formatOptionsLong = { day: "numeric", month: "long", year: "numeric" };