@duetds/components 10.3.1 → 10.4.0

package/lib/cjs/duet-collapsible.cjs.entry.js

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
+var index = require('./index-C7Yvi8y8.js');
 var actionArrowDownSmall = require('./action-arrow-down-small-CDsSJFvZ.js');
 var tokens = require('./tokens-COLlUECP.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var createId = require('./create-id-DtslnIOq.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var slotUtils = require('./slot-utils-YUU0XWn9.js');
+var slotUtils = require('./slot-utils-DIDW777s.js');
 require('./_commonjsHelpers-4N64IRaP.js');
 
 const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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(8, 42, 77)}: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;line-height:1.5;color:rgb(8, 42, 77);-webkit-hyphens:auto;hyphens:auto}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;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(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-collapsible-heading:focus,:host(.user-is-tabbing) .duet-collapsible-heading:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading .duet-collapsible-heading-content ::slotted(*){padding:0;margin:0;font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;color:inherit !important}.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.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.duet-collapsible-heading-icon:last-of-type:not(:last-child){margin-right:8px !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}.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, 42, 59)}.duet-theme-turva .duet-collapsible-content.duet-theme-turva,.duet-theme-turva .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, 42, 59)}";

package/lib/cjs/duet-combobox.cjs.entry.js

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var createId = require('./create-id-DtslnIOq.js');
 var jsUtils = require('./js-utils-hJ4A2edy.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
-var slotUtils = require('./slot-utils-YUU0XWn9.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
+var slotUtils = require('./slot-utils-DIDW777s.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 var tokens_module = require('./tokens.module-CTbvyezn.js');
 
@@ -43,6 +43,7 @@ const DuetCombobox = class {
         this.activeDescendantId = createId.createID("duet-combobox-active-descendant");
         this.isAndroidDevice = ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf("android")) > -1 || null;
         this.isInsideModal = false;
+        this.labelClick = false;
         this.resizeObserver = new ResizeObserver(jsUtils.debounce(entries => {
             var _a, _b, _c;
             // otherwise, something is wrong, expecting 1 element only
@@ -127,8 +128,18 @@ const DuetCombobox = class {
             const newValue = e.detail.value;
             this.inputValue = newValue;
         };
-        this.onInputClick = () => {
-            this.popupMenuController = this.input.nativeInputElement;
+        this.onInputClick = e => {
+            const composedPath = e.composedPath();
+            if (composedPath && composedPath[1].nodeName === "LABEL") {
+                this.labelClick = true;
+                this.listOpen = false;
+                return;
+            }
+            if (this.labelClick || (composedPath && composedPath[0].nodeName !== "INPUT")) {
+                this.labelClick = false;
+                this.listOpen = false;
+                return;
+            }
             // change listOpen on next tick so popup controller is set when open changes
             setTimeout(() => {
                 var _a, _b;
@@ -206,7 +217,6 @@ const DuetCombobox = class {
                     return;
                 }
                 nextActiveItem = this.listOpen ? this.activeItem + 1 : this.activeItem;
-                this.popupMenuController = this.input.nativeInputElement;
                 // change listOpen on next tick so popup controller is set when open changes
                 setTimeout(() => {
                     this.listOpen = true;
@@ -376,7 +386,7 @@ const DuetCombobox = class {
         this.input.chips = this.multiple;
         this.input.addEventListener("duetChange", this.onInputChange);
         this.input.addEventListener("duetInput", this.onInputTyping);
-        this.input.addEventListener("click", this.onInputClick);
+        this.element.addEventListener("click", this.onInputClick);
         //add correct aria attributes to the input element
         this.input.role = "combobox";
         this.input.accessibleExpanded = this.listOpen ? "true" : "false";
@@ -386,10 +396,17 @@ const DuetCombobox = class {
         this.element.addEventListener("keydown", this.onKeyDown);
         languageUtils.connectLanguageChangeObserver(this, { prop: "accessibleLabels", defaults: "accessibleLabelDefaults" });
         this.processListOpenChange();
+        setTimeout(() => {
+            var _a;
+            const nativeInputElement = (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeInputElement;
+            if (nativeInputElement && this.popupMenuController !== nativeInputElement) {
+                this.popupMenuController = nativeInputElement;
+            }
+        }, 100);
     }
     disconnectedCallback() {
         this.input.removeEventListener("duetChange", this.onInputChange);
-        this.input.removeEventListener("click", this.onInputClick);
+        this.element.removeEventListener("click", this.onInputClick);
         this.element.removeEventListener("keydown", this.onKeyDown);
         this.resizeObserver.disconnect();
         languageUtils.disconnectLanguageChangeObserver(this);

package/lib/cjs/duet-contact-card.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetContactCardCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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(8, 42, 77)}@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}.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, 42, 59)}";
@@ -54,10 +54,10 @@ const DuetContactCard = class {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (index.h(index.Host, { key: 'a08fac4daef7586a885d4556d27260feb027d4fb', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: 'd70cc29e06be46210e3150661f16bcf19fab27b1', class: {
+        return (index.h(index.Host, { key: 'a29a3dab2ac7fb3079f2c1a159af7f4e7b5c226b', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: '14753b1f4fc3901aa2285d438c612e66619fabb5', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? index.h("img", { class: "image", src: this.image, alt: this.name }) : index.h("div", null), index.h("div", { key: '4cde139368ebb252e83638d0634671f2167b14a0' }, this.name && (index.h("duet-heading", { key: 'c91fe7f5ef066de893cfa2fb4018e9b17e5e66af', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (index.h("duet-paragraph", { key: '9ef8bdab5f11c125115cfa147428327131e6086a', class: "description", margin: "none", theme: theme }, this.description)), this.email && (index.h("div", { key: 'd07bbb21d8963247655a3b172e26c9f1becc2fd2', class: "email" }, index.h("duet-icon", { key: 'd25b13911b29302d0eabc8f715e13ff59b473c7f', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: '2765a6cbc0fb671c3cb8a37d7ac2fe578f369cfe', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (index.h("div", { key: 'fcbed4d2a82ed0ee1e90665f5e42f10bfdcaf344', class: "phone" }, index.h("duet-icon", { key: '17233a8a4863c68255e207c23de3667437bd1177', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: '0a49811728ddfd13096701fe9d33c54722554107', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (index.h("div", { key: 'eb199cf8f4f83cb7ebebbfb2e791c78b6424091e', class: "call-to-action" }, index.h("duet-button", { key: 'c8e0d2d72d5b15a74b0d7fd79a595c6ffddf6f7e', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), index.h("div", { key: '5e2f0915b883c85ad3bca3f54b62347af8250749' }), index.h("slot", { key: '388383ea2ca2a756a28d13bdbf521cd85094526a' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? index.h("img", { class: "image", src: this.image, alt: this.name }) : index.h("div", null), index.h("div", { key: 'dc77c6904966d2b6438391dd2c827832ffe86325' }, this.name && (index.h("duet-heading", { key: 'a10e331782d05726446653615ba8effbb1de3257', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (index.h("duet-paragraph", { key: '3f49dc9a8933eb5551f259e2dcca7f434f8e5082', class: "description", margin: "none", theme: theme }, this.description)), this.email && (index.h("div", { key: '99ad9df72533f48e298153aeadf18cb50e37d1e9', class: "email" }, index.h("duet-icon", { key: 'cbe804f4877e52df6f678ace315efe098b3ef914', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: 'e909d9bc1096700ef5fb6d7a1e87c499d585d4dd', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (index.h("div", { key: 'fe217c26608f2f461999844a3a00fe335c1e4509', class: "phone" }, index.h("duet-icon", { key: '1194445745ecb176f6fcc39a18c3e233921524d9', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: 'b83e145b7909c3ef697932ff1cf95d223d4a4b14', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (index.h("div", { key: 'fdb27957cd0b60be23e8b4df7f062da5cc3eafc1', class: "call-to-action" }, index.h("duet-button", { key: 'f7cd81b4f2712057ee507a9f0f01e59121e7960e', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), index.h("div", { key: 'b3a716a438e7793ef194ae0b1067d926b75e0925' }), index.h("slot", { key: '3d4bea81e03b40457deb9fd0731c14a9b80d465e' }))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-cookie-consent.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
 
 const duetCookieConsentCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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){outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);border-radius:4px}.duet-theme-turva :host(.user-is-tabbing:not(.descendant-focused):focus),:host(.user-is-tabbing:not(.descendant-focused):focus).duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.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(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@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;white-space:nowrap;text-decoration:underline}::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:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva ::slotted(a:focus),::slotted(a:focus).duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.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, 21, 30, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 21, 30, 0.8)}}";

package/lib/cjs/duet-date-picker.cjs.entry.js

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var label = require('./label-yAj5CKm3.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var label = require('./label-DZ63Z3SI.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var createId = require('./create-id-DtslnIOq.js');
-var focusUtils = require('./focus-utils-DstNW4_h.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
-var slotUtils = require('./slot-utils-YUU0XWn9.js');
+var focusUtils = require('./focus-utils-KTKpjKRi.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
+var slotUtils = require('./slot-utils-DIDW777s.js');
 var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
 require('./string-utils-B35hEUBv.js');
 
@@ -425,7 +425,7 @@ const DatePickerMonth = ({ selectedDate, focusedDate, labelledById, theme, langu
                 } }))))))))));
 };
 
-const duetDatePickerCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;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 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:16px !important}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;vertical-align:top;text-align:left}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-date{position:relative;width:100%}.duet-date button,.duet-date-dialog button{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button{-webkit-user-select:none;user-select:none;position:relative;z-index:200;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:47px;height:48px;color:rgb(8, 42, 77);cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-left-color:rgb(181, 198, 208);border-radius:0 4px 4px 0;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-date-button::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:\"\";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-date-button:hover:not(:disabled){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-date-button:hover:not(:disabled),.duet-date-button:hover:not(:disabled).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-date-button:disabled::before{display:none}.duet-date-button:disabled duet-icon{opacity:0.4}.duet-date-button duet-icon{transform:translateY(-1px)}.duet-date-button:active duet-icon{transform:translateY(0)}.duet-date-input-has-focus .duet-date-button,.duet-date-button:focus{height:46px;color:rgb(0, 119, 179)}.duet-date-input-has-focus .duet-date-button:focus,.duet-date-button:focus:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-input-has-focus .duet-date-button:focus,.duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva,.duet-theme-turva .duet-date-button:focus:focus,.duet-date-button:focus:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.input-error{border-top-color:rgb(214, 28, 82);border-right-color:rgb(214, 28, 82);border-bottom-color:rgb(214, 28, 82)}.duet-date-dialog{position:absolute;top:100%;left:0;z-index:900;display:flex;visibility:hidden;width:100%;opacity:0;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease}@media (min-width: 36em){.duet-date-dialog.left{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog{position:fixed;top:0;right:0;bottom:0;transform:translateZ(0);transform-origin:bottom center;transition:opacity 400ms ease, visibility 400ms ease}}.duet-date-dialog.active{visibility:visible;opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);transition-property:transform, opacity}@media (min-width: 36em){.duet-date-dialog.error{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{position:absolute;bottom:0;left:0;z-index:900;visibility:hidden;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transform:translateZ(0) translateY(100%);transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transform:translateZ(0) translateY(0);transition-property:transform, opacity}}.duet-date-table{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\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table th{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-transform:uppercase;letter-spacing:1px;text-decoration:none}.duet-date-table .duet-date-table-cell{text-align:center}.duet-date-table .duet-date-table-cell:focus{outline:none}.duet-date-table-button{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !important;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;font-weight:400;font-variant-numeric:tabular-nums;line-height:2.6 !important;vertical-align:initial !important;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-date-table-button:hover{background:rgb(228, 241, 247) !important}.duet-date-table-button.today{z-index:200;color:rgb(0, 75, 129) !important;background:rgb(240, 247, 250) !important;box-shadow:0 0 0 1px #0077b3 !important}.selected .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;outline:0;background:rgb(0, 119, 179) !important}.duet-date-table-button:active{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important}.duet-theme-turva .duet-date-table-button:active,.duet-date-table-button:active.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}:focus .duet-date-table-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);z-index:200}.duet-theme-turva :focus .duet-date-table-button,:focus .duet-date-table-button.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;outline:none !important;background:transparent !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;outline:none;background:rgb(245, 248, 250) !important;opacity:0.75}.duet-date-dialog-header{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons{white-space:nowrap}.duet-date-dialog-buttons ::part(button){border:0}.duet-date-dialog-select{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select .duet-date-dialog-select-label{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 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:1.25rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);pointer-events:none;border-radius:4px}.duet-date-dialog-select span{margin-right:4px}.duet-date-dialog-select select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select select:focus+.duet-date-dialog-select-label{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label,.duet-date-dialog-select select:focus+.duet-date-dialog-select-label.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-date-dialog-mobile-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(181, 198, 208)}@media (min-width: 36em){.duet-date-dialog-mobile-header{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-date-dialog-mobile-header label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header label{display:none}}.duet-date-picker-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(8, 42, 77) !important;-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%}@media (min-width: 36em){.duet-date-picker-close{opacity:0}}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-date-picker-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-picker-close:focus,.duet-date-picker-close:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-button{color:rgb(23, 42, 59);border-color:rgb(120, 145, 164);border-left-color:rgb(178, 194, 205)}.duet-theme-turva:disabled{background:rgb(245, 246, 247) !important}.duet-theme-turva.duet-date-input-has-focus .duet-theme-turva,.duet-theme-turva:focus{color:rgb(23, 42, 59)}.duet-theme-turva .duet-date-dialog-wrapper{border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-date-table-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-date-table-button:hover:not(.disabled){background:rgb(251, 225, 209) !important}.duet-theme-turva .duet-date-table-button.today{color:rgb(140, 0, 30) !important;background:rgb(253, 247, 242) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva .duet-date-table-button.outside{color:rgb(120, 145, 164) !important;outline:none;background:rgb(245, 246, 247) !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(178, 194, 205) !important;outline:none !important;background:transparent !important}.duet-theme-turva .selected .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva :active.duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva .duet-date-dialog-select .duet-date-dialog-select-label{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, 42, 59)}.duet-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 246, 247) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 246, 247) !important}.duet-theme-turva [aria-pressed=true] .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva.duet-date-table{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, 42, 59)}";
+const duetDatePickerCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;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 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:16px !important}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;vertical-align:top;text-align:left}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-date{position:relative;width:100%}.duet-date button,.duet-date-dialog button{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button{-webkit-user-select:none;user-select:none;position:relative;z-index:200;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:47px;height:48px;color:rgb(8, 42, 77);cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-left-color:rgb(181, 198, 208);border-radius:0 4px 4px 0;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-date-button::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:\"\";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-date-button:hover:not(:disabled){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-date-button:hover:not(:disabled),.duet-date-button:hover:not(:disabled).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important}.duet-date-button:disabled::before{display:none}.duet-date-button:disabled duet-icon{opacity:0.4}.duet-date-button duet-icon{transform:translateY(-1px)}.duet-date-button:active duet-icon{transform:translateY(0)}.duet-date-input-has-focus .duet-date-button,.duet-date-button:focus{height:46px;color:rgb(0, 119, 179)}.duet-date-input-has-focus .duet-date-button:focus,.duet-date-button:focus:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-input-has-focus .duet-date-button:focus,.duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva,.duet-theme-turva .duet-date-button:focus:focus,.duet-date-button:focus:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.input-error{border-top-color:rgb(214, 28, 82);border-right-color:rgb(214, 28, 82);border-bottom-color:rgb(214, 28, 82)}.duet-date-dialog{position:absolute;top:100%;left:0;z-index:900;display:flex;visibility:hidden;width:100%;opacity:0;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease}@media (min-width: 36em){.duet-date-dialog.left{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog{position:fixed;top:0;right:0;bottom:0;transform:translateZ(0);transform-origin:bottom center;transition:opacity 400ms ease, visibility 400ms ease}}.duet-date-dialog.active{visibility:visible;opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);transition-property:transform, opacity}@media (min-width: 36em){.duet-date-dialog.error{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{position:absolute;bottom:0;left:0;z-index:900;visibility:hidden;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transform:translateZ(0) translateY(100%);transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transform:translateZ(0) translateY(0);transition-property:transform, opacity}}.duet-date-table{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\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table th{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-transform:uppercase;letter-spacing:1px;text-decoration:none}.duet-date-table .duet-date-table-cell{text-align:center}.duet-date-table .duet-date-table-cell:focus{outline:none}.duet-date-table-button{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !important;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;font-weight:400;font-variant-numeric:tabular-nums;line-height:2.6 !important;vertical-align:initial !important;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-date-table-button:hover{background:rgb(228, 241, 247) !important}.duet-date-table-button.today{z-index:200;color:rgb(0, 75, 129) !important;background:rgb(240, 247, 250) !important;box-shadow:0 0 0 1px #0077b3 !important}.selected .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;outline:0;background:rgb(0, 119, 179) !important}.duet-date-table-button:active{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important}.duet-theme-turva .duet-date-table-button:active,.duet-date-table-button:active.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}:focus .duet-date-table-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);z-index:200}.duet-theme-turva :focus .duet-date-table-button,:focus .duet-date-table-button.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;outline:none !important;background:transparent !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;outline:none;background:rgb(245, 248, 250) !important;opacity:0.75}.duet-date-dialog-header{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons{white-space:nowrap}.duet-date-dialog-buttons ::part(button){border:0}.duet-date-dialog-select{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select .duet-date-dialog-select-label{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 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:1.25rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);pointer-events:none;border-radius:4px}.duet-date-dialog-select span{margin-right:4px}.duet-date-dialog-select select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select select:focus+.duet-date-dialog-select-label{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label,.duet-date-dialog-select select:focus+.duet-date-dialog-select-label.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-date-dialog-mobile-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(181, 198, 208)}@media (min-width: 36em){.duet-date-dialog-mobile-header{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-date-dialog-mobile-header label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header label{display:none}}.duet-date-picker-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(8, 42, 77) !important;-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%}@media (min-width: 36em){.duet-date-picker-close{opacity:0}}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-date-picker-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-picker-close:focus,.duet-date-picker-close:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-button{color:rgb(23, 42, 59);border-color:rgb(120, 145, 164);border-left-color:rgb(178, 194, 205)}.duet-theme-turva:disabled{background:rgb(245, 246, 247) !important}.duet-theme-turva.duet-date-input-has-focus .duet-theme-turva,.duet-theme-turva:focus{color:rgb(23, 42, 59)}.duet-theme-turva .duet-date-dialog-wrapper{border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-date-table-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-date-table-button:hover:not(.disabled){background:rgb(251, 225, 209) !important}.duet-theme-turva .duet-date-table-button.today{color:rgb(140, 0, 30) !important;background:rgb(253, 247, 242) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva .duet-date-table-button.outside{color:rgb(120, 145, 164) !important;outline:none;background:rgb(245, 246, 247) !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(178, 194, 205) !important;outline:none !important;background:transparent !important}.duet-theme-turva .selected .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva :active.duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva .duet-date-dialog-select .duet-date-dialog-select-label{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, 42, 59)}.duet-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 246, 247) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 246, 247) !important}.duet-theme-turva [aria-pressed=true] .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva.duet-date-table{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, 42, 59)}";
 
 const DuetDatePicker = class {
     constructor(hostRef) {

package/lib/cjs/duet-divider_2.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var tokenUtils = require('./token-utils-DY3-olMV.js');
 require('./tokens.module-CTbvyezn.js');
 
@@ -74,7 +74,7 @@ const DuetSpacer = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'c528bde6cb4834c7b89630a87a1d9add5438473b', class: {
+        return (index.h(index.Host, { key: 'f2f4fa377c08b91ba94544d234bc8ab55c8b35b5', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",

package/lib/cjs/duet-editable-table_3.cjs.entry.js

@@ -3,16 +3,16 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var jsUtils = require('./js-utils-hJ4A2edy.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
 var tokens_module = require('./tokens.module-CTbvyezn.js');
 var tokenUtils = require('./token-utils-DY3-olMV.js');
 var createId = require('./create-id-DtslnIOq.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
-var errorcodes_utils = require('./errorcodes.utils-DQ-I8x2z.js');
+var errorcodes_utils = require('./errorcodes.utils-W6UQ3hgy.js');
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {
@@ -884,7 +884,7 @@ const DuetTable = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'a1dd7fa3685f9dba8b9e5dca8a0fd24c14431658', class: {
+        return (index.h(index.Host, { key: '02ed0a7f4b3c7504b0f6df2ee9e923f5afbca106', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -893,7 +893,7 @@ const DuetTable = class {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, index.h("slot", { key: '3f4f49a2dc93f99278caa0089c0305a7049817e6' })));
+            } }, index.h("slot", { key: '946a620f959caf19dc712844d81ebc345870757d' })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -2151,10 +2151,10 @@ const DuetUpload = class {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (index.h(index.Host, { key: 'dc222a10613a05aa4d56526accf4f20d09a85524', class: { "duet-m-0": this.margin === "none" } }, index.h("duet-fieldset", { key: 'afd3bbefc25846e30ea0a4a3dd6fef490cfce55d', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, index.h("slot", { key: '9927e358eb190f2023f863d4de2306390d71fc8b', name: "header" }), !this.files.size && (index.h("duet-empty-state", { key: '843385b600508604aeed2894ae0d13134c4726d0', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, index.h("duet-paragraph", { key: 'c75ef6ac779000de5dee49f7793a01dcad735808', margin: "none" }, this.fileListEmpty))), !!this.files.size && index.h("slot", { key: 'f9756746a31507f1dca930bdf7fea75ccf2c577b', name: "fileheader" }), !!this.files.size && (index.h("duet-upload-aria-status", { key: 'b88ca83dcc669708410ac4ff2ab95c171909bcfd', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && index.h("slot", { key: 'cf7410f30e64f19d7dfc05848cae516c3c4c4998', name: "filefooter" }), index.h("slot", { key: '3d6ae7f015427bc576b46bcbad37ad21c75c5cff', name: "uploadfooter" }), this.captionOnBottom && (index.h("duet-caption", { key: 'd9839e2f61e00879f0fe4d804b76884eb3a3c426', margin: "none", size: "small" }, index.h("div", { key: '0793e849c010f2611e8c30fc9a1adfd5739036ca', class: "upload-bottom-caption" }, caption))), index.h("slot", { key: 'aea1cf5e8be9c04cfe942a63b609304b89dbd3bf', name: "afterfooter" }), !this.hideButton && (index.h(index.Fragment, { key: '5bc3f7808057aecbe5a082aa960cfd0179a5ebb8' }, index.h("duet-spacer", { key: 'dea860e2657fdd9d826a56ed1cbd3c29c27a6566', size: "large" }), index.h("duet-button", { key: 'd2e2120f450bd44190d819bcc8b7d3193a2fd7f1', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (index.h(index.Host, { key: '855e27e55645747625669bf080e6f65423b9bbf0', class: { "duet-m-0": this.margin === "none" } }, index.h("duet-fieldset", { key: '89d6b1b88260ccb7ffa2f4a3130fdf74d904e048', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, index.h("slot", { key: '10b9cdc44bd94871f538a9299ea6252f4375a864', name: "header" }), !this.files.size && (index.h("duet-empty-state", { key: '924905b1aafa76175b93f12dd6e7d7ac8ac5b5e3', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, index.h("duet-paragraph", { key: 'f744c2afdb520cd0e69a15c0a942f6ecd8e30b75', margin: "none" }, this.fileListEmpty))), !!this.files.size && index.h("slot", { key: 'da55dafcb732e24b895185995040decfe40382c6', name: "fileheader" }), !!this.files.size && (index.h("duet-upload-aria-status", { key: '199e78733f262f857124540bbd055e7c6cbcaf6a', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && index.h("slot", { key: 'd6327694548a1ee39188af3935c67d0a6eaead79', name: "filefooter" }), index.h("slot", { key: '718e1e5d1f7041d2d596ada75a717942b74999f6', name: "uploadfooter" }), this.captionOnBottom && (index.h("duet-caption", { key: 'd15f3fd09b07de11dc1f725bc9ee344889b6445f', margin: "none", size: "small" }, index.h("div", { key: '1e4e1c3a29338fa3339cd2de701ba3c776c1166a', class: "upload-bottom-caption" }, caption))), index.h("slot", { key: '90f1e8de4c8359df2b8dded1bf5211857ce48a79', name: "afterfooter" }), !this.hideButton && (index.h(index.Fragment, { key: '431fb04536068eefdf974fc34f89f56e712674c9' }, index.h("duet-spacer", { key: 'c98d3f3e0f06d17b1b86ab40486a663ef8c6a75e', size: "large" }), index.h("duet-button", { key: '1f057848bdacb5e69ef63e2bfdc81e216271f455', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (index.h(index.Fragment, { key: 'fcf6947ea9fd60eb05745627ea9bcfdc0a186ae2' }, index.h("duet-spacer", { key: '0d8d15f15c9dcecb7749d481e29073be66c1e77f', size: "medium" }), index.h("duet-alert", { key: '392a1d62012973d5e0b730a58ad3d97c48db3256', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && errorcodes_utils.getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && errorcodes_utils.getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && errorcodes_utils.getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && errorcodes_utils.getI18nError("duet-upload-203", this.errorCodes)))), index.h("duet-visually-hidden", { key: 'ecf1098f5d21721d322bc382ff218b2b374e907a', "aria-hidden": "true" }, index.h("input", { key: 'd47f7522e739d1bda7407882e7ceda5f3e416b3d', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (index.h(index.Fragment, { key: '8169162805d7ec3a093344e09a4bd9241c1b9c58' }, index.h("duet-spacer", { key: '0f6500a4ada6c4b3c73f6524bf224ee1d79f0ae6', size: "medium" }), index.h("duet-alert", { key: '8bbc63eb777fa98ff0f797d970d66835ac6155a5', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && errorcodes_utils.getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && errorcodes_utils.getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && errorcodes_utils.getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && errorcodes_utils.getI18nError("duet-upload-203", this.errorCodes)))), index.h("duet-visually-hidden", { key: '5fb70459ca757cc24041ce6e01414165ba6497b5', "aria-hidden": "true" }, index.h("input", { key: '808b15c23e12cf691f85e48e1a03106409b81565', ref: input => {
                 this.nativeInput = input;
             }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
                 "duet-upload": true,

package/lib/cjs/duet-empty-state.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 
-const duetEmptyStateCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%;padding:48px;color:rgb(8, 42, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(245, 246, 247)}";
+const duetEmptyStateCss = "*,\n*::after,\n*::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n}\n\n:host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.duet-empty-state {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  width: 100%;\n  height: 100%;\n  padding: 48px;\n  color: rgb(8, 42, 77);\n  text-align: center;\n  background: rgb(245, 248, 250);\n  border-radius: 12px;\n}\n.duet-empty-state.padding-small {\n  padding: 36px;\n}\n.duet-empty-state.padding-large {\n  padding: 72px;\n}\n.duet-empty-state.warning {\n  background: rgb(255, 247, 221);\n}\n.duet-empty-state.duet-no-background {\n  background: none;\n}\n.duet-empty-state > div {\n  max-width: 800px;\n  margin: auto;\n}\n.duet-empty-state .duet-empty-state-heading {\n  font-size: 4vw;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-style: normal;\n  font-weight: 600;\n  line-height: 1.25;\n  color: rgb(8, 42, 77);\n  letter-spacing: 0;\n}\n@media (max-width: 27.5rem) {\n  .duet-empty-state .duet-empty-state-heading {\n    font-size: 1.1rem;\n  }\n}\n@media (min-width: 28.4090909091rem) {\n  .duet-empty-state .duet-empty-state-heading {\n    font-size: 1.1363636364rem;\n  }\n}\n@container (width < 576px) {\n  .duet-empty-state {\n    padding: 36px;\n  }\n  .duet-empty-state.padding-small {\n    padding: 28px;\n  }\n  .duet-empty-state.padding-large {\n    padding: 48px;\n  }\n}\n\n.duet-theme-turva.duet-empty-state {\n  color: rgb(23, 42, 59);\n}\n.duet-theme-turva.duet-empty-state:not(.warning):not(.duet-no-background) {\n  background: rgb(245, 246, 247);\n}\n.duet-theme-turva.duet-empty-state .duet-empty-state-heading {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-weight: 700;\n  color: rgb(23, 42, 59);\n}";
 
 const DuetEmptyState = class {
     constructor(hostRef) {
@@ -16,9 +16,26 @@ const DuetEmptyState = class {
          */
         this.theme = "";
         /**
-         * Icon shown in the empty state component.
+         * The variation of the empty state component. Use "warning" when the empty state is due to an error.
+         */
+        this.variation = "default";
+        /**
+         * Set background to "none" when no background is wanted, e.g. inside a table.
+         */
+        this.background = "auto";
+        /**
+         * Icon shown in the empty state component. For warning variation a status icon is always used.
+         * Use value "none" for no icon at all.
          */
         this.icon = "messaging-question";
+        /**
+         * Heading to show above the component content
+         */
+        this.heading = "";
+        /**
+         * Padding of the empty state component
+         */
+        this.padding = "medium";
         /**
          * The size of the empty state message.
          */
@@ -30,16 +47,25 @@ const DuetEmptyState = class {
     componentWillLoad() {
         themeableComponent.inheritGlobalTheme(this);
     }
+    getIcon() {
+        const size = this.size === "small" ? "large" : "x-large";
+        if (this.variation === "warning") {
+            return index.h("duet-status-icon", { variation: "warning", size: size, strong: true });
+        }
+        return index.h("duet-icon", { color: "currentColor", name: this.icon, size: size });
+    }
     /**
      * render() function
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '9018087936c4abe5adead5d4fe62991ea84b3dc1' }, index.h("div", { key: 'a0aa84fb06673f4d741891019a98fd7d4f03b174', class: {
+        return (index.h(index.Host, { key: '83c41a104ebe8f29f18a2d0754a822981edd2204' }, index.h("div", { key: 'c2b928a204ec58089c46368f0e7a73f2f6880633', class: {
                 "duet-empty-state": true,
+                [this.variation]: true,
+                [`padding-${this.padding}`]: true,
                 "duet-theme-turva": this.theme === "turva",
-                "duet-is-small": this.size === "small",
-            } }, index.h("duet-icon", { key: '8d9265fb0946a832c1c386b139b28b775ade9936', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), index.h("div", { key: '87abfa72d165e96e3ca1798ab0023e13d540d757' }, index.h("slot", { key: 'fc437b4821cbc146906f8c33aa06d4718a0584b2' })))));
+                "duet-no-background": this.background === "none",
+            } }, this.icon !== "none" && this.getIcon(), this.heading && (index.h("div", { key: '8b6f183f2022ef6a5d00b93cb4b345d93e310d45' }, index.h("strong", { key: 'fd7369964488e3821b00cbf3493fa873ee5a969e', class: "duet-empty-state-heading" }, this.heading), index.h("duet-spacer", { key: '7b96f48b9587efa581fc84b2205a32e839e03ee7', size: "x-small" }))), index.h("div", { key: 'ea6a1f4c70a824c705e8f644f8e58f9768db8317' }, index.h("slot", { key: '77c8aa58fa27abf0635ea22f22fd7d5c06d151dc' })))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-fieldset.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var createId = require('./create-id-DtslnIOq.js');
-var slotUtils = require('./slot-utils-YUU0XWn9.js');
+var slotUtils = require('./slot-utils-DIDW777s.js');
 
 const duetFieldsetCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{position:relative;width:100%;min-width:0;border:0}fieldset legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}.duet-legend-wrapper{position:relative;display:block;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\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;background:transparent}.duet-legend-wrapper.duet-legend-compact:not(.duet-legend-has-caption){line-height:1.25}.duet-fieldset-label{margin-bottom:12px !important;display:flex;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{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:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-fieldset-help span.duet-m-0{margin-top:0}.duet-theme-turva .duet-fieldset-help{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(214, 28, 82)}::slotted(duet-tooltip){position:relative;top:4px}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-theme-turva .duet-legend-wrapper{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, 42, 59)}.duet-theme-turva .duet-fieldset-help{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(214, 28, 82)}";
 
@@ -77,20 +77,20 @@ const DuetFieldset = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '150ed749bb02f820ab14416d153e67cea52dc29e', class: { "duet-m-0": this.margin === "none" } }, index.h("fieldset", { key: '17055f020b42050cfc12e5954edaac9c6658788e', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (index.h(index.Host, { key: 'e1a788de39eaef07a1abaa996870dd726b226aee', class: { "duet-m-0": this.margin === "none" } }, index.h("fieldset", { key: 'e7d2b6ecb24666f6a563d4923bb228bdf7e8820d', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("legend", { key: '1cf7a2d88bbcea640fe06e19ce4b2d633be56c3b', id: this.labelId }, index.h(this.labelHeadingLevel, { key: 'aec7db3663b9cc1c1ac2205ab103c708c56a0573' }, this.label), this.caption && index.h("span", { key: '849cec9875e1713b0c53ee81ffdcb33b501a78b1' }, this.caption)), index.h("div", { key: '319c243237ed47fe584e7498514a3f392d9b8b19', class: {
+            } }, index.h("legend", { key: '9412c1763b18075c6c6d585389c3ac9d22542f64', id: this.labelId }, index.h(this.labelHeadingLevel, { key: '9c1c5cfef779deef96e68e7f3760f0eeec8d347a' }, this.label), this.caption && index.h("span", { key: 'd166f280495ee9e156e705fe52455b18c5a13ea2' }, this.caption)), index.h("div", { key: 'e390d201c421bbd2086946b4548dc98d5c58fead', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, index.h("div", { key: 'c69484583f6027412eb7d50a33af3db48a4b9755', class: "duet-fieldset-label" }, index.h("span", { key: 'b8df8f29e780738665c0a054399d1d1f97f5e7ea', "aria-hidden": "true" }, this.label), index.h("slot", { key: '18d94da36179d4ba5b78c3ed6ac83f41d401c067', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (index.h("div", { key: '5ceb8c432f19ab8b18d04ce12f6463e563a7459a', class: "duet-fieldset-caption", "aria-hidden": "true" }, index.h("duet-caption", { key: 'c6f433f3e47f2e2fdedcbc158d169ab6bea4a0a0', theme: this.theme, margin: "none" }, this.caption)))), index.h("slot", { key: 'b8a61deb6211c5abbc806d2762088fcedb936873' }), index.h("span", { key: 'a6c68e7ef61365792b92fc6ef7290d3b3a3cdd65', class: "duet-fieldset-help duet-fieldset-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && index.h("span", { key: '4fea45e086a99437a8f7ddc0e1617a3a6046beed', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
+            } }, index.h("div", { key: '10861fb7ec43cc4aec34ae9b04b1b191dd7a0d5c', class: "duet-fieldset-label" }, index.h("span", { key: '63b295dc887c75eb4bc062d214bb5b6a899e0f83', "aria-hidden": "true" }, this.label), index.h("slot", { key: 'dc154b5f9980e99c525884e32f7811e36fe634fc', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (index.h("div", { key: '1803a70997b3d2de928d501cfb86864bfa3af614', class: "duet-fieldset-caption", "aria-hidden": "true" }, index.h("duet-caption", { key: 'c574d64b9a375d0af50bc0bed35ea0418139f579', theme: this.theme, margin: "none" }, this.caption)))), index.h("slot", { key: '48665d8be4d66036d4d69090d7a98ee01f99dbac' }), index.h("span", { key: '9815f8bf073a39267673baf538de5908b52758e9', class: "duet-fieldset-help duet-fieldset-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && index.h("span", { key: '93bfa1f3fb33cf3bc23055948b416a18369b8497', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-file-chooser.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 
 const duetFileChooserCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.container{display:flex;flex-direction:row;gap:8px;align-items:center}.container .label{margin-bottom:8px}";
 
@@ -55,7 +55,7 @@ const DuetUploadItem = class {
         themeableComponent.inheritGlobalTheme(this);
     }
     render() {
-        return (index.h(index.Host, { key: '4990de1bf699e3f0daea24f507a9b9e252b11d9a' }, index.h("duet-visually-hidden", { key: '0a226f6f53a8da89230e81df8be61a2413c44af1', "aria-hidden": "true" }, index.h("input", { key: 'a8a8e3bfc73847a74ea8dc8dff0da0c16d510e15', ref: input => {
+        return (index.h(index.Host, { key: '96ed40ea2f9ae846c2ad9654c04511e312933fcd' }, index.h("duet-visually-hidden", { key: '2092c91fbf71c47a422748e27741c8a2695d4d5f', "aria-hidden": "true" }, index.h("input", { key: '1e83b554493c852b23e14bd801f8c48a42c8790e', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,

package/lib/cjs/duet-footer.cjs.entry.js

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
+var index = require('./index-C7Yvi8y8.js');
 var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
-var slotUtils = require('./slot-utils-YUU0XWn9.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
+var slotUtils = require('./slot-utils-DIDW777s.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 require('./_commonjsHelpers-4N64IRaP.js');
 
@@ -167,16 +167,16 @@ const DuetFooter = class {
     render() {
         const text = languageUtils.getLocaleString(i18n, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (index.h("footer", { key: 'cded4930f82ba556fe630d4295e351cbbb2082e2', class: {
+        return (index.h("footer", { key: '803a027abb0c9d387f880a40cf4fa48cfdc96ab0', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, index.h("div", { key: '937096c43e34404c84fa15418efd41c5692f6ac1', class: "duet-footer-wrapper" }, this.variation !== "simple" && (index.h("div", { key: '865c6932f382aba543ca23c1bd4ab5aab4885b0a', class: {
+            }, "aria-label": this.accessibleLabel }, index.h("div", { key: '46da624a2ea71bc94e7029110f2aa4b264e21a0b', class: "duet-footer-wrapper" }, this.variation !== "simple" && (index.h("div", { key: 'bb5d3de968dc4d893e002294a3ab5106ca3676ad', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, index.h("div", { key: '5a4e9f746ddacca61409f6d398474e142ddffe81', class: "footer-top-logo" }, index.h("duet-logo", { key: '9a80fbca3c693fdc4a659b4644b0de9ed23c6773', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), index.h("div", { key: 'ca9651a3a6c65b51931f237bc81d6f95fe779134', class: "footer-top-right-container" }, index.h("slot", { key: '7c84d38abbbc5618d311e8ef263a4a1aef8ae2b7', name: "info" }), index.h("div", { key: '488bde039351fbbf7618daaaa071b3420662e317', class: "footer-top-items" }, this.processedItems &&
-            this.processedItems.map((item, index$1) => (index.h(index.Fragment, null, index$1 > 0 && index.h("duet-spacer", { size: "x-large", direction: "horizontal" }), index.h("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: this.getTopItemButtonIcon(item), "icon-right": !this.isMessagingLink(item.href), "icon-size": this.isMessagingLink(item.href) ? "medium" : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)))))))), index.h("slot", { key: '33805ebcfc7766486807318270595db1deedbb24', name: "extra" }), index.h("p", { key: '90ac218478d2659b7f74bb370d8066fd7ef7cf1c', class: "duet-footer-menu", part: "menu" }, index.h("span", { key: '957a273602b782e88c3e4bd9ae639a68cfd8b966', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), index.h("span", { key: 'd96e17ca5743ed26b331ecd377b6210dcf3e5a2a', class: "duet-footer-menu-links" }, this.processedMenu && (index.h(index.Fragment, { key: 'b1495de197bbd8ab5a4ca4c0feddf656e4bfc0b3' }, this.processedMenu.map(item => (index.h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (index.h(index.Fragment, null, index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("span", { class: "duet-footer-external" }, index.h("duet-icon", { icon: actionNewWindowSmall.newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))), index.h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), index.h("p", { key: '8be41d3d9944acb6903a6f3caff06d6f8f9cd5cc', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }, part: "top" }, index.h("div", { key: 'a3c27f3c9fbf54263b0e632307fe2ed39aeb9e46', class: "footer-top-logo" }, index.h("duet-logo", { key: '5f7440b81f78389724830f3e843c71de140ae05d', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), index.h("div", { key: 'f0a8b5cdda02fbd0fbff1015320572900e12a16e', class: "footer-top-right-container" }, index.h("slot", { key: '2c9e48c0350b76dbb74c59cfbca727d1c579b7a5', name: "info" }), index.h("div", { key: '4df2f42f2dc49b084a94de90de892adac97866c9', class: "footer-top-items" }, this.processedItems &&
+            this.processedItems.map((item, index$1) => (index.h(index.Fragment, null, index$1 > 0 && index.h("duet-spacer", { size: "x-large", direction: "horizontal" }), index.h("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: this.getTopItemButtonIcon(item), "icon-right": !this.isMessagingLink(item.href), "icon-size": this.isMessagingLink(item.href) ? "medium" : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)))))))), index.h("slot", { key: '51d5f56fe14519205709b1cb02bcfa1b87e6a3c2', name: "extra" }), index.h("p", { key: '3e2b620a21d109d0f4119d5b2a8a1a5c1404ec5c', class: "duet-footer-menu", part: "menu" }, index.h("span", { key: '9a5becef9ceb454715ee6f560e3f9df8ae72357a', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), index.h("span", { key: '34b3c5e0d44b6a0497b7983ddde14380175618cc', class: "duet-footer-menu-links" }, this.processedMenu && (index.h(index.Fragment, { key: 'd7defe3bd130ba7fb71731f71860351dbca3d726' }, this.processedMenu.map(item => (index.h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (index.h(index.Fragment, null, index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), index.h("span", { class: "duet-footer-external" }, index.h("duet-icon", { icon: actionNewWindowSmall.newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))), index.h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), index.h("p", { key: '4c708db5c94a113edcda458bd9375cdb382a3237', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {