@duetds/components 8.6.6 → 8.6.8

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

@@ -59,19 +59,30 @@ export class DuetScrollable {
     /**
      * Private methods.
      */
-    getScrollPaneElemnets() {
+    getScrollPaneElements() {
         return getElementsFromDefaultSlot(this.element);
     }
     getLastVisibleElement() {
-        const clientWidth = this.scrollPaneElement.clientWidth;
-        const elementIndex = this.getScrollPaneElemnets().findIndex(el => el.getBoundingClientRect().x > clientWidth);
-        return elementIndex;
+        const element = this.getScrollPaneElements().find(el => el.getBoundingClientRect().x +
+            el.getBoundingClientRect().width -
+            this.scrollPaneElement.getBoundingClientRect().x >
+            this.scrollPaneElement.clientWidth);
+        const elementIndex = this.getScrollPaneElements().indexOf(element);
+        //if panel width is less than element width we still want to scroll to next element
+        if (element.clientWidth > this.scrollPaneElement.clientWidth) {
+            return elementIndex;
+        }
+        return elementIndex - 1;
     }
     getFirstVisibleElement() {
-        const arrayOfXValues = this.getScrollPaneElemnets().map(el => el.getBoundingClientRect().x - el.getBoundingClientRect().width);
-        const elementIndex = arrayOfXValues.findIndex(xValue => {
-            return xValue > 0;
-        });
+        const scrollPaneElements = this.getScrollPaneElements();
+        const element = scrollPaneElements.find(el => el.getBoundingClientRect().x > this.scrollPaneElement.getBoundingClientRect().x);
+        const elementIndex = !element ? scrollPaneElements.length : scrollPaneElements.indexOf(element);
+        // if panel width is less than element width we still want to scroll to previous element
+        var currentElIndex = Math.max(elementIndex - 1, 0);
+        if (scrollPaneElements[currentElIndex].clientWidth > this.scrollPaneElement.clientWidth) {
+            return currentElIndex;
+        }
         return elementIndex;
     }
     updateScrollButtons(container = this.scrollPaneElement) {
@@ -92,7 +103,7 @@ export class DuetScrollable {
         }
     }
     scrollToElement(index = this.currentIndex, inline) {
-        const elements = this.getScrollPaneElemnets();
+        const elements = this.getScrollPaneElements();
         if (!elements || elements.length === 0) {
             return;
         }
@@ -127,19 +138,21 @@ export class DuetScrollable {
     }
     scrollLeft() {
         this.scrollPaneAtEnd = false;
-        const first = this.getFirstVisibleElement() - 1;
-        this.scrollToElement(first, "center");
+        const first = this.getFirstVisibleElement();
+        this.scrollToElement(first - 1, "center");
     }
     scrollRight() {
         this.scrollPaneAtStart = false;
-        const last = this.getLastVisibleElement() + 1;
-        this.scrollToElement(last, "center");
+        const last = this.getLastVisibleElement();
+        this.scrollToElement(last + 1, "center");
     }
     /**
      * render() function
      * Always the last one in the class.
      */
     render() {
+        const arrowColor = this.theme === "turva" ? "color-primary-darker-turva" : "color-primary";
+        const arrowColorDisabled = this.theme === "turva" ? "color-gray-turva" : "color-gray";
         return (h(Host, { class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -155,7 +168,7 @@ export class DuetScrollable {
                 [`duet-scrollable-button--${this.buttonAlignment}`]: true,
                 "duet-scrollable-button--left": true,
                 "duet-scrollable-button--occluded": !this.isScrollPaneContentSmallerThanWrapper,
-            }, onClick: () => this.scrollLeft(), disabled: this.scrollPaneAtStart, tabindex: "-1", hidden: !this.buttons }, h("duet-icon", { name: "action-arrow-left-small", size: "small", margin: "none" })), h("div", { class: {
+            }, onClick: () => this.scrollLeft(), disabled: this.scrollPaneAtStart, tabindex: "-1", hidden: !this.buttons }, h("duet-icon", { color: this.scrollPaneAtStart ? arrowColorDisabled : arrowColor, name: "action-arrow-left-small", size: "small", margin: "none" })), h("div", { class: {
                 "duet-scrollable-list": true,
                 collapsed: this.collapsed,
             }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", null)), h("button", { part: `${this.identifier}-button-right`, "aria-hidden": "true", class: {
@@ -163,7 +176,7 @@ export class DuetScrollable {
                 [`duet-scrollable-button--${this.buttonAlignment}`]: true,
                 "duet-scrollable-button--right": true,
                 "duet-scrollable-button--occluded": !this.isScrollPaneContentSmallerThanWrapper,
-            }, onClick: () => this.scrollRight(), disabled: this.scrollPaneAtEnd, tabindex: "-1", hidden: !this.buttons }, h("duet-icon", { name: "action-arrow-right-small", size: "small", margin: "none" })))));
+            }, onClick: () => this.scrollRight(), disabled: this.scrollPaneAtEnd, tabindex: "-1", hidden: !this.buttons }, h("duet-icon", { color: this.scrollPaneAtEnd ? arrowColorDisabled : arrowColor, name: "action-arrow-right-small", size: "small", margin: "none" })))));
     }
     static get is() { return "duet-scrollable"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,6 +47,7 @@ export class DuetTab {
         this.label = undefined;
         this.caption = undefined;
         this.selected = undefined;
+        this.notificationMark = undefined;
         this.accessibleDescriptionDefault = null;
         this.accessibleDescription = this
             .accessibleDescriptionDefault
@@ -200,6 +201,23 @@ export class DuetTab {
                 "attribute": "selected",
                 "reflect": true
             },
+            "notificationMark": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"warning\" | \"danger\"",
+                    "resolved": "\"danger\" | \"warning\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Notification mark to show in the tab button. Works better with plain variation, as the dark background of\nselected default button makes the mark less noticable."
+                },
+                "attribute": "notification-mark",
+                "reflect": true
+            },
             "accessibleDescriptionDefault": {
                 "type": "string",
                 "mutable": false,

package/lib/collection/components/duet-tab-group/duet-tab-group.css

@@ -127,11 +127,75 @@
 .duet-tab-button.duet-m-0 {
   margin: 0 !important;
 }
+.duet-tab-button.duet-notification-mark-warning::after {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  content: "";
+  border-radius: 50%;
+  background: rgb(247, 178, 40);
+  box-shadow: 0 0 0 1px #dea024;
+}
+.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after {
+  top: calc(50% - 0.5rem - 6px);
+  right: -6px;
+}
+.duet-tab-button.duet-notification-mark-danger::after {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  content: "";
+  border-radius: 50%;
+  background: rgb(222, 35, 98);
+  box-shadow: 0 0 0 1px #c82058;
+}
+.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after {
+  top: calc(50% - 0.5rem - 6px);
+  right: -6px;
+}
 .duet-theme-turva .duet-tab-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: rgb(23, 28, 58);
   border-color: rgb(228, 228, 230);
 }
+.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  content: "";
+  border-radius: 50%;
+  background: rgb(250, 164, 15);
+  box-shadow: 0 0 0 1px #e1940e;
+}
+.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after {
+  top: calc(50% - 0.5rem - 6px);
+  right: -6px;
+}
+.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  content: "";
+  border-radius: 50%;
+  background: rgb(224, 42, 13);
+  box-shadow: 0 0 0 1px #ca260c;
+}
+.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after {
+  top: calc(50% - 0.5rem - 6px);
+  right: -6px;
+}
 .duet-tab-button.duet-p-0 {
   padding: 0 !important;
 }

package/lib/collection/components/duet-tab-group/duet-tab-group.js

@@ -65,6 +65,7 @@ export class DuetTabGroup {
                         "duet-tab-button": true,
                         "stackable-tab": this.variation === "checked" && this.tabs.length <= 3,
                         selected: element.selected,
+                        [`duet-notification-mark-${element.notificationMark}`]: !!element.notificationMark,
                     }, onClick: () => this.onTabSelect(index), onKeyDown: ev => this.handleKeyDown(ev) }, this.variation === "checked" ? (h("div", { class: { "checked-tab-content": true, "stackable-checked-tab-content": this.tabs.length <= 3 } }, h("div", { class: { "checked-tab-description": true, "stackable-description": this.tabs.length <= 3 } }, h("p", null, element.label), h("p", { class: { "tab-caption": true, selected: element.selected } }, element.caption)), h("div", { class: { "stackable-checkmark": this.tabs.length <= 3 } }, h("duet-checkmark", { theme: this.theme, checked: element.selected, type: "radio", "presentation-only": true, center: true })))) : (element.label)));
             });
             if (this.scrolls) {

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-ec2e63c1.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-e4489c9c.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-d8d5aa01.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-45ce252d.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-eb5db5c3.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-f010dbb0.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-d160ca6a.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { h } from './p-33937fd7.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-06e608ae.js';
 import { p as parsePossibleJSON } from './p-0e052642.js';
 import { g as getColorByName } from './p-3ec3eb5f.js';
-import { d as defineCustomElement$3 } from './p-6e2cb1f7.js';
-import { d as defineCustomElement$2 } from './p-45469b60.js';
+import { d as defineCustomElement$3 } from './p-3ee1ee19.js';
+import { d as defineCustomElement$2 } from './p-2933d260.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-d160ca6a.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-785686e3.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-2e36d5bf.js';
-import { d as defineCustomElement$3 } from './p-45469b60.js';
-import { d as defineCustomElement$2 } from './p-cf59c4d9.js';
+import { d as defineCustomElement$3 } from './p-2933d260.js';
+import { d as defineCustomElement$2 } from './p-674040a2.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-d160ca6a.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { g as getLocaleString } from './p-2e36d5bf.js';
 import { g as getColorByName } from './p-3ec3eb5f.js';

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

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

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-d160ca6a.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-06e608ae.js';
-import { d as defineCustomElement$2 } from './p-45469b60.js';
+import { d as defineCustomElement$2 } from './p-2933d260.js';
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(0, 41, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";
 

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-6ccb6291.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-5d1b1309.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-d160ca6a.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-785686e3.js';
 import { s as sanitizeString } from './p-0e052642.js';
 import { g as getColorByName } from './p-3ec3eb5f.js';
-import { d as defineCustomElement$3 } from './p-45469b60.js';
-import { d as defineCustomElement$2 } from './p-cf59c4d9.js';
+import { d as defineCustomElement$3 } from './p-2933d260.js';
+import { d as defineCustomElement$2 } from './p-674040a2.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-b056943d.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-1a167655.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-1c4ec089.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-ecb49066.js';
 
 const DuetCheckmark = DuetCheckmark$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetChip$1, d as defineCustomElement$1 } from './p-97bc8883.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-dcbd3217.js';
 
 const DuetChip = DuetChip$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-d160ca6a.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { c as checkNamedSlotElement } from './p-06e608ae.js';
-import { d as defineCustomElement$8 } from './p-6ccb6291.js';
-import { d as defineCustomElement$7 } from './p-6d05127a.js';
-import { d as defineCustomElement$6 } from './p-45469b60.js';
-import { d as defineCustomElement$5 } from './p-c59e4377.js';
-import { d as defineCustomElement$4 } from './p-8718ac36.js';
-import { d as defineCustomElement$3 } from './p-ea821fd6.js';
-import { d as defineCustomElement$2 } from './p-6c3fb452.js';
+import { d as defineCustomElement$8 } from './p-5d1b1309.js';
+import { d as defineCustomElement$7 } from './p-f390637a.js';
+import { d as defineCustomElement$6 } from './p-2933d260.js';
+import { d as defineCustomElement$5 } from './p-b59388e4.js';
+import { d as defineCustomElement$4 } from './p-9a63d9a1.js';
+import { d as defineCustomElement$3 } from './p-8806e54e.js';
+import { d as defineCustomElement$2 } from './p-c6788c34.js';
 
 const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d160ca6a.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, a as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, b as isEscapeKey } from './p-785686e3.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-2e36d5bf.js';
 import { h as hasSlot } from './p-06e608ae.js';
-import { d as defineCustomElement$4 } from './p-6ccb6291.js';
-import { d as defineCustomElement$3 } from './p-45469b60.js';
-import { d as defineCustomElement$2 } from './p-cf59c4d9.js';
+import { d as defineCustomElement$4 } from './p-5d1b1309.js';
+import { d as defineCustomElement$3 } from './p-2933d260.js';
+import { d as defineCustomElement$2 } from './p-674040a2.js';
 
 var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
 

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d160ca6a.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-d5c03b61.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
@@ -9,7 +9,7 @@ import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-785686e3.js';
 import { h as hasSlot } from './p-06e608ae.js';
 import { s as sanitizeString } from './p-0e052642.js';
-import { d as defineCustomElement$2 } from './p-45469b60.js';
+import { d as defineCustomElement$2 } from './p-2933d260.js';
 
 const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}:host(.duet-theme-turva){font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-d160ca6a.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { c as createID } from './p-5e59e970.js';
 import { d as debounce } from './p-9e371678.js';
@@ -10,17 +10,17 @@ import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObser
 import { g as getElementsFromDefaultSlot } from './p-06e608ae.js';
 import { p as parsePossibleJSON } from './p-0e052642.js';
 import { h, F as Fragment } from './p-33937fd7.js';
-import { d as defineCustomElement$c } from './p-dcb28cc1.js';
-import { d as defineCustomElement$b } from './p-6ccb6291.js';
-import { d as defineCustomElement$a } from './p-97bc8883.js';
-import { d as defineCustomElement$9 } from './p-45469b60.js';
-import { d as defineCustomElement$8 } from './p-10cfa2a0.js';
-import { d as defineCustomElement$7 } from './p-0df3de19.js';
-import { d as defineCustomElement$6 } from './p-a6ca6837.js';
-import { d as defineCustomElement$5 } from './p-c59e4377.js';
-import { d as defineCustomElement$4 } from './p-8718ac36.js';
-import { d as defineCustomElement$3 } from './p-ea821fd6.js';
-import { d as defineCustomElement$2 } from './p-6c3fb452.js';
+import { d as defineCustomElement$c } from './p-e4f40301.js';
+import { d as defineCustomElement$b } from './p-5d1b1309.js';
+import { d as defineCustomElement$a } from './p-dcbd3217.js';
+import { d as defineCustomElement$9 } from './p-2933d260.js';
+import { d as defineCustomElement$8 } from './p-9d2943a1.js';
+import { d as defineCustomElement$7 } from './p-2e4d752a.js';
+import { d as defineCustomElement$6 } from './p-2a29afc3.js';
+import { d as defineCustomElement$5 } from './p-b59388e4.js';
+import { d as defineCustomElement$4 } from './p-9a63d9a1.js';
+import { d as defineCustomElement$3 } from './p-8806e54e.js';
+import { d as defineCustomElement$2 } from './p-c6788c34.js';
 
 const SelectSingle = ({ item, search = "", selected }) => {
     const regEx = search !== "" ? new RegExp("(" + search.split(" ").join("|") + ")", "i") : undefined;

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-d160ca6a.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-2e36d5bf.js';
-import { d as defineCustomElement$8 } from './p-dcb28cc1.js';
-import { d as defineCustomElement$7 } from './p-6e2cb1f7.js';
-import { d as defineCustomElement$6 } from './p-45469b60.js';
-import { d as defineCustomElement$5 } from './p-f8fcb31f.js';
-import { d as defineCustomElement$4 } from './p-b5c8a564.js';
-import { d as defineCustomElement$3 } from './p-a6ca6837.js';
-import { d as defineCustomElement$2 } from './p-6c3fb452.js';
+import { d as defineCustomElement$8 } from './p-e4f40301.js';
+import { d as defineCustomElement$7 } from './p-3ee1ee19.js';
+import { d as defineCustomElement$6 } from './p-2933d260.js';
+import { d as defineCustomElement$5 } from './p-a1b81dbc.js';
+import { d as defineCustomElement$4 } from './p-fe0978ef.js';
+import { d as defineCustomElement$3 } from './p-2a29afc3.js';
+import { d as defineCustomElement$2 } from './p-c6788c34.js';
 
 const duetContactCardCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}.duet-contact-card.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}";
 

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d160ca6a.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-785686e3.js';
-import { d as defineCustomElement$6 } from './p-dcb28cc1.js';
-import { d as defineCustomElement$5 } from './p-45469b60.js';
-import { d as defineCustomElement$4 } from './p-cf59c4d9.js';
-import { d as defineCustomElement$3 } from './p-a6ca6837.js';
-import { d as defineCustomElement$2 } from './p-6c3fb452.js';
+import { d as defineCustomElement$6 } from './p-e4f40301.js';
+import { d as defineCustomElement$5 } from './p-2933d260.js';
+import { d as defineCustomElement$4 } from './p-674040a2.js';
+import { d as defineCustomElement$3 } from './p-2a29afc3.js';
+import { d as defineCustomElement$2 } from './p-c6788c34.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:not(.descendant-focused):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:not(.descendant-focused).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:rgb(255, 255, 255) !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:rgb(255, 255, 255) !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,25 +1,25 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-12b8938d.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-d160ca6a.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { c as createID } from './p-5e59e970.js';
 import { F as FocusGuard } from './p-4bd749d9.js';
 import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-2e36d5bf.js';
 import { c as checkNamedSlotElement } from './p-06e608ae.js';
 import { h } from './p-33937fd7.js';
-import { d as defineCustomElement$d } from './p-ec2e63c1.js';
-import { d as defineCustomElement$c } from './p-dcb28cc1.js';
-import { d as defineCustomElement$b } from './p-6ccb6291.js';
-import { d as defineCustomElement$a } from './p-45469b60.js';
-import { d as defineCustomElement$9 } from './p-10cfa2a0.js';
-import { d as defineCustomElement$8 } from './p-0df3de19.js';
-import { d as defineCustomElement$7 } from './p-09fed0c7.js';
-import { d as defineCustomElement$6 } from './p-a6ca6837.js';
-import { d as defineCustomElement$5 } from './p-c59e4377.js';
-import { d as defineCustomElement$4 } from './p-8718ac36.js';
-import { d as defineCustomElement$3 } from './p-ea821fd6.js';
-import { d as defineCustomElement$2 } from './p-6c3fb452.js';
+import { d as defineCustomElement$d } from './p-e4489c9c.js';
+import { d as defineCustomElement$c } from './p-e4f40301.js';
+import { d as defineCustomElement$b } from './p-5d1b1309.js';
+import { d as defineCustomElement$a } from './p-2933d260.js';
+import { d as defineCustomElement$9 } from './p-9d2943a1.js';
+import { d as defineCustomElement$8 } from './p-2e4d752a.js';
+import { d as defineCustomElement$7 } from './p-3a3e990d.js';
+import { d as defineCustomElement$6 } from './p-2a29afc3.js';
+import { d as defineCustomElement$5 } from './p-b59388e4.js';
+import { d as defineCustomElement$4 } from './p-9a63d9a1.js';
+import { d as defineCustomElement$3 } from './p-8806e54e.js';
+import { d as defineCustomElement$2 } from './p-c6788c34.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-74045091.js';
+import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-ee310f8e.js';
 
 const DuetDivider = DuetDivider$1;
 const defineCustomElement = defineCustomElement$1;