@duetds/components 9.0.0 → 9.0.2

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

@@ -170,6 +170,8 @@ export class DuetInput {
         this.disabled = false;
         this.identifier = undefined;
         this.margin = "auto";
+        this.inputAlign = "left";
+        this.inputPadding = "medium";
         this.required = false;
         this.type = "text";
         this.variation = "default";
@@ -198,8 +200,7 @@ export class DuetInput {
         this.disallowPatternRegex = this.disallowPattern ? new RegExp(this.disallowPattern, "gu") : null;
     }
     valueChanged() {
-        var _a;
-        if (((_a = this === null || this === void 0 ? void 0 : this.nativeInput) === null || _a === void 0 ? void 0 : _a.value) !== this.value) {
+        if (this.nativeInput && this.nativeInput.value !== this.value) {
             const restoreCursor = resetCursor(this.nativeInput);
             this.nativeInput.value = this.value;
             // restore selection position after having set valuea
@@ -361,6 +362,8 @@ export class DuetInput {
                 "is-number": this.component === "number",
                 "is-date": this.component === "date",
                 "after-chip": this.getAllChips().length > 0,
+                "align-right": this.inputAlign === "right",
+                [`input-padding-${this.inputPadding}`]: true,
             }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (h("div", { class: "duet-input-icon" }, h("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (h("div", { class: {
                 "duet-input-clear-icon": true,
                 "duet-input-clear-icon-single": !hasInputIcon,
@@ -751,6 +754,48 @@ export class DuetInput {
                 "reflect": false,
                 "defaultValue": "\"auto\""
             },
+            "inputAlign": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"left\" | \"right\"",
+                    "resolved": "\"left\" | \"right\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Alignment of the input element"
+                },
+                "attribute": "input-align",
+                "reflect": false,
+                "defaultValue": "\"left\""
+            },
+            "inputPadding": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DuetInputPadding",
+                    "resolved": "\"medium\" | \"small\" | \"x-small\" | \"xx-small\"",
+                    "references": {
+                        "DuetInputPadding": {
+                            "location": "import",
+                            "path": "../../common-types",
+                            "id": "src/common-types.d.ts::DuetInputPadding"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Padding of the input element. Use this only in special cases, never with regular forms.\nSetting this to other than the default will not work properly with button variation or\ntogether with icons."
+                },
+                "attribute": "input-padding",
+                "reflect": false,
+                "defaultValue": "\"medium\""
+            },
             "required": {
                 "type": "boolean",
                 "mutable": false,

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

@@ -5,6 +5,7 @@ import { Build, h, Host, } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common";
 import { createID } from "../../utils/create-id";
 import { cleanValue } from "../../utils/input-utils";
+import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLocaleString, } from "../../utils/language-utils";
 import { checkNamedSlotElement } from "../../utils/slot-utils";
 const CharacterCount = ({ value, maxlength, label, theme }) => {
     if (maxlength == null) {
@@ -30,6 +31,11 @@ export class DuetTextarea {
         this.errorId = createID("DuetError");
         this.characterCountId = createID("DuetCharacterCount");
         this.disallowPatternRegex = null;
+        this.counterLabelDefaults = {
+            fi: "merkkiä jäljellä",
+            en: "characters remaining",
+            sv: "tecken kvar",
+        };
         /**
          * Component event handling.
          */
@@ -118,7 +124,7 @@ export class DuetTextarea {
         this.value = "";
         this.disallowPattern = null;
         this.counter = false;
-        this.counterLabel = undefined;
+        this.counterLabel = getLocaleString(this.counterLabelDefaults);
     }
     disallowedPatternChange() {
         this.disallowPatternRegex = this.disallowPattern ? new RegExp(this.disallowPattern, "gu") : null;
@@ -134,12 +140,15 @@ export class DuetTextarea {
         if (this.counter && this.maxlength == null) {
             console.warn("[DUET WARNING]: counter will only take effect if maxlength is set");
         }
-        if (!this.counter && this.counterLabel != null) {
-            console.warn("[DUET WARNING]: counter-label is redundant unless used with counter");
-        }
-        if (this.counter && !this.counterLabel) {
-            console.warn("[DUET WARNING]: counter requires counter-label to be set");
-        }
+    }
+    connectedCallback() {
+        connectLanguageChangeObserver(this, {
+            prop: "counterLabel",
+            defaults: "counterLabelDefaults",
+        });
+    }
+    disconnectedCallback() {
+        disconnectLanguageChangeObserver(this);
     }
     /**
      * Sets focus on the specified `duet-textarea`. Use this method instead of the global
@@ -765,7 +774,7 @@ export class DuetTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Display character counter. Must be used in conjunction with\n**maxlength** and **counterLabel** properties."
+                    "text": "Display character counter. Must be used in conjunction with  **maxlength** property."
                 },
                 "attribute": "counter",
                 "reflect": false,
@@ -782,11 +791,15 @@ export class DuetTextarea {
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [],
-                    "text": "Accessible label for character counter. Must be used in conjunction with\n**counter** property."
+                    "tags": [{
+                            "name": "default",
+                            "text": "fi: \"merkki\u00E4 j\u00E4ljell\u00E4\", en: \"characters remaining\", sv: \"tecken kvar\""
+                        }],
+                    "text": "Accessible label for character counter."
                 },
                 "attribute": "counter-label",
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "getLocaleString(this.counterLabelDefaults)"
             }
         };
     }

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-f473f372.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-0c2421ed.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-a88c8a83.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-3236c232.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-ed7ebe18.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-940209c1.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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h } from './p-8764aea1.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-fc9b988f.js';
 import { p as parsePossibleJSON } from './p-0e052642.js';
 import { g as getColorByName } from './p-3ec3eb5f.js';
-import { d as defineCustomElement$3 } from './p-ff219485.js';
-import { d as defineCustomElement$2 } from './p-64704a72.js';
+import { d as defineCustomElement$3 } from './p-fb0d43f7.js';
+import { d as defineCustomElement$2 } from './p-ea482c86.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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.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-7915de0a.js';
-import { d as defineCustomElement$3 } from './p-64704a72.js';
-import { d as defineCustomElement$2 } from './p-3d250ee3.js';
+import { d as defineCustomElement$3 } from './p-ea482c86.js';
+import { d as defineCustomElement$2 } from './p-b6ae3f0f.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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getLocaleString } from './p-7915de0a.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-a6699e20.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-47c7860f.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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-fc9b988f.js';
-import { d as defineCustomElement$2 } from './p-64704a72.js';
+import { d as defineCustomElement$2 } from './p-ea482c86.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}";
 const DuetCalloutStyle0 = duetCalloutCss;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-01d99db1.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-813c3b7e.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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.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-64704a72.js';
-import { d as defineCustomElement$2 } from './p-3d250ee3.js';
+import { d as defineCustomElement$3 } from './p-ea482c86.js';
+import { d as defineCustomElement$2 } from './p-b6ae3f0f.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-43561600.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-c2e792ff.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-0f675524.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-9b9d67cc.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-f2c13723.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-e107da9a.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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as checkNamedSlotElement } from './p-fc9b988f.js';
-import { d as defineCustomElement$8 } from './p-01d99db1.js';
-import { d as defineCustomElement$7 } from './p-e56b6ead.js';
-import { d as defineCustomElement$6 } from './p-64704a72.js';
-import { d as defineCustomElement$5 } from './p-9c079599.js';
-import { d as defineCustomElement$4 } from './p-87613c37.js';
-import { d as defineCustomElement$3 } from './p-2ab1b82b.js';
-import { d as defineCustomElement$2 } from './p-9c5f6b97.js';
+import { d as defineCustomElement$8 } from './p-813c3b7e.js';
+import { d as defineCustomElement$7 } from './p-bc78082f.js';
+import { d as defineCustomElement$6 } from './p-ea482c86.js';
+import { d as defineCustomElement$5 } from './p-203ae2e7.js';
+import { d as defineCustomElement$4 } from './p-98e97672.js';
+import { d as defineCustomElement$3 } from './p-6c76ef5f.js';
+import { d as defineCustomElement$2 } from './p-02005902.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}";
 const DuetChoiceGroupStyle0 = duetChoiceGroupCss;

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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.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-7915de0a.js';
 import { h as hasSlot } from './p-fc9b988f.js';
-import { d as defineCustomElement$4 } from './p-01d99db1.js';
-import { d as defineCustomElement$3 } from './p-64704a72.js';
-import { d as defineCustomElement$2 } from './p-3d250ee3.js';
+import { d as defineCustomElement$4 } from './p-813c3b7e.js';
+import { d as defineCustomElement$3 } from './p-ea482c86.js';
+import { d as defineCustomElement$2 } from './p-b6ae3f0f.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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a32bc785.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-aaa7a7bd.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-fc9b988f.js';
 import { s as sanitizeString } from './p-0e052642.js';
-import { d as defineCustomElement$2 } from './p-64704a72.js';
+import { d as defineCustomElement$2 } from './p-ea482c86.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)}";
 const DuetCollapsibleStyle0 = duetCollapsibleCss;

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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.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-fc9b988f.js';
 import { p as parsePossibleJSON } from './p-0e052642.js';
 import { h } from './p-8764aea1.js';
-import { d as defineCustomElement$c } from './p-a6699e20.js';
-import { d as defineCustomElement$b } from './p-01d99db1.js';
-import { d as defineCustomElement$a } from './p-f2c13723.js';
-import { d as defineCustomElement$9 } from './p-64704a72.js';
-import { d as defineCustomElement$8 } from './p-92468f92.js';
-import { d as defineCustomElement$7 } from './p-f1772057.js';
-import { d as defineCustomElement$6 } from './p-aee08ffa.js';
-import { d as defineCustomElement$5 } from './p-9c079599.js';
-import { d as defineCustomElement$4 } from './p-87613c37.js';
-import { d as defineCustomElement$3 } from './p-2ab1b82b.js';
-import { d as defineCustomElement$2 } from './p-9c5f6b97.js';
+import { d as defineCustomElement$c } from './p-47c7860f.js';
+import { d as defineCustomElement$b } from './p-813c3b7e.js';
+import { d as defineCustomElement$a } from './p-e107da9a.js';
+import { d as defineCustomElement$9 } from './p-ea482c86.js';
+import { d as defineCustomElement$8 } from './p-91d87226.js';
+import { d as defineCustomElement$7 } from './p-0c1a8c61.js';
+import { d as defineCustomElement$6 } from './p-dbd3f1f5.js';
+import { d as defineCustomElement$5 } from './p-203ae2e7.js';
+import { d as defineCustomElement$4 } from './p-98e97672.js';
+import { d as defineCustomElement$3 } from './p-6c76ef5f.js';
+import { d as defineCustomElement$2 } from './p-02005902.js';
 
 const DuetComboBoxSelect = ({ item, active, selected, label = undefined, clickHandler = e => {
     e.preventDefault();

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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-7915de0a.js';
-import { d as defineCustomElement$8 } from './p-a6699e20.js';
-import { d as defineCustomElement$7 } from './p-ff219485.js';
-import { d as defineCustomElement$6 } from './p-64704a72.js';
-import { d as defineCustomElement$5 } from './p-b640b46b.js';
-import { d as defineCustomElement$4 } from './p-726c448e.js';
-import { d as defineCustomElement$3 } from './p-aee08ffa.js';
-import { d as defineCustomElement$2 } from './p-9c5f6b97.js';
+import { d as defineCustomElement$8 } from './p-47c7860f.js';
+import { d as defineCustomElement$7 } from './p-fb0d43f7.js';
+import { d as defineCustomElement$6 } from './p-ea482c86.js';
+import { d as defineCustomElement$5 } from './p-5a3e8d37.js';
+import { d as defineCustomElement$4 } from './p-2686d381.js';
+import { d as defineCustomElement$3 } from './p-dbd3f1f5.js';
+import { d as defineCustomElement$2 } from './p-02005902.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}";
 const DuetContactCardStyle0 = duetContactCardCss;

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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-785686e3.js';
-import { d as defineCustomElement$6 } from './p-a6699e20.js';
-import { d as defineCustomElement$5 } from './p-64704a72.js';
-import { d as defineCustomElement$4 } from './p-3d250ee3.js';
-import { d as defineCustomElement$3 } from './p-aee08ffa.js';
-import { d as defineCustomElement$2 } from './p-9c5f6b97.js';
+import { d as defineCustomElement$6 } from './p-47c7860f.js';
+import { d as defineCustomElement$5 } from './p-ea482c86.js';
+import { d as defineCustomElement$4 } from './p-b6ae3f0f.js';
+import { d as defineCustomElement$3 } from './p-dbd3f1f5.js';
+import { d as defineCustomElement$2 } from './p-02005902.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}";
 const DuetCookieConsentStyle0 = duetCookieConsentCss;

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-1fcfc5cd.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { F as FocusGuard } from './p-c3854d56.js';
 import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-7915de0a.js';
 import { c as checkNamedSlotElement } from './p-fc9b988f.js';
 import { h } from './p-8764aea1.js';
-import { d as defineCustomElement$d } from './p-f473f372.js';
-import { d as defineCustomElement$c } from './p-a6699e20.js';
-import { d as defineCustomElement$b } from './p-01d99db1.js';
-import { d as defineCustomElement$a } from './p-64704a72.js';
-import { d as defineCustomElement$9 } from './p-92468f92.js';
-import { d as defineCustomElement$8 } from './p-f1772057.js';
-import { d as defineCustomElement$7 } from './p-e1acaa2f.js';
-import { d as defineCustomElement$6 } from './p-aee08ffa.js';
-import { d as defineCustomElement$5 } from './p-9c079599.js';
-import { d as defineCustomElement$4 } from './p-87613c37.js';
-import { d as defineCustomElement$3 } from './p-2ab1b82b.js';
-import { d as defineCustomElement$2 } from './p-9c5f6b97.js';
+import { d as defineCustomElement$d } from './p-0c2421ed.js';
+import { d as defineCustomElement$c } from './p-47c7860f.js';
+import { d as defineCustomElement$b } from './p-813c3b7e.js';
+import { d as defineCustomElement$a } from './p-ea482c86.js';
+import { d as defineCustomElement$9 } from './p-91d87226.js';
+import { d as defineCustomElement$8 } from './p-0c1a8c61.js';
+import { d as defineCustomElement$7 } from './p-9bcfe1fd.js';
+import { d as defineCustomElement$6 } from './p-dbd3f1f5.js';
+import { d as defineCustomElement$5 } from './p-203ae2e7.js';
+import { d as defineCustomElement$4 } from './p-98e97672.js';
+import { d as defineCustomElement$3 } from './p-6c76ef5f.js';
+import { d as defineCustomElement$2 } from './p-02005902.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-a8067de5.js';
+import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-a427adbf.js';
 
 const DuetDivider = DuetDivider$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-1fcfc5cd.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { f as fieldSorter } from './p-9e371678.js';
 import { i as isKeyboardClick } from './p-785686e3.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-7915de0a.js';
 import { h } from './p-8764aea1.js';
-import { d as defineCustomElement$7 } from './p-f473f372.js';
-import { d as defineCustomElement$6 } from './p-a6699e20.js';
-import { d as defineCustomElement$5 } from './p-64704a72.js';
-import { d as defineCustomElement$4 } from './p-aee08ffa.js';
-import { d as defineCustomElement$3 } from './p-928fd687.js';
-import { d as defineCustomElement$2 } from './p-9c5f6b97.js';
+import { d as defineCustomElement$7 } from './p-0c2421ed.js';
+import { d as defineCustomElement$6 } from './p-47c7860f.js';
+import { d as defineCustomElement$5 } from './p-ea482c86.js';
+import { d as defineCustomElement$4 } from './p-dbd3f1f5.js';
+import { d as defineCustomElement$3 } from './p-30bd8b81.js';
+import { d as defineCustomElement$2 } from './p-02005902.js';
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {

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-2381dc5a.js';
+import { D as DuetEmptyState$1, d as defineCustomElement$1 } from './p-917183fc.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-e56b6ead.js';
+import { D as DuetFieldset$1, d as defineCustomElement$1 } from './p-bc78082f.js';
 
 const DuetFieldset = DuetFieldset$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-file-chooser.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1fcfc5cd.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a32bc785.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$2 } from './p-9c5f6b97.js';
+import { d as defineCustomElement$2 } from './p-02005902.js';
 
 const duetFileChooserCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.container{display:flex;flex-direction:row;gap:8px;align-items:center}.container .label{margin-bottom:8px}";
 const DuetFileChooserStyle0 = duetFileChooserCss;