@duetds/components 10.0.0-alpha.0 → 10.0.0-alpha.2

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-b5ea877d.js';
-import { d as defineCustomElement$8 } from './p-a6b39855.js';
-import { d as defineCustomElement$7 } from './p-c57a67d3.js';
-import { d as defineCustomElement$6 } from './p-8342a3e5.js';
-import { d as defineCustomElement$5 } from './p-98b1d4c1.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-a2b5c68e.js';
+import { d as defineCustomElement$6 } from './p-b4289ed0.js';
+import { d as defineCustomElement$5 } from './p-7f69e1e3.js';
+import { d as defineCustomElement$4 } from './p-e774334b.js';
+import { d as defineCustomElement$3 } from './p-4c1f4287.js';
+import { d as defineCustomElement$2 } from './p-6a285be8.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;

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-b5ea877d.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-b4289ed0.js';
+import { d as defineCustomElement$2 } from './p-d5812145.js';
 
 var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
 

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

@@ -1,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-b5ea877d.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-b4289ed0.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;

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-b5ea877d.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-b9488320.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-98b1d4c1.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-a1e17113.js';
+import { d as defineCustomElement$d } from './p-d2a5148f.js';
+import { d as defineCustomElement$c } from './p-2c4fc6d3.js';
+import { d as defineCustomElement$b } from './p-b4289ed0.js';
+import { d as defineCustomElement$a } from './p-55bbb3b6.js';
+import { d as defineCustomElement$9 } from './p-29782b53.js';
+import { d as defineCustomElement$8 } from './p-86f479be.js';
+import { d as defineCustomElement$7 } from './p-d5812145.js';
+import { d as defineCustomElement$6 } from './p-87b1c772.js';
+import { d as defineCustomElement$5 } from './p-7f69e1e3.js';
+import { d as defineCustomElement$4 } from './p-e774334b.js';
+import { d as defineCustomElement$3 } from './p-4c1f4287.js';
+import { d as defineCustomElement$2 } from './p-6a285be8.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-a1e17113.js';
+import { d as defineCustomElement$7 } from './p-19172e2c.js';
+import { d as defineCustomElement$6 } from './p-b4289ed0.js';
+import { d as defineCustomElement$5 } from './p-723b6358.js';
+import { d as defineCustomElement$4 } from './p-1df834b1.js';
+import { d as defineCustomElement$3 } from './p-87b1c772.js';
+import { d as defineCustomElement$2 } from './p-6a285be8.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;

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-a1e17113.js';
+import { d as defineCustomElement$5 } from './p-b4289ed0.js';
+import { d as defineCustomElement$4 } from './p-d5812145.js';
+import { d as defineCustomElement$3 } from './p-87b1c772.js';
+import { d as defineCustomElement$2 } from './p-6a285be8.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;

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-b5ea877d.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-b9488320.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-98b1d4c1.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-f9994ef4.js';
+import { d as defineCustomElement$b } from './p-a1e17113.js';
+import { d as defineCustomElement$a } from './p-d2a5148f.js';
+import { d as defineCustomElement$9 } from './p-b4289ed0.js';
+import { d as defineCustomElement$8 } from './p-55bbb3b6.js';
+import { d as defineCustomElement$7 } from './p-1e88beeb.js';
+import { d as defineCustomElement$6 } from './p-87b1c772.js';
+import { d as defineCustomElement$5 } from './p-7f69e1e3.js';
+import { d as defineCustomElement$4 } from './p-e774334b.js';
+import { d as defineCustomElement$3 } from './p-4c1f4287.js';
+import { d as defineCustomElement$2 } from './p-6a285be8.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: 'f349fd70a53b7cd9729e6f4a519994e86cb60105', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, h$1("div", { key: '3af25d99b276b29bffb5fb56e3807bd310a7b7b6', class: "duet-date" }, h$1(DatePickerInput, { key: '95cd7445820e3618f4e8553288a08a28c4013f5a', 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: '1601a61d1f4aae686581b6d232c996d6bd4b566f', 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: '96831a945399f6893f9e79d8aaa218bc02fe0a8e', visible: this.open, "display-device": "x-small" }), h$1(FocusGuard, { key: '9be207554c16e4a16118f5f36ae4bb64a9bad1f0', moveFocusTo: this.focusedDayNode }), h$1("div", { key: '20a4189123efcc2d4dced702d6d0fb7786de2479', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, h$1("duet-visually-hidden", { key: '3ad4621b49c92d3008920366eaea3d86075165d4', "aria-live": "polite" }, text.keyboardInstruction), h$1("div", { key: '05aa408db91c6f9af01134adcc7735f72065adc3', class: "duet-date-dialog-mobile-header" }, h$1(DuetInternalLabel, { key: 'c389ccaabf1427fa8e3c95e3d6e3d4d2d8886e80', margin: "none" }, this.label), h$1("button", { key: '91d67cff777873af7aee2764cfc1447b4e90437c', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, h$1("duet-icon", { key: '0a228d827ae9ffff2325163c45eda95dcca764db', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), h$1("duet-visually-hidden", { key: '7e3caabcab88f9f26acfd03c11d3e6f0ce198a76' }, text.closeLabel))), h$1("div", { key: '5588d1ba8e3f48fd340585d7c7e42096abc7e99a', class: "duet-date-dialog-header" }, h$1("div", { key: '72e458e1e52feb85527d09ff5bed9297104a512d', class: "duet-date-dialog-dropdowns" }, h$1("duet-visually-hidden", { key: '82b46e98af47e939e9c462ae9e89e7dbf65b697d' }, h$1("h2", { key: '5ffe7ed43d48807cbc4070b5ef130edf44c65b7c', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), h$1("duet-visually-hidden", { key: 'a3adba70c76a4e37aaa153740ce455b42efdd6cd' }, h$1("label", { key: '19fbfd0efc6efa48b4305a7d16949ef7d867a7df', htmlFor: this.monthSelectId }, text.monthSelectLabel)), h$1("div", { key: '7c1fab8f84e07002df8ddd2674f5cc78c872fbfd', class: "duet-date-dialog-select" }, h$1("select", { key: '4f66b02e6ba8ae82327c024bd2a0bb5fa244d4d6', 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: '979ca83f258b7cf38902554fec596ee9df4632b2', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h$1("span", { key: '00e5077816b80a68f32020074e8d848a3381996b' }, text.monthLabelsShort[focusedMonth]), h$1("duet-icon", { key: 'f4173da6638bd2d52b02ef8512f3201d34455e51', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), h$1("duet-visually-hidden", { key: '34ecaae386b30f78e10a37af7757f9cbebac5505' }, h$1("label", { key: '5cf0a3c7e8ca078e80ca46918b7fd4c981b6a799', htmlFor: this.yearSelectId }, text.yearSelectLabel)), h$1("div", { key: '51d3325c45e77f8df1574c96b27525ac13b950d9', class: "duet-date-dialog-select" }, h$1("select", { key: '3fbb50b63c06163b6529fd6acfa7c8e0b5aeec78', 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: 'e15e16bf5d774d97ff915ab981e79e1fc0df08b4', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h$1("span", { key: '7d112442db2e32440ab4be7cecf8b427849d6ebc' }, this.focusedDay.getFullYear()), h$1("duet-icon", { key: '4d53be40feba0c07efa661626817f40e42588e3f', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), h$1("div", { key: 'a30130c0f3e97a3bf43919af86b7b029ef662c37', class: "duet-date-dialog-buttons" }, h$1("duet-action-button", { key: '572a31fff6ddf43e6d94a054eb3c9deb188c140d', 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: '443649deeff0e2f9c4ca9ecbf5f5522ad6a68218', 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: 'b9851b55c5898d04c9950805468cff2017c84335', 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: 'c3d607ab65e9c2bf52946701cdbc9b5c5d20e716', 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();
             }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-4f5a1d66.js';
+import { D as DuetDivider$1, d as defineCustomElement$1 } from './p-3c7d413f.js';
 
 const DuetDivider = DuetDivider$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-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 { f as fieldSorter } from './p-9e371678.js';
 import { i as isKeyboardClick } from './p-ca700701.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$7 } from './p-649a8c3e.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-cb5df864.js';
-import { d as defineCustomElement$3 } from './p-2a6a71e4.js';
-import { d as defineCustomElement$2 } from './p-18c3a72b.js';
+import { d as defineCustomElement$7 } from './p-f9994ef4.js';
+import { d as defineCustomElement$6 } from './p-a1e17113.js';
+import { d as defineCustomElement$5 } from './p-b4289ed0.js';
+import { d as defineCustomElement$4 } from './p-87b1c772.js';
+import { d as defineCustomElement$3 } from './p-ffa44070.js';
+import { d as defineCustomElement$2 } from './p-6a285be8.js';
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {
@@ -25,13 +25,14 @@ const TableData = ({ data, groupId, alignment }, _children) => {
     }
 };
 
-const duetEditableTableCss = ".sc-duet-editable-table-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-editable-table-actions-menu.sc-duet-editable-table{position:relative;padding:0 !important;margin:0}.duet-editable-table-actions-menu-button.sc-duet-editable-table{position:relative;right:-16px;float:right;padding:0}.duet-editable-table-actions-menu-icon.sc-duet-editable-table .duet-icon.sc-duet-editable-table{max-width:16px;max-height:16px}.duet-editable-table-row.duet-table-action-row.sc-duet-editable-table .duet-text-right.sc-duet-editable-table{text-align:right}.duet-editable-table-header.sc-duet-editable-table tr.sc-duet-editable-table .duet-editable-table-header-hidden.sc-duet-editable-table{padding:0 !important;font-size:0;border-bottom:0}";
+const duetEditableTableCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-editable-table-actions-menu,td.duet-editable-table-actions-menu{position:relative;padding:0 !important;margin:0}.duet-editable-table-actions-menu-button{position:relative;right:-16px;float:right;padding:0}.duet-editable-table-actions-menu-icon .duet-icon{max-width:16px;max-height:16px}.duet-editable-table-row.duet-table-action-row .duet-text-right{text-align:right}.duet-editable-table-header tr .duet-editable-table-header-hidden{padding:0 !important;font-size:0;border-bottom:0}";
 const DuetEditableTableStyle0 = duetEditableTableCss;
 
 const DuetEditableTable$1 = /*@__PURE__*/ proxyCustomElement(class DuetEditableTable extends H {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.duetTableToggle = createEvent(this, "duetTableToggle", 7);
         this.duetMenuClick = createEvent(this, "duetMenuClick", 7);
         this.hasHeadSlotFirst = false;
@@ -191,7 +192,7 @@ const DuetEditableTable$1 = /*@__PURE__*/ proxyCustomElement(class DuetEditableT
     }
     get element() { return this; }
     static get style() { return DuetEditableTableStyle0; }
-}, [6, "duet-editable-table", {
+}, [1, "duet-editable-table", {
         "margin": [1],
         "variation": [1],
         "sticky": [4],

package/lib/dist-custom-elements/duet-empty-state.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetEmptyState$1, d as defineCustomElement$1 } from './p-5270ad3d.js';
+import { D as DuetEmptyState$1, d as defineCustomElement$1 } from './p-254d2993.js';
 
 const DuetEmptyState = DuetEmptyState$1;
 const defineCustomElement = defineCustomElement$1;

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

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

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-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 defineCustomElement$2 } from './p-18c3a72b.js';
+import { d as defineCustomElement$2 } from './p-6a285be8.js';
 
 const duetFileChooserCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.container{display:flex;flex-direction:row;gap:8px;align-items:center}.container .label{margin-bottom:8px}";
 const DuetFileChooserStyle0 = duetFileChooserCss;

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

@@ -1,20 +1,20 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-f66602b0.js';
+import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-d77db171.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
 import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { h as hasSlot } from './p-b5ea877d.js';
+import { h as hasSlot } from './p-ad615991.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
-import { d as defineCustomElement$7 } from './p-38a3168a.js';
-import { d as defineCustomElement$6 } from './p-8342a3e5.js';
-import { d as defineCustomElement$5 } from './p-8c993e48.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$7 } from './p-a1e17113.js';
+import { d as defineCustomElement$6 } from './p-b4289ed0.js';
+import { d as defineCustomElement$5 } from './p-3b5e8904.js';
+import { d as defineCustomElement$4 } from './p-d5812145.js';
+import { d as defineCustomElement$3 } from './p-87b1c772.js';
+import { d as defineCustomElement$2 } from './p-6a285be8.js';
 
 const duetFooterCss = "*,*::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;flex-shrink:0;width:100%}::slotted([slot=info]){padding:0 28px;margin-top:0;margin-bottom:16px}@media (min-width: 62em){::slotted([slot=info]){padding:0;margin-top:calc(20px - 0.5em);margin-bottom:0}}.duet-footer{display:block;width:100%;padding-top:24px;padding-bottom:16px;margin-top:48px;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.5;color:rgb(255, 255, 255);text-align:left;background:rgb(8, 42, 77)}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer.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:rgb(198, 12, 48)}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva a:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center}.duet-footer-top.duet-has-info{align-items:flex-start}}.duet-footer-top .footer-top-logo{flex-grow:1}.duet-footer-top .footer-top-right-container{flex-grow:1}@media (min-width: 62em){.duet-footer-top .footer-top-right-container{text-align:right}}.duet-footer-top .footer-top-items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:28px}@media (min-width: 62em){.duet-footer-top .footer-top-items{flex-direction:row;justify-content:flex-end}}duet-logo{margin-bottom:24px;margin-left:16px !important}@media (min-width: 62em){duet-logo{margin-bottom:0;margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-menu{padding:20px !important;display:flex;gap:2rem;padding-left:28px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-right:0 !important;padding-left:8px !important}}.duet-footer-menu a{display:inline-block;text-decoration:none;overflow-wrap:break-word}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu .duet-footer-divider-copyright{display:none}.duet-footer-menu .duet-footer-menu-links{display:block;flex:1}@media (min-width: 62em){.duet-footer-menu .duet-footer-menu-links{text-align:right}}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{display:none;font-size:0.875rem;color:rgb(255, 255, 255)}@media (min-width: 62em){.duet-footer-copyright{display:inline}}.duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;padding-left:28px;text-align:left}@media (min-width: 62em){.duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:rgb(8, 42, 77);background:transparent !important;border-top:1px solid rgb(212, 223, 229)}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:rgb(8, 42, 77)}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple .duet-footer-copyright-mobile{padding-left:0}.duet-footer-simple.duet-theme-turva{color:rgb(23, 28, 58);border-color:rgb(222, 224, 228)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 28, 58)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(198, 12, 48)}";
 const DuetFooterStyle0 = duetFooterCss;

package/lib/dist-custom-elements/duet-grid-item.js

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

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

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