@duetds/components 10.0.0-alpha.1 → 10.0.0-alpha.3

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-36804cd7.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-2f25dfb3.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-7ff1b14d.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-de8f018a.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-d0a4a69f.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-3431b690.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-f66602b0.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as checkNamedSlotElement } from './p-392a87b6.js';
-import { d as defineCustomElement$8 } from './p-a6b39855.js';
-import { d as defineCustomElement$7 } from './p-34d6d7b1.js';
-import { d as defineCustomElement$6 } from './p-8342a3e5.js';
-import { d as defineCustomElement$5 } from './p-d9d8aaec.js';
-import { d as defineCustomElement$4 } from './p-ee079d76.js';
-import { d as defineCustomElement$3 } from './p-c9a14c7b.js';
-import { d as defineCustomElement$2 } from './p-18c3a72b.js';
+import { c as checkNamedSlotElement } from './p-ad615991.js';
+import { d as defineCustomElement$8 } from './p-d2a5148f.js';
+import { d as defineCustomElement$7 } from './p-9fa4eb51.js';
+import { d as defineCustomElement$6 } from './p-4da43fbc.js';
+import { d as defineCustomElement$5 } from './p-fe9e47d9.js';
+import { d as defineCustomElement$4 } from './p-36ab2d57.js';
+import { d as defineCustomElement$3 } from './p-89b10856.js';
+import { d as defineCustomElement$2 } from './p-02f97b91.js';
 
 const duetChoiceGroupCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}:host(.horizontal) .duet-choice-group{display:block;margin-bottom:-12px}:host(.horizontal) .duet-choice-group.duet-no-stacking{display:flex}@media (min-width: 48em){:host(.horizontal) .duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){:host(.horizontal) .duet-choice-group{display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:block}}:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 const DuetChoiceGroupStyle0 = duetChoiceGroupCss;
@@ -130,14 +130,14 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '0f05e4491b0ed604ed36ad5a20755a183f219e61', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
+        return (h(Host, { key: '1a1882dc018f8084af4b98bf1c1dd42eb6b4196e', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
                 horizontal: this.direction === "horizontal",
                 "duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
                 "duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",
                 "duet-choice-group-breakpoint-medium": this.responsive && this.breakpoint === "medium",
                 "duet-choice-group-breakpoint-large": this.responsive && this.breakpoint === "large",
                 "duet-choice-group-breakpoint-x-large": this.responsive && this.breakpoint === "x-large",
-            } }, h("duet-fieldset", { key: 'c6b16eb32fa18224f1fca5450a1a00609ee0800c', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: '23ea892920b10486ec2ff7dc5c6893d4f4b58028', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '6f067a2d955d9a60728e5f8746650480d5719491', name: "tooltip" }), h("div", { key: 'e3bfaa0355f3eb50844f4e5a47dc02d0816380e2', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '8af6ad42073f04162bf0f7482e9987e1f386e7b5' })))));
+            } }, h("duet-fieldset", { key: '4e16e0509b823c92997d9f22bf0b760c5bab9584', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: 'ccca359a5153567adc4d64b1006700cd3c229230', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'b85ef08b02c0c4485c9051f84698b74d105ab2ed', name: "tooltip" }), h("div", { key: '76c59c3fdedd2bcbf0be91e55bffc45b1e18ae92', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", { key: 'e0f5a4ae522a9d2b8eec286a9e40a4c5db764310' })))));
     }
     get element() { return this; }
     static get watchers() { return {

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-f66602b0.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d77db171.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-ca700701.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { h as hasSlot, g as getElementsFromNamedSlot } from './p-392a87b6.js';
-import { d as defineCustomElement$4 } from './p-a6b39855.js';
-import { d as defineCustomElement$3 } from './p-8342a3e5.js';
-import { d as defineCustomElement$2 } from './p-fb63021d.js';
+import { h as hasSlot, g as getElementsFromNamedSlot } from './p-ad615991.js';
+import { d as defineCustomElement$4 } from './p-d2a5148f.js';
+import { d as defineCustomElement$3 } from './p-4da43fbc.js';
+import { d as defineCustomElement$2 } from './p-9f9423c6.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>"};
 
@@ -344,7 +344,7 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoice extends H
      */
     render() {
         const identifier = this.identifier || this.choiceId;
-        return (h(Host, { key: '769363c98f975c9f2881acdc911ba2cd28c36351', class: {
+        return (h(Host, { key: '6b043ca676b0915beba8f7395ab51da5e4b5cd9b', class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
@@ -352,10 +352,10 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoice extends H
                 "duet-theme-turva": this.theme === "turva",
                 "no-hover": this.isHovering,
                 disabled: this.getDisabled(),
-            } }, h("div", { key: '93dea4566ff9694947713e14e172c338ae0c8d8c', class: {
+            } }, h("div", { key: '0891860988aae6ccb6cdaba297bb752a056511ed', class: {
                 "duet-choice-card-flextainer": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("div", { key: '846c05b6a685ecba8be08d1c7bad60165452d98f', class: {
+            } }, h("div", { key: 'bce0c0ae884e3406707a4a4c369b4459d50c0093', class: {
                 "duet-choice-card": true,
                 "has-icon": !!this.icon,
                 "has-info": this.hasInfo,
@@ -364,16 +364,16 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoice extends H
                 collapsible: this.collapsible,
                 "collapsible-force-expanded": this.collapsibleForceExpanded,
                 "duet-p-0": this.padding === "none",
-            } }, this.type === "checkbox" && (h("input", { key: '033d896b5949802ed8031f649e5f82d438a59014', class: "duet-choice-input", type: this.type, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, disabled: this.getDisabled(), required: this.required, id: identifier, name: this.name, value: this.value, checked: this.checked, "aria-label": this.getLabel(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedby(), onKeyDown: this.handleKeyDown, ref: input => (this.focusableElement = input) })), h("slot", { key: 'c9f2bf88993e31592ea467c16858bb8a57ac5e56', name: "choiceradioinput" }), h("label", { key: 'e038f367106ffd8712a0908d65d125b5f285a916', class: {
+            } }, this.type === "checkbox" && (h("input", { key: '89d5dd0ee3b36469a8dc76939682d6a9639d52a0', class: "duet-choice-input", type: this.type, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, disabled: this.getDisabled(), required: this.required, id: identifier, name: this.name, value: this.value, checked: this.checked, "aria-label": this.getLabel(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedby(), onKeyDown: this.handleKeyDown, ref: input => (this.focusableElement = input) })), h("slot", { key: '2745b90b9febcddd1617878dc85dbdca91bed103', name: "choiceradioinput" }), h("label", { key: '60293091e7005f427af03589faa2471a20a07dbd', class: {
                 "duet-choice-label": true,
                 "has-before-text": this.hasBeforeText,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.getDisabled(),
-            }, onClick: this.onClick }, this.hasBeforeText && h("slot", { key: '1b19e1fa3fcf5a3a3e16f5330a513adff661798e', name: "before-text" }), this.icon && (h("div", { key: 'cf7b7dba99cf4c93a0af8348841a548a0e4153aa', class: "duet-choice-card-icon" }, h("duet-icon", { key: '3adb65bb97bad88b84472b408c2c7582ad3e6012', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), h("div", { key: '8a85581545676b925ca39c614876f3cebb5553c4', class: "duet-choice-card-text" }, h("div", { key: '4baf1c808b3a8946f63cd5d64c135f29387910a1' }, this.hasLabel ? h("slot", { name: "label" }) : this.label), this.caption && (h("div", { key: 'd4d2e94b379c242853047e92b8ef3d02358d47ab' }, h("duet-spacer", { key: 'cb761b10de1afba742bcfb83cfcd0885e09d4da2', size: "xx-small" }), h("duet-caption", { key: 'f4238edc949718154d77c4a465d515b4eaeae3df', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (h("div", { key: 'e932cefc8acedea9b152c66d50bbe591be8cf04d' }, h("duet-spacer", { key: '1ea7940f74edb2bb99405091097530836c0412eb', size: "xx-small" }), h("slot", { key: '63fc4d2ad4a0f5d14666ff703ad4defaf2e950ed', name: "additional" })))), h("div", { key: '9ca502e4e6929ed03c09818909b708e6174392c9' }, h("div", { key: 'e2ec3f18108f7be37e7d38a3a8a6b7126ac37367', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && h("div", { key: 'aed8333ed8fcc374095721d94a070fec03761d47', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (h("button", { key: '209184ed7ae21002ff718c2efce27aa498db02d3', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
+            }, onClick: this.onClick }, this.hasBeforeText && h("slot", { key: 'ae4be026a3b09c369840065af56652403199f386', name: "before-text" }), this.icon && (h("div", { key: 'c7cb16471ff37dd3b02090dad05d7614f3d314bd', class: "duet-choice-card-icon" }, h("duet-icon", { key: 'addb288ef7d86b56bea8c1f332441a2c4cadb3d2', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), h("div", { key: 'b93a83dfd99fe82813d0daa25004ad9c5f4bb58f', class: "duet-choice-card-text" }, h("div", { key: '6c12ddc5fce7a4b360c8cd54f4c767cf3481af25' }, this.hasLabel ? h("slot", { name: "label" }) : this.label), this.caption && (h("div", { key: '2375bc05cb87c6aff0e56758c9f478103e3fde4e' }, h("duet-spacer", { key: 'ed9c38492bbd765fe2f7c8e00be12f022b21932b', size: "xx-small" }), h("duet-caption", { key: 'bd6ee17d7a87ee48ee817e3d22ae84f08ad1710c', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (h("div", { key: '60864680b2473d89f940fa0cd8bfae6433838ae4' }, h("duet-spacer", { key: '303abb939ca6951fabf2e789877ce9fdc5192e68', size: "xx-small" }), h("slot", { key: '3c0f6a723591ecf194520eef02445741986e2ede', name: "additional" })))), h("div", { key: 'aab22344ed2b2b79259222456daed0c67007bd55' }, h("div", { key: '8414b4650724896fe86bb5883c29f25970fd5225', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && h("div", { key: '0fb93a9d51f221f5338009ab93ee9ed0dd840afc', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (h("button", { key: 'dd75d55f02a8b12d8914d92ad5fd09f7b16cd0f0', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
                 "duet-choice-info-toggle": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button", onKeyUp: e => this.handleEscape(e) }, h("div", { key: 'eb76ae734893e6c9375d63a7ce73283437c3bf40', class: "duet-choice-info-icon" }, h("duet-icon", { key: '21eaedd36a86a68b74ccd1420dbe838f1e23d4f0', icon: messagingInfo.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (h("span", { key: 'a681b8c754aa3d6e24a70f95bf7d7c6bf7d31f5c', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (h("div", { class: this.getClassNames(), id: this.expandId }, h("span", { class: {
+            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button", onKeyUp: e => this.handleEscape(e) }, h("div", { key: 'acc75d0d4e81d63a1cadaf113f7a97727ec9b323', class: "duet-choice-info-icon" }, h("duet-icon", { key: 'dab37c8b277f1077f49ddadcd62a7b81e5590e0d', icon: messagingInfo.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (h("span", { key: '2f6a4388ba251ee6e2d1125a5eed938899c730c8', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (h("div", { class: this.getClassNames(), id: this.expandId }, h("span", { class: {
                 "duet-choice-section-visible": this.collapsible ? this.getExpanded() : this.isInfoOpen,
                 "duet-choice-section-hidden": this.collapsible ? !this.getExpanded() : !this.isInfoOpen,
             } }, h("span", { id: this.headerId }, h("slot", { name: "header" })), this.hasInfo ? (h("span", { ref: span => (this.infoContainer = span), tabindex: "0", class: "duet-choice-info-container", onKeyUp: e => this.handleEscape(e) }, h("span", null, h("slot", { name: "info" })), h("slot", null))) : (h("span", { id: `${this.choiceId}-collapsible-content` }, h("slot", null)))))) : null));

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

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f66602b0.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d77db171.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-f6000a03.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-ca700701.js';
-import { h as hasSlot } from './p-392a87b6.js';
+import { h as hasSlot } from './p-ad615991.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { d as defineCustomElement$2 } from './p-8342a3e5.js';
+import { d as defineCustomElement$2 } from './p-4da43fbc.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(8, 42, 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(8, 42, 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(8, 42, 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(8, 42, 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)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
 const DuetCollapsibleStyle0 = duetCollapsibleCss;
@@ -108,14 +108,14 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString(this.headingLevel) : "div";
-        return (h(Host, { key: 'e75871cb9a6fd0f3050c22c4ac9059c8daa8c2ca', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '4b9571caa365df133f607952f427d5f2662a61d6' }, h("button", { key: '29f111d38aeac967f9ef9e2696fe0da79b07210c', class: {
+        return (h(Host, { key: '41f36dde4e54009a1eb69c87caa20fe7174f54aa', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '2dfbc738dabf00e09f0dc410f340a2c149616e23' }, h("button", { key: '9cdec6df9a1ad914a9b1f7add28b4327a40026ea', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-collapsible-normal-weight": this.headingWeight === "normal",
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'f22a73bf54b611968e8e9ecfac22c4a5d912942a', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '3f1706b22520ee9e1856ba3d9bd8f4e04a026e20', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: '88b89faf977d753d6d53f838d986b6ec567ed8e3', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: '97304f5806f809b1d7e86306b60901ce96df2f8e', part: "duet-collapsible-after-heading" }, h("slot", { key: '0d37e9e85c477aa0f4b3f0f9b7209b429c917bd6', name: "after-heading" }))))), h("div", { key: 'cc27c3dca50171f016f3a0991a67f07334223f9b', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: 'b17cc5907e981ea030f3a070e6cad046e15af55c' }))));
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '20969919d9bacce2a30a27f6b174a0d34ed2f87a', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '8b1ce16944925dcbe76add2736fb4a9c2c4d8143', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: 'ae5481e1aa50ea5752835acca560509f9e1ef31b', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: '495b61f0b3f7d484f7af56bd8cde74b0fe6ae6b4', part: "duet-collapsible-after-heading" }, h("slot", { key: 'c95c048eba7d76b176a734ce678f9a26e124b495', name: "after-heading" }))))), h("div", { key: '291f50f458f1951bb540412845f77c3034969d7d', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '2b23d5343903b1fdb4e8977c1c6a1ab373928fe4' }))));
     }
     get element() { return this; }
     static get style() { return DuetCollapsibleStyle0; }

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

@@ -1,29 +1,28 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-f66602b0.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-d77db171.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';
 import { c as isEnterKey, b as isEscapeKey, d as isTabKey, e as isArrowUpKey, f as isArrowDownKey } from './p-ca700701.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { b as getElementsFromDefaultSlot } from './p-392a87b6.js';
+import { b as getElementsFromDefaultSlot } from './p-ad615991.js';
 import { r as regexEscape, p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$f } from './p-38a3168a.js';
-import { d as defineCustomElement$e } from './p-a6b39855.js';
-import { d as defineCustomElement$d } from './p-d0a4a69f.js';
-import { d as defineCustomElement$c } from './p-8342a3e5.js';
-import { d as defineCustomElement$b } from './p-a4c60ad4.js';
-import { d as defineCustomElement$a } from './p-d0aaf2cd.js';
-import { d as defineCustomElement$9 } from './p-5448ad53.js';
-import { d as defineCustomElement$8 } from './p-61282ed8.js';
-import { d as defineCustomElement$7 } from './p-fb63021d.js';
-import { d as defineCustomElement$6 } from './p-cb5df864.js';
-import { d as defineCustomElement$5 } from './p-d9d8aaec.js';
-import { d as defineCustomElement$4 } from './p-ee079d76.js';
-import { d as defineCustomElement$3 } from './p-c9a14c7b.js';
-import { d as defineCustomElement$2 } from './p-18c3a72b.js';
+import { d as defineCustomElement$e } from './p-b0925e24.js';
+import { d as defineCustomElement$d } from './p-d2a5148f.js';
+import { d as defineCustomElement$c } from './p-3431b690.js';
+import { d as defineCustomElement$b } from './p-4da43fbc.js';
+import { d as defineCustomElement$a } from './p-e37d189b.js';
+import { d as defineCustomElement$9 } from './p-6b77d4d3.js';
+import { d as defineCustomElement$8 } from './p-d1f89e90.js';
+import { d as defineCustomElement$7 } from './p-9f9423c6.js';
+import { d as defineCustomElement$6 } from './p-41dca9e4.js';
+import { d as defineCustomElement$5 } from './p-fe9e47d9.js';
+import { d as defineCustomElement$4 } from './p-36ab2d57.js';
+import { d as defineCustomElement$3 } from './p-89b10856.js';
+import { d as defineCustomElement$2 } from './p-02f97b91.js';
 
 const DuetComboBoxSelect = ({ item, activeDescendant, selected, label = undefined, clickHandler = e => {
     e.preventDefault();
@@ -622,7 +621,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["duet-combobox", "duet-button", "duet-caption", "duet-chip", "duet-icon", "duet-input", "duet-label", "duet-popup-menu", "duet-popup-menu-item", "duet-spacer", "duet-spinner", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
+    const components = ["duet-combobox", "duet-button", "duet-caption", "duet-chip", "duet-icon", "duet-input", "duet-popup-menu", "duet-popup-menu-item", "duet-spacer", "duet-spinner", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
     components.forEach(tagName => { switch (tagName) {
         case "duet-combobox":
             if (!customElements.get(tagName)) {
@@ -630,31 +629,26 @@ function defineCustomElement$1() {
             }
             break;
         case "duet-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "duet-caption":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "duet-chip":
+        case "duet-caption":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "duet-icon":
+        case "duet-chip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "duet-input":
+        case "duet-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "duet-label":
+        case "duet-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }

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-f66602b0.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$8 } from './p-38a3168a.js';
-import { d as defineCustomElement$7 } from './p-b33a176e.js';
-import { d as defineCustomElement$6 } from './p-8342a3e5.js';
-import { d as defineCustomElement$5 } from './p-824a3b0b.js';
-import { d as defineCustomElement$4 } from './p-fc92fc89.js';
-import { d as defineCustomElement$3 } from './p-cb5df864.js';
-import { d as defineCustomElement$2 } from './p-18c3a72b.js';
+import { d as defineCustomElement$8 } from './p-b0925e24.js';
+import { d as defineCustomElement$7 } from './p-1ccd7c39.js';
+import { d as defineCustomElement$6 } from './p-4da43fbc.js';
+import { d as defineCustomElement$5 } from './p-de4ee016.js';
+import { d as defineCustomElement$4 } from './p-174a9d1d.js';
+import { d as defineCustomElement$3 } from './p-41dca9e4.js';
+import { d as defineCustomElement$2 } from './p-02f97b91.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(8, 42, 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;
@@ -59,10 +59,10 @@ const DuetContactCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetContactCard
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: 'ee161f82ee10fff2c20d0a1710bad6af28d693f4', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'b9252238696889b1c15f9c7ade693f7e0d28c5da', class: {
+        return (h(Host, { key: '5ed61598b80af8711f3d2f9eaa4fdecd21f25924', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '1cc0451adbb00abb3f21f72772afafc607645537', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: 'c9575adf25010f58a30f297b89355cf1c404a03e' }, this.name && (h("duet-heading", { key: '2158805949358fd34db41c0b182c384ea19e7691', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: 'f9372c59121b55e6247515dba14f557fd73a0c80', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: 'abf9dfb8a80916d11a756d51556f17d63ff3ccb1', class: "email" }, h("duet-icon", { key: '8ed9a810ce0a6523541e1f25221d6c0efbe04dfe', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'ebe066f4492bf29aa08c0ad4e7bffc3bc33da31d', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '95d380ceee42f69a6ed0f9d1c611a32a71fce355', class: "phone" }, h("duet-icon", { key: '785043c08e6fca93a358f385b4fe1a9fe52ce74b', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '3f798fe2fb406091faadec2e72b7da3ccced7b83', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '603dc620090b067f6798a117df506ba244163f3a', class: "call-to-action" }, h("duet-button", { key: '585f7cf08e0620af3af47ef41436a90d75aa48bd', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: 'f9c5a90f43159f6349b09b515bb9b75fc06bb7d3' }), h("slot", { key: 'aac7d0d9a759305ef4986cc11ce446f191f72133' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '18669b66f9db7ee238adfdfc6fbc051b8eddfe93' }, this.name && (h("duet-heading", { key: '47ef0fd1bd6d7f48668c8db2acb186776edb1485', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: 'b5810cd6f66e76919a62aff08048b053b5fcb7e1', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '8a769cdb536d5c6beb27c9ce4b6c4b582382997d', class: "email" }, h("duet-icon", { key: '4f6925ceb4dd1aa420856b88f60c49571a9275c4', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '21348f029d675509c0a0f2bbe8cd8488d20723ce', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '5567f627d05c5a4773885f41067d44977e923195', class: "phone" }, h("duet-icon", { key: '0acdaacb76ec2ff9ab686ae8745eb844040bb59f', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '402ad36efc575a97ab671058825c90b09bc0ad75', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '5ad0f70d4b0df654d19d4e47117d2144c76320e5', class: "call-to-action" }, h("duet-button", { key: '8f6f819df1e2808610de2e526e861a8af2220616', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '7491aa743dcd2c9c0c36d27e3c2b699ff8b3dd6b' }), h("slot", { key: 'ec876a8327e9c365021dcf5703d994caf048ad2e' }))));
     }
     get element() { return this; }
     static get style() { return DuetContactCardStyle0; }

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-f66602b0.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d77db171.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
-import { d as defineCustomElement$6 } from './p-38a3168a.js';
-import { d as defineCustomElement$5 } from './p-8342a3e5.js';
-import { d as defineCustomElement$4 } from './p-fb63021d.js';
-import { d as defineCustomElement$3 } from './p-cb5df864.js';
-import { d as defineCustomElement$2 } from './p-18c3a72b.js';
+import { d as defineCustomElement$6 } from './p-b0925e24.js';
+import { d as defineCustomElement$5 } from './p-4da43fbc.js';
+import { d as defineCustomElement$4 } from './p-9f9423c6.js';
+import { d as defineCustomElement$3 } from './p-41dca9e4.js';
+import { d as defineCustomElement$2 } from './p-02f97b91.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(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)}}.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;
@@ -53,7 +53,7 @@ const DuetCookieConsent$1 = /*@__PURE__*/ proxyCustomElement(class DuetCookieCon
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '61cde7dad29f6806c3bf5f598897ebab55a50c2c', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'acb59a9600f655eb3c485a7334dd078c03f82f56', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '5d1eb2561aef70174bb1ca9d11e44ae2d743a13a', class: "duet-cookie-consent-content" }, h("div", { key: 'ef24cb4ba0672188c6216da4007746b52fa46526', class: "expand" }, h("slot", { key: '7e170fcdf30814f4308ae952a2236e67b5fecf2e' })), h("duet-spacer", { key: '3155cd41922ea15d6543243292651832b353461f', size: "large", direction: "horizontal" }), h("div", { key: 'e6578866cc2ea81852778c514eb5c04f766a2dcc' }, h("duet-button", { key: 'dae7a5c4b619f93d19fbc3e72e0c782fbef9550f', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (h(Host, { key: '689e6e934833d5b1952ca793e3a1ab6348d0580a', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '0632d30885fd6a4fee5e2a27c3036377bddb87a7', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '2d8ee174ee56238b523a76ddabd1f8509a9a748d', class: "duet-cookie-consent-content" }, h("div", { key: '5477148aef761c9cf27ecf9881b2339271b4e356', class: "expand" }, h("slot", { key: 'b197d83da8b0abb133777f549dfab7f173e0dee5' })), h("duet-spacer", { key: '28c43b3724d64df6b911148cdf0d9de88aed7b0f', size: "large", direction: "horizontal" }), h("div", { key: '8a6d2e2f97ea12a9860b95692101fbc72aa3708a' }, h("duet-button", { key: '8642e8dccf5bd08d316245487af38820badf80ad', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     get element() { return this; }
     static get style() { return DuetCookieConsentStyle0; }

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-f66602b0.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-d77db171.js';
+import { D as DuetInternalLabel } from './p-42619f94.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { F as FocusGuard } from './p-e30dc66d.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { c as checkNamedSlotElement, p as proxyInputToSlot } from './p-392a87b6.js';
+import { c as checkNamedSlotElement, p as proxyInputToSlot } from './p-ad615991.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$d } from './p-649a8c3e.js';
-import { d as defineCustomElement$c } from './p-38a3168a.js';
-import { d as defineCustomElement$b } from './p-a6b39855.js';
-import { d as defineCustomElement$a } from './p-8342a3e5.js';
-import { d as defineCustomElement$9 } from './p-a4c60ad4.js';
-import { d as defineCustomElement$8 } from './p-d0aaf2cd.js';
-import { d as defineCustomElement$7 } from './p-aa62c36f.js';
-import { d as defineCustomElement$6 } from './p-cb5df864.js';
-import { d as defineCustomElement$5 } from './p-d9d8aaec.js';
-import { d as defineCustomElement$4 } from './p-ee079d76.js';
-import { d as defineCustomElement$3 } from './p-c9a14c7b.js';
-import { d as defineCustomElement$2 } from './p-18c3a72b.js';
+import { d as defineCustomElement$c } from './p-df2042f8.js';
+import { d as defineCustomElement$b } from './p-b0925e24.js';
+import { d as defineCustomElement$a } from './p-d2a5148f.js';
+import { d as defineCustomElement$9 } from './p-4da43fbc.js';
+import { d as defineCustomElement$8 } from './p-e37d189b.js';
+import { d as defineCustomElement$7 } from './p-29be247b.js';
+import { d as defineCustomElement$6 } from './p-41dca9e4.js';
+import { d as defineCustomElement$5 } from './p-fe9e47d9.js';
+import { d as defineCustomElement$4 } from './p-36ab2d57.js';
+import { d as defineCustomElement$3 } from './p-89b10856.js';
+import { d as defineCustomElement$2 } from './p-02f97b91.js';
 
 const formatOptionsShort = { day: "numeric", month: "long", weekday: "long" };
 const formatOptionsLong = { day: "numeric", month: "long", year: "numeric" };
@@ -411,7 +411,7 @@ const DatePickerMonth = ({ selectedDate, focusedDate, labelledById, theme, langu
                 } }))))))))));
 };
 
-const duetDatePickerCss = "*,*::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-right:16px !important;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}:host:last-child,:host:last-of-type{margin-right:0 !important}@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-theme-turva .duet-date-button{color:rgb(23, 28, 58);border-color:rgb(199, 202, 207)}.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){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva .duet-date-button:disabled{background:rgb(245, 247, 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);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-input-has-focus .duet-date-button,.duet-theme-turva .duet-date-button:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.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;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@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;transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}}.duet-date-dialog.active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@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}.duet-theme-turva .duet-date-dialog-wrapper{border-color:rgb(222, 224, 228)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.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.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-date-table th{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.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;color:rgb(8, 42, 77) !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.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, 28, 58) !important}.duet-date-table-button:hover{background:rgb(228, 241, 247) !important}.duet-theme-turva .duet-date-table-button:hover{background:rgb(255, 227, 228) !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}.duet-theme-turva .duet-date-table-button.today{color:rgb(126, 2, 35) !important;background:rgb(255, 241, 241) !important;box-shadow:0 0 0 1px #171c3a !important}[aria-pressed=true] .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.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(198, 12, 48) !important}.duet-date-table-button:active{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}:focus .duet-date-table-button{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva :focus .duet-date-table-button{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(143, 147, 158) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva .duet-date-table-button.outside{color:rgb(143, 147, 158);background:rgb(245, 247, 250);box-shadow:none}.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-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, 28, 58)}.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{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #171c3a !important}.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-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(199, 202, 207)}.duet-date-dialog-mobile-header duet-label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header duet-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;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close{opacity:0}}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 247, 250) !important}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 247, 250) !important}.duet-date-picker-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-picker-close:focus{box-shadow:0 0 0 2px #171c3a !important}";
+const duetDatePickerCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}: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;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}@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-theme-turva .duet-date-button{color:rgb(23, 28, 58);border-color:rgb(199, 202, 207)}.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){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva .duet-date-button:disabled{background:rgb(245, 247, 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);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-input-has-focus .duet-date-button,.duet-theme-turva .duet-date-button:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.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;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@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;transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}}.duet-date-dialog.active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@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}.duet-theme-turva .duet-date-dialog-wrapper{border-color:rgb(222, 224, 228)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.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.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-date-table th{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.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;color:rgb(8, 42, 77) !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.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, 28, 58) !important}.duet-date-table-button:hover{background:rgb(228, 241, 247) !important}.duet-theme-turva .duet-date-table-button:hover{background:rgb(255, 227, 228) !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}.duet-theme-turva .duet-date-table-button.today{color:rgb(126, 2, 35) !important;background:rgb(255, 241, 241) !important;box-shadow:0 0 0 1px #171c3a !important}[aria-pressed=true] .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.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(198, 12, 48) !important}.duet-date-table-button:active{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}:focus .duet-date-table-button{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva :focus .duet-date-table-button{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(143, 147, 158) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva .duet-date-table-button.outside{color:rgb(143, 147, 158);background:rgb(245, 247, 250);box-shadow:none}.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-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, 28, 58)}.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{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #171c3a !important}.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-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(199, 202, 207)}.duet-date-dialog-mobile-header duet-label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header duet-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;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close{opacity:0}}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 247, 250) !important}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 247, 250) !important}.duet-date-picker-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-picker-close:focus{box-shadow:0 0 0 2px #171c3a !important}";
 const DuetDatePickerStyle0 = duetDatePickerCss;
 
 const DuetDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class DuetDatePicker extends H {
@@ -797,13 +797,13 @@ const DuetDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class DuetDatePicker e
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (h$1(Host, { key: '48dfac6edc6326788eda85f8bf70bf5b4a0ff4ad', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, h$1("div", { key: 'c3e6cf0d8d6e7ae3e917900e6c0093c53a13a44d', class: "duet-date" }, h$1(DatePickerInput, { key: 'a440f6697d91cd0d0de2ab2c7c17d595e39bf9ae', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), h$1("div", { key: '856f8608b56c0a24bc287b35cd6e6edf51b42e1f', class: {
+        return (h$1(Host, { key: 'ffbf4028a27b7ce50696f3735314e12b48644e83', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, h$1("div", { key: 'be1ffaf5b189177ace8c0e537601247fb4c541e1', class: "duet-date" }, h$1(DatePickerInput, { key: '9f256d886f365c0ffb729b2e19d9695ae62d125d', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), h$1("div", { key: '083b96641cff2923eeb8b2a2811559674a3422a7', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-date-dialog": true,
                 left: this.direction === "left",
                 error: !!this.error,
                 active: this.open,
-            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h$1("duet-overlay", { key: 'dbfa04c5bf7c3f3982b22597fcad4b1029aa4539', visible: this.open, "display-device": "x-small" }), h$1(FocusGuard, { key: '443af141eb824070c60ee455ea5dbeec2a37cdb7', moveFocusTo: this.focusedDayNode }), h$1("div", { key: '107fd0fac02235e7567a3c4c39caa17209a45c29', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, h$1("duet-visually-hidden", { key: '9cb6d9c06ec92d0d21e7fb0529f3c406ae5b741a', "aria-live": "polite" }, text.keyboardInstruction), h$1("div", { key: '0752365441e95a42b6e3a17dc81aaa179342e5ca', class: "duet-date-dialog-mobile-header" }, h$1("duet-label", { key: '6ffc63566ac1bd7484a2dacb2fcce822ce21c3c6', margin: "none" }, this.label), h$1("button", { key: '248c0904984b9c5a67caf1892357d57e5ce60066', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, h$1("duet-icon", { key: 'af984cb01089e8d9406c5b6bf0e67d2eeceb3beb', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), h$1("duet-visually-hidden", { key: 'b8d0f1caeab887aa6b6651dcb193a7fa5525cbb7' }, text.closeLabel))), h$1("div", { key: 'dd6610096ef2f1c7d7e5d4e0d1fac457362c5faf', class: "duet-date-dialog-header" }, h$1("div", { key: 'd68c8dea57050c6fa051629f74add64e10cd38be', class: "duet-date-dialog-dropdowns" }, h$1("duet-visually-hidden", { key: '58909421fde5e46cc2b1373e7e2d9532d6c1a03e' }, h$1("h2", { key: '612d51f0e60b090a35458d90b0e9866ede633c83', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), h$1("duet-visually-hidden", { key: 'b2463d984236267298af6c391d215c89f28c6488' }, h$1("label", { key: '42e90c9b899b24cc40ac4c84e71a2c1d65043f51', htmlFor: this.monthSelectId }, text.monthSelectLabel)), h$1("div", { key: '6d721a0d53346e15ce27eadc9eead200c7919610', class: "duet-date-dialog-select" }, h$1("select", { key: '87df3cd45d626c59170b2f3874af646db4977c70', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (h$1("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), h$1("div", { key: 'eec62361035a4a7da7e473b35c83da7602db752b', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h$1("span", { key: 'ec536ccf980e51e293a7e6eea022761c447fdbc1' }, text.monthLabelsShort[focusedMonth]), h$1("duet-icon", { key: 'f1a8731882be82bc403d1eb52575895255322d6f', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), h$1("duet-visually-hidden", { key: '00a216897e04d308ce5750c8fa70e22e1ccc8138' }, h$1("label", { key: '5ba713a95d1b746651a9d76bc0039373dfbeaa4d', htmlFor: this.yearSelectId }, text.yearSelectLabel)), h$1("div", { key: '22dd0678e259984875717419a12860953b95cfb5', class: "duet-date-dialog-select" }, h$1("select", { key: 'd78d55d784a66a3add24104426f3bcc0a8b0d22b', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (h$1("option", { key: year, selected: year === focusedYear }, year)))), h$1("div", { key: '7d1ca2d567364c693db485929b0730e2d260c7ca', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h$1("span", { key: '2757b9f9910c6f2e1f7fb8b3d3adc65333bb679f' }, this.focusedDay.getFullYear()), h$1("duet-icon", { key: 'dc068d24ccf9116a5c2e76e3bbdea7c356eb8eee', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), h$1("div", { key: '34b00c0ca21c0d748927721b8ee5d1b830e1ce3a', class: "duet-date-dialog-buttons" }, h$1("duet-action-button", { key: '1afdaac3260fc7c94c8a138b44f3aa608ea1b59d', accessibleLabel: i18n[this.language].prevMonthLabel, actionName: i18n[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), h$1("duet-action-button", { key: 'c2bef35e310c1ccc274ee52e17dcf790c4c3eb99', accessibleLabel: i18n[this.language].nextMonthLabel, actionName: i18n[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), h$1(DatePickerMonth, { key: 'a2f57b6196e1ee4ac2f53ed81b484622a49297dc', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), h$1(FocusGuard, { key: 'be87303e8ba3831c94e72a8d07ca967ce35604a6', moveFocusTo: this.closeButtonNode }))));
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h$1("duet-overlay", { key: 'e996bbb11fb297a854c0b052a76bd901cc206b69', visible: this.open, "display-device": "x-small" }), h$1(FocusGuard, { key: 'fb326c88bc79b2fb26934d500ada890909df7353', moveFocusTo: this.focusedDayNode }), h$1("div", { key: '012cbf4ec8c8a86c8490df5858d0b51ce5cd8b92', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, h$1("duet-visually-hidden", { key: '0a70e49f2bc2719fd766d604026711557e741918', "aria-live": "polite" }, text.keyboardInstruction), h$1("div", { key: '79509cb586c8498c5f450e63759e27d6dc10622a', class: "duet-date-dialog-mobile-header" }, h$1(DuetInternalLabel, { key: '4377e01f607d4de35728b1cdc8cbc298f6b19142', margin: "none" }, this.label), h$1("button", { key: '3287aeee04a35a036c1cdf5e93851cbb1b2a18d7', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, h$1("duet-icon", { key: 'dfcef3d22fa0a905e5b7de34da2c7c669d2e4cef', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), h$1("duet-visually-hidden", { key: 'cdf305c57bc94b51d148077ddfd30b3c29a989a0' }, text.closeLabel))), h$1("div", { key: '7e0171347a1da56e751c38f36de27f199fa2ec47', class: "duet-date-dialog-header" }, h$1("div", { key: '83306e6e3f77c536f522c30ad516423d90e4bf6b', class: "duet-date-dialog-dropdowns" }, h$1("duet-visually-hidden", { key: 'd12b4ec4e07e8c657a61c2e9fb944d0e87367cd4' }, h$1("h2", { key: 'ed4f5fa368effa1c5d0d49f0fed98c062ce66aaa', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), h$1("duet-visually-hidden", { key: '3049c56b3982abd6e9609e8bb39ccff0ff5fe4a6' }, h$1("label", { key: 'f81eb75848f18de93c98a21e2475545f5b18b11a', htmlFor: this.monthSelectId }, text.monthSelectLabel)), h$1("div", { key: '5cd66e4fbf36396e710f351fd7c36459a8515804', class: "duet-date-dialog-select" }, h$1("select", { key: '3dfa3aa9d7b96f84500d8af3b6c5dd6ff1325b20', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (h$1("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), h$1("div", { key: '1fb7b3f4fa0ecd6c9cf95613c50200df097e919c', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h$1("span", { key: '99a67cc02351674b14ffb24949672d2a02a48324' }, text.monthLabelsShort[focusedMonth]), h$1("duet-icon", { key: 'a7a4c1b2f6b361cd51737e60d59c26c97abe1a47', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), h$1("duet-visually-hidden", { key: '49515f341552fba5f3151b093c2a5b1ddc53ee07' }, h$1("label", { key: '13f6235f20b354b5bece44b65e1b05f8dfa355dd', htmlFor: this.yearSelectId }, text.yearSelectLabel)), h$1("div", { key: '4bd86d771eea83a8bd24387e91b09baa8e1a22ad', class: "duet-date-dialog-select" }, h$1("select", { key: '027f699ba8c1da2af2525c937474e23595173ed0', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (h$1("option", { key: year, selected: year === focusedYear }, year)))), h$1("div", { key: '8b1b6158805a2bfac0bf1d11358d9ead7b053ef8', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h$1("span", { key: 'a49b7c229199f49a8e791d30c6164dfcb0a35b18' }, this.focusedDay.getFullYear()), h$1("duet-icon", { key: 'bc944c5c5d76c6f3fb6da35e5afa384d101952d9', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), h$1("div", { key: '93a4f1129af6c3e723b951147d022243e053c3df', class: "duet-date-dialog-buttons" }, h$1("duet-action-button", { key: '5a13ca85a4fd737fedc9c7f5e623c3def16397ae', accessibleLabel: i18n[this.language].prevMonthLabel, actionName: i18n[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), h$1("duet-action-button", { key: '283fca10745ff21e1c0d0da2479121ef0d5ed890', accessibleLabel: i18n[this.language].nextMonthLabel, actionName: i18n[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), h$1(DatePickerMonth, { key: 'cc59e30b0a39e5a63682a2fb3da3c4080c7bc960', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), h$1(FocusGuard, { key: '9de58a8642b2f06882542924e86b3792f5bc54ad', moveFocusTo: this.closeButtonNode }))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -861,7 +861,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["duet-date-picker", "duet-action-button", "duet-button", "duet-caption", "duet-icon", "duet-input", "duet-label", "duet-overlay", "duet-spinner", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
+    const components = ["duet-date-picker", "duet-action-button", "duet-button", "duet-caption", "duet-icon", "duet-input", "duet-overlay", "duet-spinner", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
     components.forEach(tagName => { switch (tagName) {
         case "duet-date-picker":
             if (!customElements.get(tagName)) {
@@ -869,31 +869,26 @@ function defineCustomElement$1() {
             }
             break;
         case "duet-action-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "duet-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "duet-caption":
+        case "duet-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "duet-icon":
+        case "duet-caption":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "duet-input":
+        case "duet-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "duet-label":
+        case "duet-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }