@duetds/components 10.0.0-alpha.30 → 10.0.0-alpha.32

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
+var index = require('./index-CZgR8hZO.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
 
 const duetGridCss = ":host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n}\n\n:host(.duet-grid-variation-flex) {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  justify-content: flex-start !important;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n  flex-direction: row !important;\n}\n@media (max-width: 22.5em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse) {\n  flex-direction: row-reverse !important;\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-small) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-large) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large) {\n    flex-direction: row !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse) {\n    flex-direction: row-reverse !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-wrap) {\n  flex-wrap: wrap !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking) {\n  flex-direction: row !important;\n}\n\n:host(.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse) {\n  flex-direction: row-reverse !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n  flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n  flex-direction: column !important;\n}\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n  flex-direction: column !important;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n  flex-direction: column !important;\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n  flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large) {\n    flex-direction: column !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking) {\n  align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking) {\n  align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking) {\n  align-items: center !important;\n}\n\n.duet-grid-align-stretch.duet-no-stacking {\n  align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking) {\n  align-items: baseline !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small) {\n  align-items: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small) {\n  align-items: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small) {\n  align-items: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small) {\n  align-items: stretch !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small) {\n  align-items: baseline !important;\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small) {\n    align-items: baseline !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium) {\n    align-items: baseline !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large) {\n    align-items: baseline !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large) {\n    align-items: flex-start !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large) {\n    align-items: flex-end !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large) {\n    align-items: center !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large) {\n    align-items: stretch !important;\n  }\n}\n\n@media (min-width: 64.0625em) {\n  :host(.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large) {\n    align-items: baseline !important;\n  }\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-left) {\n  justify-content: flex-start !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-right) {\n  justify-content: flex-end !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-center) {\n  justify-content: center !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-between) {\n  justify-content: space-between !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-around) {\n  justify-content: space-around !important;\n}\n\n:host(.duet-grid-variation-flex.duet-grid-distribution-evenly) {\n  justify-content: space-evenly !important;\n}\n\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-mobile-left) {\n    align-items: flex-start !important;\n    justify-content: flex-start !important;\n    text-align: left !important;\n  }\n}\n\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-mobile-center) {\n    align-items: center !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n  :host(.duet-grid-variation-flex.duet-grid-mobile-center) * {\n    text-align: center !important;\n  }\n}\n\n@media (max-width: 35.9375em) {\n  :host(.duet-grid-variation-flex.duet-grid-mobile-right) {\n    align-items: flex-end !important;\n    justify-content: flex-end !important;\n    text-align: right !important;\n  }\n  :host(.duet-grid-variation-flex.duet-grid-mobile-right) * {\n    text-align: right !important;\n  }\n}\n\n:host(.duet-grid-variation-grid) {\n  display: grid;\n  grid-template-rows: repeat(1, 1fr);\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 16px;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 0 20px;\n  container-type: inline-size;\n  overflow-x: clip;\n}\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-grid) {\n    gap: 24px;\n    padding: 0 40px;\n  }\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid) {\n    grid-template-columns: repeat(8, 55px);\n    gap: 24px 32px;\n    padding: 0;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid) {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    padding: 0 64px;\n  }\n}\n@media (min-width: 76.25em) {\n  :host(.duet-grid-variation-grid) {\n    grid-template-columns: repeat(12, 55px);\n    gap: 40px;\n    padding: 0;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-small) ::slotted(*) {\n    grid-column: 3/span 8;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-medium) ::slotted(*) {\n    grid-column: 2/span 10;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-large) ::slotted(*) {\n    grid-column: 1/span 12;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 8;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-right) ::slotted(:nth-child(even)) {\n    grid-column: 9/span 4;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 4;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-sidebar-left) ::slotted(:nth-child(even)) {\n    grid-column: 5/span 8;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 4;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(odd)) {\n    grid-column: 1/span 6;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n    grid-column: 5/span 4;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-two-columns) ::slotted(:nth-child(even)) {\n    grid-column: 7/span 6;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+1)) {\n    grid-column: 1/span 4;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+2)) {\n    grid-column: 5/span 4;\n  }\n}\n:host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-three-columns) ::slotted(:nth-child(3n+3)) {\n    grid-column: 9/span 4;\n  }\n}\n\n:host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n  grid-template-columns: minmax(0, 1fr);\n  gap: 12px;\n  padding: 0;\n}\n@media (min-width: 36em) {\n  :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n    gap: 16px;\n  }\n}\n@container (min-width: 664px) {\n  :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@container (min-width: 1100px) {\n  :host(.duet-grid-variation-grid.duet-grid-template-button-grid) {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}";
 
@@ -51,8 +51,8 @@ const DuetGrid = class {
          */
         this.gridTemplate = null;
     }
-    validateAlignment(newValue) {
-        if (newValue === "form_distribute") {
+    validateAlignment() {
+        if (this.alignment === "form_distribute") {
             console.warn(`DuetGrid alignment value "form_distribute" is deprecated, replace with "form-distribute"`);
             this.alignment = "form-distribute";
         }
@@ -82,6 +82,7 @@ const DuetGrid = class {
             this.childObserver = new MutationObserver(this.updateGridItems.bind(this));
             this.childObserver.observe(this.element, { childList: true });
         }
+        this.validateAlignment();
         // the next two functions are used to watch for changes in the grid items, and are process intensive - so only run when needed
         if (this.alignment === "form-distribute") {
             {
@@ -202,7 +203,7 @@ const DuetGrid = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '9212e2e0bff89f3625e4194c7c1ea2d8f71576c9', class: {
+        return (index.h(index.Host, { key: 'bc25c7c22f88bade50b1241086cbc3fccd94db28', class: {
                 "duet-grid": true,
                 "duet-no-stacking": !this.responsive,
                 "duet-grid-align-top": this.alignment === "top", // flex-start
@@ -229,7 +230,7 @@ const DuetGrid = class {
                 "duet-grid-row-reverse": this.rowReverse,
                 [`duet-grid-variation-${this.gridTemplate ? "grid" : "flex"}`]: true,
                 [`duet-grid-template-${this.gridTemplate}`]: true,
-            } }, index.h("slot", { key: '3b4490d66c0ad8256492ab43535a62150495ca41' })));
+            } }, index.h("slot", { key: 'de127117a8189fccfa81ff58be25f057afb45729' })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,19 +3,19 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
+var index = require('./index-CZgR8hZO.js');
 var formSearch = require('./form-search-CzPfHB80.js');
 var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
-var tokens = require('./tokens-9aevMbB1.js');
+var tokens = require('./tokens-BxWzRxOl.js');
 var bodyScrollLock_es6 = require('./bodyScrollLock.es6-B2sCDud5.js');
 var commonStrings = require('./common-strings-CSqtNIxt.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-Ce6b_uA3.js');
+var languageUtils = require('./language-utils-iTAyJvsm.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
-var tokenUtils = require('./token-utils-COKjUxmn.js');
+var tokenUtils = require('./token-utils-BJtlJxnJ.js');
 var actionArrowDownSmall = require('./action-arrow-down-small-CDsSJFvZ.js');
-var tokens_module = require('./tokens.module-Bhh9B2g8.js');
+var tokens_module = require('./tokens.module-DJt2h4FX.js');
 var createId = require('./create-id-DtslnIOq.js');
 
 var navigationContactDropdown;
@@ -736,7 +736,7 @@ const DuetHeader = class {
 };
 DuetHeader.style = duetHeaderCss;
 
-const duetLogoCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-logo{-webkit-user-select:none;user-select:none;display:block;width:154px;height:40px;border-radius:4px}.duet-logo:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-logo:focus,.duet-logo:focus.duet-theme-turva,.duet-theme-turva2 .duet-logo:focus,.duet-logo:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-logo.duet-logo-en{width:166px}.duet-logo.duet-logo-sv{width:167px}.duet-logo.duet-theme-turva{width:110px;height:40px}.duet-logo.duet-logo-inverse:focus{outline:2px solid;outline-offset:2px;outline-color:rgb(255, 255, 255)}.duet-logo svg{display:block;width:100%;height:auto}.duet-logo.large{width:184.8px;height:48px}.duet-logo.large.duet-logo-en{width:199.2px}.duet-logo.large.duet-logo-sv{width:200.4px}.duet-logo.large.duet-theme-turva{width:149.6px;height:54.4px}.duet-logo.duet-logo-only-symbol{width:28px;height:28px}:host(.duet-theme-turva2) .duet-logo{width:92px;height:22.2px}:host(.duet-theme-turva2) .duet-logo.large{width:124.3243243243px;height:30px}:host(.duet-theme-turva2) .duet-logo.duet-logo-only-symbol{width:28px;height:28px}";
+const duetLogoCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !important}:host(.duet-m-0){margin:0 !important}.duet-logo{-webkit-user-select:none;user-select:none;display:block;width:154px;height:40px;border-radius:4px}.duet-logo:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-logo:focus,.duet-logo:focus.duet-theme-turva,.duet-theme-turva2 .duet-logo:focus,.duet-logo:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-logo.duet-logo-en{width:166px}.duet-logo.duet-logo-sv{width:167px}.duet-logo.duet-theme-turva{width:110px;height:40px}.duet-logo.duet-logo-inverse:focus{outline:2px solid;outline-offset:2px;outline-color:rgb(255, 255, 255)}.duet-logo svg{display:block;width:100%;height:auto}.duet-logo.large{width:184.8px;height:48px}.duet-logo.large.duet-logo-en{width:199.2px}.duet-logo.large.duet-logo-sv{width:200.4px}.duet-logo.large.duet-theme-turva{width:149.6px;height:54.4px}.duet-logo.duet-logo-only-symbol{width:28px;height:28px}:host(.duet-theme-turva2) .duet-logo{width:92px;height:22.2px}:host(.duet-theme-turva2) .duet-logo.large{width:124.3243243243px;height:30px}:host(.duet-theme-turva2) .duet-logo.duet-logo-only-symbol{width:28px;height:28px}";
 
 const getTurva2 = () => { var _a; return (_a = document.documentElement.attributes.getNamedItem("class")) === null || _a === void 0 ? void 0 : _a.value.includes("duet-theme-turva2"); };
 const TurvaLogo = ({ inverse, logoId }) => {

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
+var index = require('./index-CZgR8hZO.js');
 var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
 var commonStrings = require('./common-strings-CSqtNIxt.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
-var languageUtils = require('./language-utils-Ce6b_uA3.js');
-var slotUtils = require('./slot-utils-C8k-6Rvc.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
+var languageUtils = require('./language-utils-iTAyJvsm.js');
+var slotUtils = require('./slot-utils-CnfGuEKm.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 require('./_commonjsHelpers-4N64IRaP.js');
 
@@ -240,6 +240,12 @@ const DuetHero = class {
             backgroundSize: imageSizeIsCover ? "cover" : null,
             backgroundPosition: imagePositionIsCenter ? "center" : null,
         };
+        const bgImgA11yAttrs = this.image && this.imageAlt
+            ? {
+                role: "img",
+                ["aria-label"]: this.imageAlt,
+            }
+            : {};
         const buttonStyles = {
             transform: "translateX(-8px)",
         };
@@ -276,7 +282,7 @@ const DuetHero = class {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (index.h("div", { key: 'fc3ecc930f72a824e8e8e488594714fe52f31fff', role: "region", class: {
+        return (index.h("div", { key: 'a872538e09667dd29910e010ec8ccc159fc15193', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -294,17 +300,17 @@ const DuetHero = class {
                 "duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
                 "duet-hero-left-align": this.leftAlign && !campaignOrSection,
                 "duet-hero-narrow": this.layout === "narrow",
-            }, part: "duet-hero" }, campaignOrSection && this.image && (index.h("div", { key: 'a8cdeb3e0c17fed0de61ab1c84a5f8b4eb92d43f', class: "background-area" }, index.h("div", { key: 'c0e772e0eb58c3b59be2ef2441653d7d9355b7be', class: "background-container" }, index.h("div", { key: 'ff30622beb78548046143236845a8c6252dc4c40', class: "background" }, index.h("img", { key: '4ed685b3b1f5926867fcf8e53050a4f4dbe71060', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), index.h("div", { key: '8757c109c1ecbf249d31b7f3fdfe062e7cbcdf46', class: "brand-shape" })))), this.variation === "product" && this.image && (index.h("div", { key: 'b6b734d21571cbe03adab7be1942caa351eb886e', class: { "background-area": true, [this.layout]: true } }, index.h("div", { key: '5e6e459f153a9665bc8993789961ae5d23ff389e', class: { "background-container": true, [this.layout]: true } }, index.h("div", { key: '593f8f68c2df59b1e6499eb6f59394dee782891e', class: { background: true, [this.layout]: true } }, index.h("div", { key: '49aaadfc675e5cc1cf528cfb3516577d3baa1c4f', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && index.h("div", { key: '52d15566f49e4ee0d72ab9ec10f992d55291a2cd', class: { "brand-shape": true, [this.layout]: true } }), index.h("div", { key: 'a7275c16c76b667037cfe0044b21b11ce09bf413', class: { "brand-shaped-image": true, [this.layout]: true } }, index.h("div", { key: 'a3522f3ed67befbb439ee07195e959180b3e01a1', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, index.h("div", { key: '3cb4ef66b9af1357e75318bc6f97e732e1787ce2', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (index.h("div", { key: 'c15dfb764fe13d5766c3ad5e2b4bf012c739e257', class: { "brand-shaped-icon": true, [this.layout]: true } }, index.h("duet-icon", { key: 'd5f3d4a50473d2e2b56575de789e42c246c69987', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (index.h("div", { key: 'c0ace6245e4431276a7e72a618b37f967d0b4bc5', class: "background-area" }, index.h("div", { key: 'cf04f88d15da106d8416d910835e07e87dd04bea', class: "background" }, index.h("div", { key: '0536ea5ec869a1ec253ab616a12485b01433982d', class: "background-mask" }), this.theme !== "turva" && index.h("div", { key: 'd7933f6c85dc709697ba451cf89cda8f7a9e3f03', class: "brand-shape" }), index.h("div", { key: 'c5fd0f3a99befd7d054303c9ebfd596989e7ccb8', class: "brand-shaped-image" }, index.h("div", { key: '96c71979b18e456b1a94fbb2bc1ae56bbf5cf318', class: "brand-shaped-image-wrapper" }, index.h("div", { key: 'acd8a1ce0a639e28970c6ca41b789bcfac03f9c7', class: "brand-shaped-image-bg", style: styles })))))), index.h("div", { key: '8d08cf63aac9a03e1874b8cbfa4741ee1f1c4949', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (index.h("div", { key: '6da49938f8cf4c5038179fb9b48e0d8d5b8a521a', class: "duet-hero-image-mask" }, index.h("div", { key: '1682a488a00e1188d2be47d0aa895277f065adee', class: "duet-hero-image-wrapper" }, index.h("div", { key: '6fc100efe321915493d840f3fd2f01100fa954fd', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (index.h("div", { key: '2777feaa8cc994cf4215d49143c69bee06d85552', class: "duet-hero-back" }, index.h("duet-button", { key: '57315d5cb34c6db55f6642224b442b12ebb7fe9a', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
+            }, part: "duet-hero" }, campaignOrSection && this.image && (index.h("div", { key: '5fce1acae0804c6aa76b81868cac88f4de370591', class: "background-area" }, index.h("div", { key: '26bc63e00bbe21bc2529a0a6b74b73df20d529c0', class: "background-container" }, index.h("div", { key: '89f29c709d599b57c3b3897291587bd4a572042a', class: "background" }, index.h("img", { key: '6b18c9f0c48c5ce6f552a8d10e587587872307c9', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: this.imageAlt || "", role: this.imageAlt ? null : "presentation" })), index.h("div", { key: 'caaa93907f9d4a2f49f7b3f16b61dbbdbcd61c7c', class: "brand-shape" })))), this.variation === "product" && this.image && (index.h("div", { key: '763eaabf43c0bf0d6a18c070e393a03dca0d4238', class: { "background-area": true, [this.layout]: true } }, index.h("div", { key: '9e62908d2cbff9a8ce2bd5434b07baf8828a9214', class: { "background-container": true, [this.layout]: true } }, index.h("div", { key: '68716ca1d4bbb642c486676fa44b089e03c3426c', class: { background: true, [this.layout]: true } }, index.h("div", { key: '36e338bcd659d3fc9a2a326f9352f24956c43256', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && index.h("div", { key: '0dc480d5857ee243dc06ce057cc781529bcdb973', class: { "brand-shape": true, [this.layout]: true } }), index.h("div", { key: '2d7de37e7d6f03f9e6c0d87dbe74a809531341bf', class: { "brand-shaped-image": true, [this.layout]: true } }, index.h("div", { key: 'a80f4df7139b1dc0c164a6533aa742ee4a1df05e', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, index.h("div", Object.assign({ key: '8507b8c3105846c34aebf25805475ceb753186e0', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }, bgImgA11yAttrs)))), this.categoryIcon && (index.h("div", { key: '890b16f5971cfa309d72560f7e74f8d9fc319f66', class: { "brand-shaped-icon": true, [this.layout]: true } }, index.h("duet-icon", { key: 'b0f2677fe1a4b696c44cbe9d3439ff62f2cbce4b', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (index.h("div", { key: '1e6981b9b8e33f2074418ccd073b295e6089e9ed', class: "background-area" }, index.h("div", { key: '5d80662daab0e2a82fe04cef22fd6810efcf8546', class: "background" }, index.h("div", { key: 'c1900e8ff166fda36b996ddbc3f440c629e9f035', class: "background-mask" }), this.theme !== "turva" && index.h("div", { key: '138a86337de478e6349b92624f09e7a54cb0e931', class: "brand-shape" }), index.h("div", { key: '2bb8747411e19ad3dd8b3ac634dd0726e4183e0d', class: "brand-shaped-image" }, index.h("div", { key: '5e6c1579f9e9662a700d602582d3034a818b3693', class: "brand-shaped-image-wrapper" }, index.h("div", Object.assign({ key: 'd7209ba3a4242b87c9d447c73a2879dfbc7d9d06', class: "brand-shaped-image-bg", style: styles }, bgImgA11yAttrs))))))), index.h("div", { key: '21e9a6acecfc916399a76bf19e00835d28fe7c0a', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (index.h("div", { key: 'da6ce766831a1d2a717fe419ec433aa1f91b03de', class: "duet-hero-image-mask" }, index.h("div", { key: '7cf7a7dc580dc783f9f5f50bcbf72d41b15eb378', class: "duet-hero-image-wrapper" }, index.h("div", Object.assign({ key: 'd4ae32f29a59ee2f6430d31a34b8958f467155d4', class: "duet-hero-image", style: styles }, bgImgA11yAttrs))))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (index.h("div", { key: '6863cbe7678662d81cf79c318cb3b75de005f314', class: "duet-hero-back" }, index.h("duet-button", { key: '55e2dc9e3964c7dde235ddff6a95443997c99305', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
                 label: this.processedBack.label,
                 href: this.processedBack.href,
                 id: this.processedBack.id,
                 analyticsId: this.processedBack.analyticsId,
-            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (index.h("duet-icon", { key: '282df2be20e350964563837a2344b4fd3fbd6812', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), index.h("div", { key: '0a04e8f9ada19e0e157a52295248291e4ce30703', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (index.h("duet-paragraph", { key: '38897d3fc34f854e13e2675bc3c79005a7ba16b1', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium", "aria-hidden": "true" }, this.preHeading ? (this.preHeading) : (index.h("span", null, index.h("slot", { name: "pre-heading" }))))), index.h("slot", { key: 'c77b97021d7c7a735ce0aeba42fabce91d83da39', name: "badge" }), (this.heading || this.hasHeadingSlot) && (index.h("duet-heading", { key: 'cd22335d7881e672e2df6367d58c734784ff5f6e', theme: this.theme, level: this.hasHeadingSlotNative ? "div" : this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto", accessibleLabel: this.getAccessibleHeading() }, this.heading ? this.heading : index.h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (index.h("duet-heading", { key: 'ce92b7e2ce3f86fa082b8601dd070d5a76b27437', theme: this.theme, level: this.hasSubHeadingSlotNative ? "div" : this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, index.h("slot", { key: 'f79855d9d88deba48f86e05f2318cf9459da6db0', name: "subheading" }))), this.description && (index.h("duet-paragraph", { key: '9b3cefb7c435efb47e07a1501e18dee9db1b6b5b', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (index.h("duet-list", { key: '1c4915294fb3b2335ff981939207a961069d6b74', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (index.h("duet-list-item", null, index.h("span", { slot: "label" }, item.label), index.h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (index.h("duet-button", { key: 'ba2b9cded251cad0aea4ebd4c66d1fddf78bea38', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), index.h("slot", { key: '0570f78ab10d749668c6dc20bb97db5896ce1039' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (index.h("div", { key: '647db5a0b2aa0416fd2a499bf168523b2f090e81', class: "duet-hero-links" }, this.processedActions.map(item => (index.h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, index.h("div", { class: "duet-hero-action-icon" }, index.h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), index.h("span", null, item.label), item.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (index.h("div", { class: "duet-hero-action-arrow" }, index.h("duet-icon", { icon: actionNewWindowSmall.newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (index.h("duet-icon", { key: '5f76b32e9c37115a665dba180113bfaf8d706e1b', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), index.h("div", { key: '3c5b2a7062ef0a22c8c78fc2bb5c4a0f4d5e351e', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (index.h("duet-paragraph", { key: 'ffb0037467d7a1f483b3bd21fc274ec83e790f1a', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium", "aria-hidden": "true" }, this.preHeading ? (this.preHeading) : (index.h("span", null, index.h("slot", { name: "pre-heading" }))))), index.h("slot", { key: 'ccd809ffdd2d4fc7ac48632759b604b647add40e', name: "badge" }), (this.heading || this.hasHeadingSlot) && (index.h("duet-heading", { key: 'bc6c130c314bf164c42fc8cb87fda199967c9237', theme: this.theme, level: this.hasHeadingSlotNative ? "div" : this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto", accessibleLabel: this.getAccessibleHeading() }, this.heading ? this.heading : index.h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (index.h("duet-heading", { key: '963c8438ec6323eef745e2405dba51c660bf3437', theme: this.theme, level: this.hasSubHeadingSlotNative ? "div" : this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, index.h("slot", { key: 'c3de01174e3976af162c9cd8610bc5028bf94a2a', name: "subheading" }))), this.description && (index.h("duet-paragraph", { key: '356d3bdf54e70df94df7588bddd1b11d4b506826', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (index.h("duet-list", { key: '7368b837749d30ef0f82ab3c896bbbfc5407f797', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (index.h("duet-list-item", null, index.h("span", { slot: "label" }, item.label), index.h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (index.h("duet-button", { key: '9995622873298d66e258e9de20e03d7eed3ace16', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), index.h("slot", { key: '595b3c8c2b34fe4ce259d69876c3da3a1ef0e826' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (index.h("div", { key: '9b5bc347f7ae36979655a300f74943ac226f6516', class: "duet-hero-links" }, this.processedActions.map(item => (index.h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, index.h("div", { class: "duet-hero-action-icon" }, index.h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), index.h("span", null, item.label), item.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (index.h("div", { class: "duet-hero-action-arrow" }, index.h("duet-icon", { icon: actionNewWindowSmall.newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && index.h("div", { key: '32f36cc551b37aefb3a06403431479f4d4e7460d', class: "duet-hero-image", style: styles }), index.h("slot", { key: 'd53f84c8a9c995bb049ba25531b49b8119d40353', name: "bottom" }))));
+            this.variation !== "content" && index.h("div", Object.assign({ key: '19a6e4b9ec23150728f38a1ddca45980bbf9deb0', class: "duet-hero-image", style: styles }, bgImgA11yAttrs)), index.h("slot", { key: 'df6fbc1b019210185ffefc3df52dcb8c197de8f3', name: "bottom" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
-var tokenUtils = require('./token-utils-COKjUxmn.js');
-require('./tokens.module-Bhh9B2g8.js');
+var index = require('./index-CZgR8hZO.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
+var tokenUtils = require('./token-utils-BJtlJxnJ.js');
+require('./tokens.module-DJt2h4FX.js');
 
 const cleanupSvg = (svgContent) => {
     if (typeof document === "undefined" || !svgContent) {

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

@@ -3,11 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
-var languageUtils = require('./language-utils-Ce6b_uA3.js');
+var index = require('./index-CZgR8hZO.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
+var languageUtils = require('./language-utils-iTAyJvsm.js');
 require('./string-utils-B35hEUBv.js');
 
-const duetIndicatorCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative}.duet-indicator{position:absolute;top:0;right:0;display:inline-block;width:8px;height:8px;border-radius:50%}.duet-indicator-new{background:rgb(0, 119, 179)}.duet-indicator-change{background:rgb(247, 178, 40)}.duet-indicator-error{background:rgb(185, 16, 74)}.duet-indicator-success{background:rgb(29, 106, 88)}";
+const duetIndicatorCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative}.duet-indicator{position:absolute;top:0;right:0;display:inline-block;width:8px;height:8px;border-radius:50%}.duet-indicator-new{background:rgb(0, 119, 179)}.duet-indicator-change{background:rgb(247, 178, 40)}.duet-indicator-error{background:rgb(185, 16, 74)}.duet-indicator-success{background:rgb(29, 106, 88)}:host(.duet-theme-turva2) .duet-indicator-new{background-color:rgb(230, 23, 64)}";
 
 const DuetIndicator = class {
     constructor(hostRef) {
@@ -39,12 +40,19 @@ const DuetIndicator = class {
          * only in special cases, as errors and succeses normally require a more prominent message.
          */
         this.variation = "change";
+        /**
+         * Theme of the component
+         */
+        this.theme = "";
         this.getAccessibleLabel = () => {
             return this.accessibleLabel || languageUtils.getLocaleString(this.defaultLabels[this.variation]);
         };
     }
+    componentWillLoad() {
+        themeableComponent.inheritGlobalTheme(this);
+    }
     render() {
-        return (index.h(index.Host, { key: '09990afce3e74a91ff9ce76ac6a038418e40272e' }, index.h("span", { key: 'e5695f01c4d009bc1c18b92b07975980e799becd', class: { "duet-indicator": true, [`duet-indicator-${this.variation}`]: true } }), index.h("duet-visually-hidden", { key: '4300b55a370c674cb6bd0caf3f5b834e382481a9' }, this.getAccessibleLabel())));
+        return (index.h(index.Host, { key: 'b2f09b35f7fbb61445756df5e6df2f75bb0246ff', class: { [this.theme]: true } }, index.h("span", { key: '81de43cc175005dc2001d65e7e34813c1afbefca', class: { "duet-indicator": true, [`duet-indicator-${this.variation}`]: true } }), index.h("duet-visually-hidden", { key: 'cebd5630b42f0c4bca8497db1b2caa5326822ef5' }, this.getAccessibleLabel())));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,19 +3,19 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
+var index = require('./index-CZgR8hZO.js');
 var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
 var formSearch = require('./form-search-CzPfHB80.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
-var label = require('./label-e--2ISFA.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
+var label = require('./label-DLhV0DOC.js');
 var createId = require('./create-id-DtslnIOq.js');
 var inputUtils = require('./input-utils-DUKdslOM.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-Ce6b_uA3.js');
-var slotUtils = require('./slot-utils-C8k-6Rvc.js');
-var tokenUtils = require('./token-utils-COKjUxmn.js');
+var languageUtils = require('./language-utils-iTAyJvsm.js');
+var slotUtils = require('./slot-utils-CnfGuEKm.js');
+var tokenUtils = require('./token-utils-BJtlJxnJ.js');
 require('./string-utils-B35hEUBv.js');
-require('./tokens.module-Bhh9B2g8.js');
+require('./tokens.module-DJt2h4FX.js');
 
 var formEmail;
 var hasRequiredFormEmail;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
+var index = require('./index-CZgR8hZO.js');
 var isInternetExplorer = require('./is-internet-explorer-BTLb_loH.js');
-var slotUtils = require('./slot-utils-C8k-6Rvc.js');
+var slotUtils = require('./slot-utils-CnfGuEKm.js');
 
 const duetLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
 

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
+var index = require('./index-CZgR8hZO.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
 var watchOptions = require('./watch-options-D4JNsU3B.js');
 
 const duetListCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";

package/lib/cjs/duet-menu-bar-button.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
+var index = require('./index-CZgR8hZO.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
 
 const duetMenuBarButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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:inherit;color:inherit;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-button:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva,.duet-theme-turva2 .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-menu-bar-button .menu-bar-button-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-button .menu-bar-button-icon{width:16px;height:16px}}.duet-menu-bar-button.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\"}@media (min-width: 62em){.duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){.duet-menu-bar-button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-button.duet-theme-turva:hover{color:rgb(230, 23, 64)}}";
 

package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
+var index = require('./index-CZgR8hZO.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
 
 const duetMenuBarDropdownLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}.duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 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;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none}.duet-menu-bar-dropdown-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-menu-bar-dropdown-link:focus,.duet-menu-bar-dropdown-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-menu-bar-dropdown-link.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-menu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva:hover{background:rgb(251, 235, 225)}";

package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
+var index = require('./index-CZgR8hZO.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
 
 const duetMenuBarDropdownCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-dropdown button:focus,.duet-menu-bar-dropdown button:focus.duet-theme-turva,.duet-theme-turva2 .duet-menu-bar-dropdown button:focus,.duet-menu-bar-dropdown button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:rgb(0, 119, 179);transform:translateY(2px);transition:300ms ease}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:8px;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(230, 23, 64)}";

package/lib/cjs/duet-menu-bar-item.cjs.entry.js

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
+var index = require('./index-CZgR8hZO.js');
 var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
 var commonStrings = require('./common-strings-CSqtNIxt.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
-var a11yUtils = require('./a11y-utils-D2e4DE4A.js');
-var languageUtils = require('./language-utils-Ce6b_uA3.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
+var a11yUtils = require('./a11y-utils-gRNAWDsE.js');
+var languageUtils = require('./language-utils-iTAyJvsm.js');
 require('./_commonjsHelpers-4N64IRaP.js');
-require('./slot-utils-C8k-6Rvc.js');
+require('./slot-utils-CnfGuEKm.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetMenuBarItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-menu-bar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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:inherit;font-weight:inherit;color:inherit;text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-menu-bar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:16px;height:16px}}.duet-menu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-menu-bar-item .external-icon{width:10px;height:10px}.duet-menu-bar-item[aria-expanded=true]{color:rgb(0, 119, 179)}.duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-menu-bar-item.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-item{padding:0 28px}}.duet-menu-bar-item.active{color:rgb(0, 119, 179)}.duet-menu-bar-item.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:translateY(2px);transition:300ms ease}@media (min-width: 62em){.duet-menu-bar-item.active::after{z-index:auto;height:2px}}.duet-menu-bar-item.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item:hover{color:rgb(0, 119, 179)}.duet-menu-bar-item:hover.duet-theme-turva{color:rgb(198, 12, 48)}}:host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(230, 23, 64)}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva:hover{color:rgb(230, 23, 64)}}";

package/lib/cjs/duet-menu-bar-link.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
+var index = require('./index-CZgR8hZO.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
 
 const duetMenuBarLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:inherit;text-align:center;white-space:nowrap;text-decoration:none}.duet-menu-bar-link:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-link:focus,.duet-menu-bar-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-menu-bar-link:focus,.duet-menu-bar-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-menu-bar-link .menu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-link .menu-bar-link-icon{width:16px;height:16px}}.duet-menu-bar-link.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\"}@media (min-width: 62em){.duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-link.active{color:rgb(0, 119, 179)}.duet-menu-bar-link.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:translateY(2px);transition:300ms ease}@media (min-width: 62em){.duet-menu-bar-link.active::after{z-index:auto;height:2px}}.duet-menu-bar-link.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-link:hover{color:rgb(0, 119, 179)}.duet-menu-bar-link:hover.duet-theme-turva{color:rgb(198, 12, 48)}}:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva::after{background:rgb(230, 23, 64)}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-link.duet-theme-turva:hover{color:rgb(230, 23, 64)}}";
 

package/lib/cjs/duet-menu-bar.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
-var languageUtils = require('./language-utils-Ce6b_uA3.js');
+var index = require('./index-CZgR8hZO.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
+var languageUtils = require('./language-utils-iTAyJvsm.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetMenuBarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;width:100%;pointer-events:none}:host *{pointer-events:auto}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}.duet-menu-bar .container duet-logo.large,.duet-menu-bar .container duet-logo.only-symbol{display:none}.duet-menu-bar .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 76.25em){.duet-menu-bar .container duet-logo.medium{display:none}.duet-menu-bar .container duet-logo.large{display:block}}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-grow:1;flex-basis:0;justify-content:flex-start;width:auto;height:40px}@media (min-width: 76.25em){.duet-menu-bar .container>:first-child{height:48px}}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text){flex-grow:8}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text) duet-paragraph{max-height:100%}.duet-menu-bar .container>:last-child{flex-grow:1;flex-basis:0;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container .duet-logo-info-text{max-height:2.8875rem;padding-left:16px;margin-left:16px;overflow:hidden;text-overflow:ellipsis;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1;color:rgb(62, 84, 102);-webkit-hyphens:auto;hyphens:auto;border-left:1px solid rgb(212, 223, 229)}.duet-menu-bar .container .duet-logo-info-text.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(71, 78, 101);border-left-color:rgb(222, 224, 228)}@media (min-width: 48em){.duet-menu-bar .container .duet-logo-info-text{max-height:3.3rem;font-size:1rem}}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.large{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.duet-theme-turva .center{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)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .right{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-theme-turva2) .duet-theme-turva .center{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .right{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-logo-info-text{color:rgb(53, 79, 101);border-left-color:rgb(212, 221, 226)}";

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

@@ -3,18 +3,18 @@
  */
 'use strict';
 
-var index = require('./index-B1t_Yumd.js');
+var index = require('./index-CZgR8hZO.js');
 var bodyScrollLock_es6 = require('./bodyScrollLock.es6-B2sCDud5.js');
-var themeableComponent = require('./themeable-component-DmPMm0Cz.js');
+var themeableComponent = require('./themeable-component-lQsgCsDa.js');
 var commonStrings = require('./common-strings-CSqtNIxt.js');
-var focusUtils = require('./focus-utils-B7QfRXd-.js');
+var focusUtils = require('./focus-utils-D6oLee8e.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-Ce6b_uA3.js');
-var slotUtils = require('./slot-utils-C8k-6Rvc.js');
+var languageUtils = require('./language-utils-iTAyJvsm.js');
+var slotUtils = require('./slot-utils-CnfGuEKm.js');
 var teleport = require('./teleport-D5NDbuu0.js');
-var tokenUtils = require('./token-utils-COKjUxmn.js');
+var tokenUtils = require('./token-utils-BJtlJxnJ.js');
 require('./string-utils-B35hEUBv.js');
-require('./tokens.module-Bhh9B2g8.js');
+require('./tokens.module-DJt2h4FX.js');
 
 const duetModalCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;visibility:hidden;max-height:100vh;overflow-y:auto;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:16px;opacity:0;transform:scale(0.96);transition:300ms ease;transition-delay:0ms}.duet-theme-turva .duet-modal{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-modal-active .duet-modal{opacity:1;transform:none;transition:300ms ease;transition-delay:200ms}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transform:scaleY(0);transform-origin:top;transition:all 300ms ease}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:16px 16px 0 0;opacity:1;transition:top 600ms ease}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);border-radius:16px 16px 0 0}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-modal-close{position:absolute;top:8px;right:8px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;text-overflow:ellipsis;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-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);letter-spacing:-0.01rem;white-space:nowrap;text-decoration:none}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-modal{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-modal-sticky-header{background:rgb(253, 247, 242);border-bottom:1px solid rgb(212, 221, 226)}";
 
@@ -369,11 +369,11 @@ const DuetModal = class {
                 "duet-modal-gutter-small": this.gutterSize === "small",
                 "duet-modal-gutter-medium": this.gutterSize === "medium",
                 "duet-modal-gutter-large": this.gutterSize === "large",
-            }, "aria-live": this.accessibleAnnounceChanges === "heading" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "heading" ? "true" : null }, index.h("div", { key: 'eddd353009b508fe5ecd04aa866f076a064626de', class: "duet-modal-header" }, index.h("span", { key: '696ad960d20a5e5bf68dc9ec9da5d59773accf10', class: "duet-modal-inner-slot-top" }, index.h("slot", { key: '28f0677621250a3da6899f055ba374dd78a17a35', name: "top" })), this.icon && index.h("duet-icon", { key: '7b9e797b9f5296effdfc0beaac29be90e0310436', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (index.h("duet-heading", { key: 'ba31f51f36989421ecb8f741b285d7d2638f2f7a', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (index.h("div", { key: '2bae6fedd2f1ab7b40264c2d6c3b4f69f9627d2c', class: "duet-modal-spinner" }, index.h("duet-spinner", { key: 'd5f27b579909233f930b09251b7faa6fd7d35a78', size: "large", color: tokenUtils.postfixTheme("primary", this.theme) }))), index.h("div", { key: '80dc7b4389d406fc348351678e2c234f17c22259', "aria-live": this.variation === "loader"
+            }, "aria-live": this.accessibleAnnounceChanges === "heading" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "heading" ? "true" : null }, index.h("div", { key: 'eddd353009b508fe5ecd04aa866f076a064626de', class: "duet-modal-header" }, index.h("span", { key: '696ad960d20a5e5bf68dc9ec9da5d59773accf10', class: "duet-modal-inner-slot-top" }, index.h("slot", { key: '28f0677621250a3da6899f055ba374dd78a17a35', name: "top" })), this.icon && index.h("duet-icon", { key: '7b9e797b9f5296effdfc0beaac29be90e0310436', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (index.h("duet-heading", { key: 'ba31f51f36989421ecb8f741b285d7d2638f2f7a', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (index.h("div", { key: '2bae6fedd2f1ab7b40264c2d6c3b4f69f9627d2c', class: "duet-modal-spinner" }, index.h("duet-spinner", { key: 'd5f27b579909233f930b09251b7faa6fd7d35a78', size: "large", color: tokenUtils.postfixTheme("primary", this.theme) }))), index.h("div", { key: 'f667634f35e5048df2ea536709e76beca9cb3a49', "aria-live": this.variation === "loader"
                 ? "assertive"
                 : this.accessibleAnnounceChanges === "body"
                     ? "polite"
-                    : null, "aria-atomic": this.accessibleAnnounceChanges === "body" ? "true" : null, class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el) }, index.h("slot", { key: 'fc0270b2ceb540d2e2015ba9131dcd46f01c702e' })))))));
+                    : null, "aria-atomic": this.accessibleAnnounceChanges === "body" ? "true" : null, class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el) }, index.h("slot", { key: 'c8523317779ddc6acd2de899022ea31535612291' })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {