@duetds/components 6.6.1 → 6.6.2

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

@@ -282,7 +282,6 @@
 @media (min-width: 62em) {
   .duet-hero.duet-hero-product {
     min-height: 544px;
-    padding: 111.6px 56px;
   }
 }
 .duet-hero.duet-hero-product .background {
@@ -299,7 +298,7 @@
   }
 }
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-product .background {
+  .duet-hero.duet-hero-product .background:not(.narrow) {
     position: absolute;
     top: 0;
     right: 0;
@@ -334,7 +333,7 @@
   }
 }
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-product .background .brand-shaped-image {
+  .duet-hero.duet-hero-product .background .brand-shaped-image:not(.narrow) {
     top: -353px;
     right: -128.15px;
     width: 520px;
@@ -342,10 +341,15 @@
   }
 }
 @media (min-width: 76.25em) {
-  .duet-hero.duet-hero-product .background .brand-shaped-image {
+  .duet-hero.duet-hero-product .background .brand-shaped-image:not(.narrow) {
     width: 736px;
   }
 }
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product .background .brand-shaped-image.narrow {
+    right: 30%;
+  }
+}
 .duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-wrapper {
   position: relative;
   width: 100%;
@@ -369,7 +373,8 @@
   }
 }
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg {
+  .duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg:not(.narrow) {
+    /* stylelint-disable-line */
     width: 800px;
     height: 470px;
   }
@@ -393,7 +398,7 @@
   }
 }
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-product .background .brand-shape {
+  .duet-hero.duet-hero-product .background .brand-shape:not(.narrow) {
     top: auto;
     top: 79px;
     right: 200px;
@@ -402,7 +407,7 @@
   }
 }
 @media (min-width: 76.25em) {
-  .duet-hero.duet-hero-product .background .brand-shape {
+  .duet-hero.duet-hero-product .background .brand-shape:not(.narrow) {
     right: 414px;
     width: 400px;
     height: 400px;
@@ -430,7 +435,7 @@
   }
 }
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-product .background .brand-shaped-icon {
+  .duet-hero.duet-hero-product .background .brand-shaped-icon:not(.narrow) {
     top: 292px;
     right: 220px;
     width: 150px;
@@ -438,29 +443,76 @@
   }
 }
 @media (min-width: 76.25em) {
-  .duet-hero.duet-hero-product .background .brand-shaped-icon {
+  .duet-hero.duet-hero-product .background .brand-shaped-icon:not(.narrow) {
     top: 292px;
     right: 220px;
     width: 186px;
     height: 186px;
   }
 }
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product .background .brand-shaped-icon.narrow {
+    right: 35%;
+  }
+}
 .duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon {
   width: 80px;
   height: 80px;
   transform: rotate(-7deg);
 }
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon {
+  .duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon:not(.narrow) {
+    /* stylelint-disable-line */
     width: 120px;
     height: 120px;
   }
 }
+.duet-hero.duet-hero-product .duet-hero-wrapper {
+  max-width: 100%;
+  margin: 0 auto;
+}
+.duet-hero.duet-hero-product .duet-hero-wrapper.fluid, .duet-hero.duet-hero-product .duet-hero-wrapper.narrow {
+  padding: 0 16px;
+}
+@media (min-width: 36em) {
+  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid {
+    padding: 0 28px;
+  }
+}
 @media (min-width: 62em) {
-  .duet-hero.duet-hero-product .duet-hero-text {
+  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid {
+    padding: 0 56px;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid {
+    max-width: 1110px;
+    padding: 0;
+  }
+}
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text {
     width: 50%;
   }
 }
+.duet-hero.duet-hero-product .duet-hero-wrapper.narrow {
+  max-width: 888px;
+}
+@media (min-width: 36em) {
+  .duet-hero.duet-hero-product .duet-hero-wrapper.narrow {
+    padding: 0 48px;
+  }
+}
+@media (min-width: 48em) {
+  .duet-hero.duet-hero-product .duet-hero-wrapper.narrow {
+    padding: 0 72px;
+  }
+}
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product .duet-hero-wrapper.narrow .duet-hero-text {
+    width: 80%;
+  }
+}
 .duet-hero.duet-hero-product.duet-theme-turva {
   background: white;
 }
@@ -639,13 +691,48 @@
     height: 373px;
   }
 }
+.duet-hero.duet-hero-content .duet-hero-wrapper {
+  max-width: 100%;
+  margin: 0 auto;
+}
+.duet-hero.duet-hero-content .duet-hero-wrapper.fluid, .duet-hero.duet-hero-content .duet-hero-wrapper.narrow {
+  padding: 0 16px;
+}
+@media (min-width: 36em) {
+  .duet-hero.duet-hero-content .duet-hero-wrapper.fluid {
+    padding: 0 28px;
+  }
+}
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-content .duet-hero-wrapper.fluid {
+    padding: 0 56px;
+  }
+}
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-content .duet-hero-wrapper.fluid {
+    max-width: 1110px;
+    padding: 0;
+  }
+}
+.duet-hero.duet-hero-content .duet-hero-wrapper.narrow {
+  max-width: 888px;
+}
+@media (min-width: 36em) {
+  .duet-hero.duet-hero-content .duet-hero-wrapper.narrow {
+    padding: 0 48px;
+  }
+}
+@media (min-width: 48em) {
+  .duet-hero.duet-hero-content .duet-hero-wrapper.narrow {
+    padding: 0 72px;
+  }
+}
 .duet-hero.duet-hero-content .duet-hero-text {
-  width: auto;
-  max-width: 732px;
+  max-width: 100%;
 }
 @media (min-width: 62em) {
   .duet-hero.duet-hero-content .duet-hero-text {
-    margin-left: auto;
+    width: 80%;
   }
 }
 .duet-hero.duet-hero-content.duet-theme-turva {

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

@@ -58,6 +58,7 @@ export class DuetHero {
     this.back = undefined;
     this.listItems = undefined;
     this.actions = undefined;
+    this.layout = "narrow";
   }
   /**
    * Component lifecycle events.
@@ -150,7 +151,7 @@ export class DuetHero {
         "duet-hero-gray-with-back": !!this.processedBack,
         "duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
         "duet-hero-left-align": this.leftAlign && !campaignOrSection,
-      }, part: "duet-hero" }, campaignOrSection && this.image && (h("div", null, h("div", { class: "background" }, h("div", { class: "brand-container" }, h("div", { class: "brand", style: styles }))), h("div", { class: "brand-shape" }))), this.variation === "product" && this.image && (h("div", { class: "background" }, h("div", { class: "background-mask" }), this.theme !== "turva" && h("div", { class: "brand-shape" }), h("div", { class: "brand-shaped-image" }, h("div", { class: "brand-shaped-image-wrapper" }, h("div", { class: "brand-shaped-image-bg", style: styles }))), this.categoryIcon && (h("div", { class: "brand-shaped-icon" }, h("duet-icon", { background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))), this.variation === "content" && this.image && (h("div", { class: "background" }, h("div", { class: "background-mask" }), this.theme !== "turva" && h("div", { class: "brand-shape" }), h("div", { class: "brand-shaped-image" }, h("div", { class: "brand-shaped-image-wrapper" }, h("div", { class: "brand-shaped-image-bg", style: styles }))))), h("div", { class: "duet-hero-wrapper" }, this.image && this.variation === "image" && (h("div", { class: "duet-hero-image-mask" }, h("div", { class: "duet-hero-image-wrapper" }, h("div", { class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+      }, part: "duet-hero" }, campaignOrSection && this.image && (h("div", null, h("div", { class: "background" }, h("div", { class: "brand-container" }, h("div", { class: "brand", style: styles }))), h("div", { class: "brand-shape" }))), this.variation === "product" && this.image && (h("div", { class: { background: true, [this.layout]: true } }, h("div", { class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { class: { "brand-shape": true, [this.layout]: true } }), h("div", { class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))), this.variation === "content" && this.image && (h("div", { class: "background" }, h("div", { class: "background-mask" }), this.theme !== "turva" && h("div", { class: "brand-shape" }), h("div", { class: "brand-shaped-image" }, h("div", { class: "brand-shaped-image-wrapper" }, h("div", { class: "brand-shaped-image-bg", style: styles }))))), h("div", { class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { class: "duet-hero-image-mask" }, h("div", { class: "duet-hero-image-wrapper" }, h("div", { class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
       this.processedBack && (h("div", { class: "duet-hero-back" }, h("duet-button", { style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
         label: this.processedBack.label,
         href: this.processedBack.href,
@@ -686,6 +687,24 @@ export class DuetHero {
         },
         "attribute": "actions",
         "reflect": false
+      },
+      "layout": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "\"narrow\" | \"fluid\"",
+          "resolved": "\"fluid\" | \"narrow\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Layout."
+        },
+        "attribute": "layout",
+        "reflect": false,
+        "defaultValue": "\"narrow\""
       }
     };
   }

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

@@ -322,7 +322,7 @@ duet-caption:not(:last-of-type) {
 }
 
 .duet-input-tooltip::after {
-  display: block;
+  display: inline-block;
   height: 49px;
   content: " ";
 }

package/lib/collection/components/duet-menu-bar/duet-menu-bar.css

@@ -24,8 +24,6 @@
 }
 
 .duet-menu-bar {
-  position: relative;
-  z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;

package/lib/collection/components/duet-page-heading/duet-page-heading.css

@@ -32,7 +32,6 @@
   overflow: hidden;
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: #00294d;
-  background: white;
 }
 .duet-page-heading.duet-p-0 {
   padding: 0 !important;

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-e9377a6f.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-35c42834.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-0f388d82.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-691b1920.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-fc736d50.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-3bd1c042.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-d2ab6c91.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-e565b192.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-d555c27d.js';
+import { d as defineCustomElement$2 } from './p-a1657855.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-d2ab6c91.js';
+import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-e565b192.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { g as getLocaleString } from './p-ede854e1.js';
-import { d as defineCustomElement$2 } from './p-d555c27d.js';
+import { d as defineCustomElement$2 } from './p-a1657855.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-22d5db87.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-f039872b.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-cc44f2ef.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-add72ec7.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-d2ab6c91.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, b as Host } from './p-e565b192.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-d555c27d.js';
-import { d as defineCustomElement$2 } from './p-c40c2037.js';
+import { d as defineCustomElement$3 } from './p-a1657855.js';
+import { d as defineCustomElement$2 } from './p-7f5fd72b.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-ce3c83bd.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-ae7cfbe5.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-799128c4.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-19440466.js';
 
 const DuetCheckmark = DuetCheckmark$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-d2ab6c91.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-e565b192.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-cc44f2ef.js';
-import { d as defineCustomElement$5 } from './p-72fd3c82.js';
-import { d as defineCustomElement$4 } from './p-d555c27d.js';
-import { d as defineCustomElement$3 } from './p-641086b9.js';
-import { d as defineCustomElement$2 } from './p-bd9de5b1.js';
+import { d as defineCustomElement$6 } from './p-add72ec7.js';
+import { d as defineCustomElement$5 } from './p-eecb0a82.js';
+import { d as defineCustomElement$4 } from './p-a1657855.js';
+import { d as defineCustomElement$3 } from './p-7e80afc3.js';
+import { d as defineCustomElement$2 } from './p-85a51040.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-d2ab6c91.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-e565b192.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-cc44f2ef.js';
-import { d as defineCustomElement$4 } from './p-d555c27d.js';
-import { d as defineCustomElement$3 } from './p-c40c2037.js';
-import { d as defineCustomElement$2 } from './p-bd9de5b1.js';
+import { d as defineCustomElement$5 } from './p-add72ec7.js';
+import { d as defineCustomElement$4 } from './p-a1657855.js';
+import { d as defineCustomElement$3 } from './p-7f5fd72b.js';
+import { d as defineCustomElement$2 } from './p-85a51040.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-d2ab6c91.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-e565b192.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-d555c27d.js';
+import { d as defineCustomElement$2 } from './p-a1657855.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}: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:#00294d}: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:#171c3a}: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:#00294d}@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:#171c3a}: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:#00294d;cursor:pointer;border-radius:4px}.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:#171c3a}.duet-collapsible-heading .duet-collapsible-heading-content{flex:0 auto;min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{flex:1 0 auto;margin-left:16px}.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-theme-turva) .duet-collapsible-heading: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:#00294d;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, b as Host } from './p-d2ab6c91.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-e565b192.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-d555c27d.js';
+import { d as defineCustomElement$2 } from './p-a1657855.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-d2ab6c91.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-e565b192.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$6 } from './p-22d5db87.js';
-import { d as defineCustomElement$5 } from './p-d555c27d.js';
-import { d as defineCustomElement$4 } from './p-c40c2037.js';
-import { d as defineCustomElement$3 } from './p-9087725f.js';
-import { d as defineCustomElement$2 } from './p-bd9de5b1.js';
+import { d as defineCustomElement$6 } from './p-f039872b.js';
+import { d as defineCustomElement$5 } from './p-a1657855.js';
+import { d as defineCustomElement$4 } from './p-7f5fd72b.js';
+import { d as defineCustomElement$3 } from './p-f6adaddb.js';
+import { d as defineCustomElement$2 } from './p-85a51040.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,21 +1,21 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-d2ab6c91.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-e565b192.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$a } from './p-e9377a6f.js';
-import { d as defineCustomElement$9 } from './p-22d5db87.js';
-import { d as defineCustomElement$8 } from './p-cc44f2ef.js';
-import { d as defineCustomElement$7 } from './p-d555c27d.js';
-import { d as defineCustomElement$6 } from './p-ccb69669.js';
-import { d as defineCustomElement$5 } from './p-e2a56394.js';
-import { d as defineCustomElement$4 } from './p-9087725f.js';
-import { d as defineCustomElement$3 } from './p-641086b9.js';
-import { d as defineCustomElement$2 } from './p-bd9de5b1.js';
+import { d as defineCustomElement$a } from './p-35c42834.js';
+import { d as defineCustomElement$9 } from './p-f039872b.js';
+import { d as defineCustomElement$8 } from './p-add72ec7.js';
+import { d as defineCustomElement$7 } from './p-a1657855.js';
+import { d as defineCustomElement$6 } from './p-92475994.js';
+import { d as defineCustomElement$5 } from './p-5392a088.js';
+import { d as defineCustomElement$4 } from './p-f6adaddb.js';
+import { d as defineCustomElement$3 } from './p-7e80afc3.js';
+import { d as defineCustomElement$2 } from './p-85a51040.js';
 
 const formatOptionsShort = { day: "numeric", month: "long" };
 const formatOptionsLong = { day: "numeric", month: "long", year: "numeric" };

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-ac3c7ec9.js';
+import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-69aed4fa.js';
 
 const DuetDivider = DuetDivider$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-editable-table.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetEditableTable$1, d as defineCustomElement$1 } from './p-f5374a36.js';
+import { D as DuetEditableTable$1, d as defineCustomElement$1 } from './p-8dd42921.js';
 
 const DuetEditableTable = DuetEditableTable$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-empty-state.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetEmptyState$1, d as defineCustomElement$1 } from './p-624f932a.js';
+import { D as DuetEmptyState$1, d as defineCustomElement$1 } from './p-67b44d57.js';
 
 const DuetEmptyState = DuetEmptyState$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetFieldset$1, d as defineCustomElement$1 } from './p-72fd3c82.js';
+import { D as DuetFieldset$1, d as defineCustomElement$1 } from './p-eecb0a82.js';
 
 const DuetFieldset = DuetFieldset$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-d2ab6c91.js';
+import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-e565b192.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { a as getLanguage, g as getLocaleString } from './p-ede854e1.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
-import { d as defineCustomElement$4 } from './p-d555c27d.js';
-import { d as defineCustomElement$3 } from './p-edc40331.js';
-import { d as defineCustomElement$2 } from './p-bd9de5b1.js';
+import { d as defineCustomElement$4 } from './p-a1657855.js';
+import { d as defineCustomElement$3 } from './p-baef8898.js';
+import { d as defineCustomElement$2 } from './p-85a51040.js';
 
 var actionArrowRight={"title":"action-arrow-right","tags":"action arrow right caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M5.499 24a.752.752 0 0 1-.53-1.281L15.689 12 4.969 1.28c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l10.72 10.72a1.5 1.5 0 0 1 .001 2.119L6.029 23.78a.743.743 0 0 1-.53.22z\"/></svg>"};
 

package/lib/dist-custom-elements/duet-grid-item.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetGridItem$1, d as defineCustomElement$1 } from './p-01a3fc90.js';
+import { D as DuetGridItem$1, d as defineCustomElement$1 } from './p-ce6c013f.js';
 
 const DuetGridItem = DuetGridItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetGrid$1, d as defineCustomElement$1 } from './p-0303fc6c.js';
+import { D as DuetGrid$1, d as defineCustomElement$1 } from './p-d117f5df.js';
 
 const DuetGrid = DuetGrid$1;
 const defineCustomElement = defineCustomElement$1;