@duetds/components 6.3.2 → 6.3.4

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

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

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

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

package/lib/cjs/duet.cjs.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-const index = require('./index-f0637f79.js');
-const appGlobals = require('./app-globals-a032b236.js');
+const index = require('./index-2c9f4ea0.js');
+const appGlobals = require('./app-globals-4ab83f59.js');
 
 /*
  Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com

package/lib/cjs/{focus-utils-ca608ee9.js → focus-utils-a86d4897.js}

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

package/lib/cjs/{index-f0637f79.js → index-2c9f4ea0.js}

@@ -24,7 +24,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'duet';
-const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"3.0.23"};
+const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"3.0.25"};
 
 /**
  * Virtual DOM patching algorithm based on Snabbdom by

package/lib/cjs/loader.cjs.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f0637f79.js');
-const appGlobals = require('./app-globals-a032b236.js');
+const index = require('./index-2c9f4ea0.js');
+const appGlobals = require('./app-globals-4ab83f59.js');
 
 /*
  Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com

package/lib/collection/components/duet-editable-table/duet-editable-table.js

@@ -114,7 +114,7 @@ export class DuetEditableTable {
     }
     // iterate through actions and add them in the sidebar
     return (h("td", { class: "duet-text-right" }, this.actions.map(actionItem => {
-      return (h("duet-action-button", { actionMeta: Object.assign({}, (rowItem === null || rowItem === void 0 ? void 0 : rowItem.meta) || {}, { index }), actionId: (rowItem === null || rowItem === void 0 ? void 0 : rowItem.uid) || (rowItem === null || rowItem === void 0 ? void 0 : rowItem.id) || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background }));
+      return (h("duet-action-button", { actionMeta: Object.assign({}, (rowItem === null || rowItem === void 0 ? void 0 : rowItem.meta) || {}, { index }), actionId: (rowItem === null || rowItem === void 0 ? void 0 : rowItem.uid) || (rowItem === null || rowItem === void 0 ? void 0 : rowItem.id) || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${getLocaleString(actionItem.label)} ${rowItem.name || ""}` }));
     })));
   }
   renderTableBody() {

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

@@ -202,6 +202,123 @@
 .duet-hero.duet-hero-section .background {
   min-height: 520px;
 }
+.duet-hero.duet-hero-product {
+  position: relative;
+  padding: 0;
+  overflow: hidden;
+  background: white;
+}
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product {
+    min-height: 544px;
+    padding: 111.6px 56px;
+  }
+}
+.duet-hero.duet-hero-product .background {
+  position: relative;
+  width: 100%;
+  height: 236px;
+  margin: 0 0 28px;
+}
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product .background {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 544px;
+    margin: 0;
+  }
+}
+.duet-hero.duet-hero-product .background .brand-shaped-image {
+  position: absolute;
+  top: -10px;
+  right: 0;
+  width: 100%;
+  max-width: 95%;
+  height: 100%;
+  background-repeat: no-repeat;
+  background-position: right top;
+  background-size: contain;
+  mix-blend-mode: normal;
+}
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product .background .brand-shaped-image {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 50%;
+    max-width: 735px;
+    height: 100%;
+    background-position: left top;
+  }
+}
+.duet-hero.duet-hero-product .background .brand-shape {
+  position: absolute;
+  bottom: 0;
+  left: calc(50% - 120.305px - 129.2px);
+  width: 240.61px;
+  height: 240.61px;
+  background: #e6f2f8;
+  border-radius: 60.1517px;
+  mix-blend-mode: normal;
+  transform: rotate(7deg);
+}
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product .background .brand-shape {
+    top: auto;
+    right: 414.01px;
+    bottom: 50px;
+    left: auto;
+    width: 400px;
+    height: 400px;
+    border-radius: 100px;
+  }
+}
+.duet-hero.duet-hero-product .background .brand-shaped-icon {
+  position: absolute;
+  right: 20px;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 85.98px;
+  height: 85.98px;
+  background: rgba(0, 119, 179, 0.75);
+  border-radius: 21.4952px;
+  mix-blend-mode: normal;
+  transform: rotate(7deg);
+}
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product .background .brand-shaped-icon {
+    right: 223.61px;
+    bottom: 50px;
+    width: 186.64px;
+    height: 186.64px;
+    border-radius: 46.6612px;
+  }
+}
+.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 {
+    width: 120px;
+    height: 120px;
+  }
+}
+@media (min-width: 62em) {
+  .duet-hero.duet-hero-product .duet-hero-text {
+    width: 50%;
+  }
+}
+.duet-hero.duet-hero-product.duet-theme-turva {
+  background: white;
+}
+.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon {
+  background: rgba(198, 12, 48, 0.75);
+}
 .duet-hero.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: #c60c30;

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

@@ -104,7 +104,7 @@ export class DuetHero {
       transform: "translateX(-8px)",
     };
     let headingVisualLevel = this.variation === "gray" || this.variation === "minimal" ? "h2" : "h1";
-    if (campaignOrSection) {
+    if (campaignOrSection || this.variation === "product") {
       headingVisualLevel = "h0";
     }
     let headingColor = this.variation === "default" ? "gray-lightest" : "";
@@ -122,7 +122,8 @@ export class DuetHero {
       this.variation === "image" ||
       this.variation === "gray" ||
       this.variation === "minimal" ||
-      campaignOrSection) {
+      campaignOrSection ||
+      this.variation === "product") {
       textColor = "secondary";
       if (this.theme === "turva") {
         textColor = "secondary-turva";
@@ -141,17 +142,18 @@ export class DuetHero {
         "duet-hero-with-image": this.variation === "image",
         "duet-hero-campaign": this.variation === "campaign",
         "duet-hero-section": this.variation === "section",
+        "duet-hero-product": this.variation === "product",
         "duet-hero-gray-with-actions": !!this.processedActions,
         "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", { class: "background", style: styles }, h("div", { class: "brand-shape" }))), 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", { class: "background", style: styles }, h("div", { class: "brand-shape" }))), this.variation === "product" && this.image && (h("div", { class: "background" }, this.theme !== "turva" && h("div", { class: "brand-shape" }), h("div", { class: "brand-shaped-image", style: styles }), this.categoryIcon && (h("div", { class: "brand-shaped-icon" }, h("duet-icon", { background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))), 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") &&
       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,
         id: this.processedBack.id,
         analyticsId: this.processedBack.analyticsId,
-      }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (h("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { class: "duet-hero-text", part: "duet-hero-text" }, this.preHeading && (h("duet-paragraph", { margin: "none", class: "duet-hero-pre" }, this.preHeading)), h("slot", { name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? this.heading : h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("slot", { name: "subheading" }))), this.description && (h("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (h("duet-list-item", null, h("span", { slot: "label" }, item.label), h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (h("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), h("span", { class: "duet-hero-slot-unnamed" }, h("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { class: "duet-hero-links" }, this.processedActions.map(item => (h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, h("div", { class: "duet-hero-action-icon" }, h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (h("div", { class: "duet-hero-action-arrow" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image && this.variation !== "image" && !campaignOrSection && (h("div", { class: "duet-hero-image", style: styles })), h("slot", { name: "bottom" }))));
+      }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (h("duet-icon", { class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { class: "duet-hero-text", part: "duet-hero-text" }, this.preHeading && (h("duet-paragraph", { margin: "none", class: "duet-hero-pre" }, this.preHeading)), h("slot", { name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? this.heading : h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("slot", { name: "subheading" }))), this.description && (h("duet-paragraph", { theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (h("duet-list-item", null, h("span", { slot: "label" }, item.label), h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (h("duet-button", { url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), h("span", { class: "duet-hero-slot-unnamed" }, h("slot", null))), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { class: "duet-hero-links" }, this.processedActions.map(item => (h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, h("div", { class: "duet-hero-action-icon" }, h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (h("div", { class: "duet-hero-action-arrow" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image && this.variation !== "image" && !campaignOrSection && this.variation !== "product" && (h("div", { class: "duet-hero-image", style: styles })), h("slot", { name: "bottom" }))));
   }
   static get is() { return "duet-hero"; }
   static get encapsulation() { return "shadow"; }
@@ -610,7 +612,7 @@ export class DuetHero {
         "mutable": false,
         "complexType": {
           "original": "DuetHeroVariation",
-          "resolved": "\"campaign\" | \"default\" | \"gray\" | \"image\" | \"light\" | \"minimal\" | \"section\"",
+          "resolved": "\"campaign\" | \"default\" | \"gray\" | \"image\" | \"light\" | \"minimal\" | \"product\" | \"section\"",
           "references": {
             "DuetHeroVariation": {
               "location": "local"

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

@@ -391,6 +391,7 @@ export class DuetUpload {
             uid: data.uid,
             item,
             group,
+            name: data.item.name,
           });
         }
         else if (group === this.DefaultGroups.inprogress) {
@@ -398,6 +399,7 @@ export class DuetUpload {
             uid: data.uid,
             item,
             group,
+            name: data.item.name,
           });
         }
         else if (group === this.DefaultGroups.pending) {
@@ -405,6 +407,7 @@ export class DuetUpload {
             uid: data.uid,
             item,
             group,
+            name: data.item.name,
           });
         }
         else if (group === this.DefaultGroups.failure) {
@@ -412,6 +415,7 @@ export class DuetUpload {
             uid: data.uid,
             item,
             group,
+            name: data.item.name,
           });
         }
         else if (data.group) {
@@ -419,6 +423,7 @@ export class DuetUpload {
             uid: data.uid,
             item,
             group: data.group,
+            name: data.item.name,
           });
         }
       });
@@ -475,7 +480,7 @@ export class DuetUpload {
         map: ["success", "failure"],
         label: {
           fi: "Poista tiedosto",
-          en: "Poista tiedosto",
+          en: "Delete the file",
           sv: "Ta bort filen",
         },
       },
@@ -1000,7 +1005,7 @@ export class DuetUpload {
           "tags": [],
           "text": "Default actions added to the internally used duet-editable-table"
         },
-        "defaultValue": "[\n    {\n      icon: \"action-delete\",\n      color: \"color-danger\",\n      size: \"x-small\",\n      background: \"gray-lightest\",\n      name: \"delete\",\n      map: [\"success\", \"failure\"],\n      label: {\n        fi: \"Poista tiedosto\",\n        en: \"Poista tiedosto\",\n        sv: \"Ta bort filen\",\n      },\n    },\n    {\n      icon: \"navigation-close\",\n      color: \"primary\",\n      size: \"x-small\",\n      background: \"gray-lightest\",\n      name: \"cancel\",\n      map: [\"inprogress\", \"pending\"],\n      label: {\n        fi: \"Keskeyt\u00E4 l\u00E4hetys\",\n        en: \"Cancel the upload\",\n        sv: \"Stop \u00F6verf\u00F6ringen\",\n      },\n    },\n  ]"
+        "defaultValue": "[\n    {\n      icon: \"action-delete\",\n      color: \"color-danger\",\n      size: \"x-small\",\n      background: \"gray-lightest\",\n      name: \"delete\",\n      map: [\"success\", \"failure\"],\n      label: {\n        fi: \"Poista tiedosto\",\n        en: \"Delete the file\",\n        sv: \"Ta bort filen\",\n      },\n    },\n    {\n      icon: \"navigation-close\",\n      color: \"primary\",\n      size: \"x-small\",\n      background: \"gray-lightest\",\n      name: \"cancel\",\n      map: [\"inprogress\", \"pending\"],\n      label: {\n        fi: \"Keskeyt\u00E4 l\u00E4hetys\",\n        en: \"Cancel the upload\",\n        sv: \"Stop \u00F6verf\u00F6ringen\",\n      },\n    },\n  ]"
       },
       "uri": {
         "type": "string",

package/lib/collection/global/duet-global.js

@@ -1,6 +1,7 @@
 /*!
  * Built with Duet Design System
  */
+import { setupLoggers } from "./log-wrapper";
 const TAB_KEY = 9;
 export default () => {
   function listenKeys(event) {
@@ -28,4 +29,5 @@ export default () => {
   if (typeof window !== "undefined") {
     window.addEventListener("keydown", listenKeys, false);
   }
+  setupLoggers();
 };

package/lib/collection/global/log-wrapper.js

@@ -0,0 +1,35 @@
+/*!
+ * Built with Duet Design System
+ */
+import { Build } from "@stencil/core";
+export const setupLoggers = () => {
+  if (!Build.isDev) {
+    globalThis.ds = {
+      log: () => {
+        return;
+      },
+      warn: () => {
+        return;
+      },
+      info: () => {
+        return;
+      },
+    };
+  }
+  else {
+    const dsLog = (...args) => {
+      console.log(...args);
+    };
+    const dsWarn = (...args) => {
+      console.warn(...args);
+    };
+    const dsInfo = (...args) => {
+      console.warn(...args);
+    };
+    globalThis.ds = {
+      log: dsLog,
+      warn: dsWarn,
+      info: dsInfo,
+    };
+  }
+};

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-c9e0e878.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-a9818eef.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-3ca06575.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-0591f210.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-f5b9bf0c.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-c09f02ce.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-4c80cffa.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-d74ef562.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-0b90dcf3.js';
+import { d as defineCustomElement$2 } from './p-ddf4475a.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-4c80cffa.js';
+import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-d74ef562.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { g as getLocaleString } from './p-ede854e1.js';
-import { d as defineCustomElement$2 } from './p-0b90dcf3.js';
+import { d as defineCustomElement$2 } from './p-ddf4475a.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-48d41a98.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-45288df3.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-7fa0f2e4.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-6bd92b6e.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-4c80cffa.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, b as Host } from './p-d74ef562.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-0b90dcf3.js';
-import { d as defineCustomElement$2 } from './p-8aed8d2e.js';
+import { d as defineCustomElement$3 } from './p-ddf4475a.js';
+import { d as defineCustomElement$2 } from './p-2e7690c7.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-9eb58394.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-60f5c17a.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-4c80cffa.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-d74ef562.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-7fa0f2e4.js';
-import { d as defineCustomElement$5 } from './p-65576e56.js';
-import { d as defineCustomElement$4 } from './p-0b90dcf3.js';
-import { d as defineCustomElement$3 } from './p-1ff3bcb0.js';
-import { d as defineCustomElement$2 } from './p-cd306403.js';
+import { d as defineCustomElement$6 } from './p-6bd92b6e.js';
+import { d as defineCustomElement$5 } from './p-d2263b57.js';
+import { d as defineCustomElement$4 } from './p-ddf4475a.js';
+import { d as defineCustomElement$3 } from './p-72e4c302.js';
+import { d as defineCustomElement$2 } from './p-068a5013.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-4c80cffa.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-d74ef562.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-7fa0f2e4.js';
-import { d as defineCustomElement$4 } from './p-0b90dcf3.js';
-import { d as defineCustomElement$3 } from './p-8aed8d2e.js';
-import { d as defineCustomElement$2 } from './p-cd306403.js';
+import { d as defineCustomElement$5 } from './p-6bd92b6e.js';
+import { d as defineCustomElement$4 } from './p-ddf4475a.js';
+import { d as defineCustomElement$3 } from './p-2e7690c7.js';
+import { d as defineCustomElement$2 } from './p-068a5013.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-4c80cffa.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-d74ef562.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-0b90dcf3.js';
+import { d as defineCustomElement$2 } from './p-ddf4475a.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-4c80cffa.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-d74ef562.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-0b90dcf3.js';
+import { d as defineCustomElement$2 } from './p-ddf4475a.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-4c80cffa.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-d74ef562.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$6 } from './p-48d41a98.js';
-import { d as defineCustomElement$5 } from './p-0b90dcf3.js';
-import { d as defineCustomElement$4 } from './p-8aed8d2e.js';
-import { d as defineCustomElement$3 } from './p-79bc334a.js';
-import { d as defineCustomElement$2 } from './p-cd306403.js';
+import { d as defineCustomElement$6 } from './p-45288df3.js';
+import { d as defineCustomElement$5 } from './p-ddf4475a.js';
+import { d as defineCustomElement$4 } from './p-2e7690c7.js';
+import { d as defineCustomElement$3 } from './p-72c6ad08.js';
+import { d as defineCustomElement$2 } from './p-068a5013.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-4c80cffa.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-d74ef562.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-c9e0e878.js';
-import { d as defineCustomElement$7 } from './p-7fa0f2e4.js';
-import { d as defineCustomElement$6 } from './p-0b90dcf3.js';
-import { d as defineCustomElement$5 } from './p-38ee4b5b.js';
-import { d as defineCustomElement$4 } from './p-f2134be9.js';
-import { d as defineCustomElement$3 } from './p-1ff3bcb0.js';
-import { d as defineCustomElement$2 } from './p-cd306403.js';
+import { d as defineCustomElement$8 } from './p-a9818eef.js';
+import { d as defineCustomElement$7 } from './p-6bd92b6e.js';
+import { d as defineCustomElement$6 } from './p-ddf4475a.js';
+import { d as defineCustomElement$5 } from './p-c6ff1566.js';
+import { d as defineCustomElement$4 } from './p-b2768149.js';
+import { d as defineCustomElement$3 } from './p-72e4c302.js';
+import { d as defineCustomElement$2 } from './p-068a5013.js';
 
 const formatOptionsShort = { day: "numeric", month: "long" };
 const formatOptionsLong = { day: "numeric", month: "long", year: "numeric" };