@duetds/components 10.1.1 → 10.2.1

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement, F as Fragment } from './index-CPZ9Rh_9.js';
-import { i as inheritGlobalTheme } from './themeable-component-CyP7TR8I.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement, F as Fragment } from './index-BEyqDEKQ.js';
+import { i as inheritGlobalTheme } from './themeable-component-BAHIh10B.js';
 import { f as fieldSorter, d as debounce } from './js-utils-BlUsLmbQ.js';
 import { i as isKeyboardClick } from './keyboard-utils-Db8rvjPI.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString, s as sanitizeString } from './language-utils-D2LZ-dAb.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString, s as sanitizeString } from './language-utils-BXhYaE0m.js';
 import { q as spaceLarge, r as fontFamilyText, p as fontSizeMedium, u as fontFamilyTextTurva, v as colorSecondary, w as colorSecondaryTurva, x as fontWeightSemiBold, y as lineHeightSmall, z as colorGrayDarker, A as colorGrayDarkTurva, B as spaceMedium, C as spaceXxSmall, D as colorGrayLightest, j as mediaQueryXSmall, E as spaceSmall, F as colorGrayLight, G as colorGrayLightTurva, H as colorGrayDarkerTurva, a as colorPrimary, s as sizeHeader, I as sizeNavigation } from './tokens.module-C-hMrqKD.js';
 import { b as breakpointTokensUpTo, a as breakpointToToken } from './token-utils-ibPg9tBe.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { p as parsePossibleJSON } from './string-utils-C6E9F6QT.js';
-import { a as getError, g as getI18nError } from './errorcodes.utils-BSrGsmkE.js';
+import { a as getError, g as getI18nError } from './errorcodes.utils-AyF-6hZu.js';
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {
@@ -227,7 +227,7 @@ const DuetEditableTable = class {
      * Render Methods
      */
     render() {
-        return (h(Host, { key: '05720c6ef38164df71b02c23fb45d3d84808c2ac', class: {
+        return (h(Host, { key: '5b1b28e6321b07a1d385c1945f15b0c110a8b068', class: {
                 [`duet-editable-table-${this.variation}`]: true,
                 "duet-editable-table": true,
                 [`duet-editable-table-${this.theme}`]: true,
@@ -237,7 +237,7 @@ const DuetEditableTable = class {
                 "duet-editable-table-actions": !!this.actions,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("duet-table", { key: '52033d6f9c4e8ca460bacee6e2b8ea93da3b9eb8', class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint, "hide-head-visually": this.hideHeadVisually }, h("table", { key: '7f0689d1e576d5f0c5324715feaf21ce21c42e97', role: this.accessibleRole }, h("caption", { key: '4e18555d5513dde6724a449d12030cc666937367' }, h("slot", { key: 'df9bcd3bde75a2669a08eb2ff0c67720750e5450', name: "tcaption" })), h("thead", { key: 'efbbe81840f6e9ae9e0cc91fee5653c43181f131' }, this.hasHeadSlotFirst && (h("tr", { key: '36d1a860bf16229740501f3b076b02125d1b3d85' }, h("td", { key: '24c22fca3cbfef4ab9e2582cf32bf967654b8b43', class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { key: 'a02148a1d13dc8c3147b26da2f5aa84e3b359cdf', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (h("tr", { key: '7b7ab392f982f5f7ce4caa5e86f7a1062412aad2' }, h("td", { key: 'cd739dea8b81f3290bb86d7e977fa83d124fdd03', class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { key: '068a9f86388a25ca00944d8e9ecfbed6cf0e2cfe', name: "thead-last" }))))), h("tbody", { key: 'f65077b6dee57c962826c459ddb044d4230753c5' }, this.renderTableBody()), this.hasFootSlot && (h("tfoot", { key: 'eceeface4ad0a0bbb15dc188a343291cef04ec72' }, h("tr", { key: 'aff41dc81c24e09a03db4742bf6d51c17b8ce937' }, h("td", { key: '5d332218393462356c02ca19ff9c3398fbeb89a7', class: "duet-editable-table-footer-menu", colSpan: 99 }, h("slot", { key: 'b438187cfa67ef90452783e9522d106ecf9ab9d3', name: "tfoot" })))))))));
+            } }, h("duet-table", { key: '47a4b4e9d3acf3ca83e70c1aa4e7758e1f6cbbbe', class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint, "hide-head-visually": this.hideHeadVisually }, h("table", { key: '975344f17b9271b8ffa4264751aa2dae69279f45', role: this.accessibleRole }, h("caption", { key: 'e9039bfd4c5bf90f96856d13d993be7f13fa2d73' }, h("slot", { key: '38a7cd2c82e45ebcc080e1e20f3f77aa2a46973d', name: "tcaption" })), h("thead", { key: 'c4a02a18bfae96669f45328f6198dc52f43dd887' }, this.hasHeadSlotFirst && (h("tr", { key: 'af846dfeba040ddec43065803327195bea76a404' }, h("td", { key: 'c002827f8c8c6cce8d8d4415c80e4f39d4bb1ed6', class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { key: '5673bc937f4bc87b67f6112f59a1981ff7f02c79', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (h("tr", { key: '79a45db93db0d6e5e35aade928f23032efdb821b' }, h("td", { key: 'fddd1434bf5a20188be229e5c3d9bde03b8d8dca', class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { key: '53b1ea3494b7e0f39426232f922a040eacf3a0f0', name: "thead-last" }))))), h("tbody", { key: 'b5d38eed528592d29f64f749e1938d0ff5b772b3' }, this.renderTableBody()), this.hasFootSlot && (h("tfoot", { key: 'e2ef34f7d078a7ac7b4a38cd5953b449ce682a23' }, h("tr", { key: '9f2a92be2f425c419abd5fa1a0a7fb763cc0426b' }, h("td", { key: 'da2eeda1f65004cc2c197dad36038dc4a60c2e8e', class: "duet-editable-table-footer-menu", colSpan: 99 }, h("slot", { key: '988c400cb8046f0544293b8e1555f7b213f9def6', name: "tfoot" })))))))));
     }
     get element() { return getElement(this); }
 };
@@ -926,7 +926,7 @@ const DuetTable = class {
         });
     }
     render() {
-        return (h(Host, { key: '02ed0a7f4b3c7504b0f6df2ee9e923f5afbca106', class: {
+        return (h(Host, { key: 'fda81d8548a6180298f6e227832f9c7105a68736', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -935,7 +935,7 @@ const DuetTable = class {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: '946a620f959caf19dc712844d81ebc345870757d' })));
+            } }, h("slot", { key: 'ac3ae69d0a1141e1feacd1bdf8fb3ba9e9e89080' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -2193,10 +2193,10 @@ const DuetUpload = class {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h(Host, { key: '855e27e55645747625669bf080e6f65423b9bbf0', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '89d6b1b88260ccb7ffa2f4a3130fdf74d904e048', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '10b9cdc44bd94871f538a9299ea6252f4375a864', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '924905b1aafa76175b93f12dd6e7d7ac8ac5b5e3', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'f744c2afdb520cd0e69a15c0a942f6ecd8e30b75', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: 'da55dafcb732e24b895185995040decfe40382c6', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '199e78733f262f857124540bbd055e7c6cbcaf6a', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: 'd6327694548a1ee39188af3935c67d0a6eaead79', name: "filefooter" }), h("slot", { key: '718e1e5d1f7041d2d596ada75a717942b74999f6', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: 'd15f3fd09b07de11dc1f725bc9ee344889b6445f', margin: "none", size: "small" }, h("div", { key: '1e4e1c3a29338fa3339cd2de701ba3c776c1166a', class: "upload-bottom-caption" }, caption))), h("slot", { key: '90f1e8de4c8359df2b8dded1bf5211857ce48a79', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '431fb04536068eefdf974fc34f89f56e712674c9' }, h("duet-spacer", { key: 'c98d3f3e0f06d17b1b86ab40486a663ef8c6a75e', size: "large" }), h("duet-button", { key: '1f057848bdacb5e69ef63e2bfdc81e216271f455', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h(Host, { key: '027dcff01c8c5aef8445a0ed996aa5ad3e854b5e', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '47ed56bd728ba7c100e5d68dd71f727b6e6b2a4d', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '63328b6f03549224f711b858cbb5e95665bbdef9', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '88492085957485c18c6ba40b767b87c89ff89fd2', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '2cbe2581b60800f93dafe93e63c67d9ac826737c', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '2bf2901abf2934c09cfeca8514ddfec09f48e82a', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '2ac21565dbd47cfbf9954b03e4404c018871c85c', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: '7eb58ca2a63237ee9d22f4ce8136c7bf4bd90f41', name: "filefooter" }), h("slot", { key: '36bc35eb74e40102333469dadda4ac75a77ebd90', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: 'c6465f63ef97ab6cb78af308da6c4c2528b911e0', margin: "none", size: "small" }, h("div", { key: 'd189b328248cf862a920d1e542a18546b0b76b94', class: "upload-bottom-caption" }, caption))), h("slot", { key: '87c92c6cac9b662315a12218e848a54b74094cec', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '89ba989869f8286e58f01704ef5339ab23106761' }, h("duet-spacer", { key: '5c4dc126f197421e5c62edf556f9ef967df4cf89', size: "large" }), h("duet-button", { key: '67c4e90266831664dbd7aae7fb1792460013cee3', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '8169162805d7ec3a093344e09a4bd9241c1b9c58' }, h("duet-spacer", { key: '0f6500a4ada6c4b3c73f6524bf224ee1d79f0ae6', size: "medium" }), h("duet-alert", { key: '8bbc63eb777fa98ff0f797d970d66835ac6155a5', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '5fb70459ca757cc24041ce6e01414165ba6497b5', "aria-hidden": "true" }, h("input", { key: '808b15c23e12cf691f85e48e1a03106409b81565', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '2984ff475257e2ed17b964aa6113e6592809996a' }, h("duet-spacer", { key: '3400a7c832dceb6f04c6a1efc9f69bc764004cc7', size: "medium" }), h("duet-alert", { key: '22bb6896cec80f0468dd34bb2ff29d20ccb474a9', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: 'f6871858e8e2e13839f9898cf340951616c81595', "aria-hidden": "true" }, h("input", { key: 'faa902cc6425f28c15c89a0f95c1c7ce69ec8b6b', ref: input => {
                 this.nativeInput = input;
             }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
                 "duet-upload": true,

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

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CPZ9Rh_9.js';
-import { i as inheritGlobalTheme } from './themeable-component-CyP7TR8I.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-BEyqDEKQ.js';
+import { i as inheritGlobalTheme } from './themeable-component-BAHIh10B.js';
 
 const duetEmptyStateCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%;padding:48px;color:rgb(8, 42, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-empty-state.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(245, 246, 247)}";
 
@@ -33,11 +33,11 @@ const DuetEmptyState = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '53de43734389ae17bb5cbbc201ea8221411a074a' }, h("div", { key: 'fea68b243812a88775a726280481b66fa1126920', class: {
+        return (h(Host, { key: '6b61854be0ee8b668d513de66e117b928cb4671b' }, h("div", { key: '62ab8dddad16464e202f9225d080cee855a8193d', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, h("duet-icon", { key: '06f82828a03af6f565d8d9713da804c69142ed68', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: '1f4ff8862530081a93e9ed5da5db580fc4a310d9' }, h("slot", { key: '0b4a5d2aac8b20b27d08efea357960190a737507' })))));
+            } }, h("duet-icon", { key: '237ea5cd85e1be42a856c7b30e14022bb4cd824e', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: '9bb0471dfd59d78fc51b71eccce4830d47506a42' }, h("slot", { key: 'cdf540cdcc74733367bfc04d13ec9659bd2adb52' })))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CPZ9Rh_9.js';
-import { i as inheritGlobalTheme } from './themeable-component-CyP7TR8I.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-BEyqDEKQ.js';
+import { i as inheritGlobalTheme } from './themeable-component-BAHIh10B.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
-import { h as hasSlot } from './slot-utils-Plu0scZN.js';
+import { h as hasSlot } from './slot-utils-BI9kmtvd.js';
 
 const duetFieldsetCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{position:relative;width:100%;min-width:0;border:0}fieldset legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}.duet-legend-wrapper{position:relative;display:block;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;background:transparent}.duet-legend-wrapper.duet-legend-compact:not(.duet-legend-has-caption){line-height:1.25}.duet-theme-turva .duet-legend-wrapper{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-fieldset-label{margin-bottom:12px !important;display:flex;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-fieldset-help span.duet-m-0{margin-top:0}.duet-theme-turva .duet-fieldset-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(214, 28, 82)}::slotted(duet-tooltip){position:relative;top:4px}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}:host(.duet-theme-turva2) .duet-theme-turva .duet-legend-wrapper{color:rgb(23, 42, 59)}";
 
@@ -75,20 +75,20 @@ const DuetFieldset = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'e1a788de39eaef07a1abaa996870dd726b226aee', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: 'e7d2b6ecb24666f6a563d4923bb228bdf7e8820d', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: 'ac0f503ac6d41953e774ad46b418c8ea39ff4708', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: 'b564273ca16fac8fbb500ab8bfc9dff72e579770', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("legend", { key: '9412c1763b18075c6c6d585389c3ac9d22542f64', id: this.labelId }, h(this.labelHeadingLevel, { key: '9c1c5cfef779deef96e68e7f3760f0eeec8d347a' }, this.label), this.caption && h("span", { key: 'd166f280495ee9e156e705fe52455b18c5a13ea2' }, this.caption)), h("div", { key: 'e390d201c421bbd2086946b4548dc98d5c58fead', class: {
+            } }, h("legend", { key: '607df92d8f78aaad01e4c80e33c17da55a52e20f', id: this.labelId }, h(this.labelHeadingLevel, { key: '33cee42411e380076885a046790cb8006088c5ed' }, this.label), this.caption && h("span", { key: '52c809bbe842c11a84e7d1a5c3083bfe92472d36' }, this.caption)), h("div", { key: 'aa297b27900d3a28a48bf8102b75e900896393ff', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, h("div", { key: '10861fb7ec43cc4aec34ae9b04b1b191dd7a0d5c', class: "duet-fieldset-label" }, h("span", { key: '63b295dc887c75eb4bc062d214bb5b6a899e0f83', "aria-hidden": "true" }, this.label), h("slot", { key: 'dc154b5f9980e99c525884e32f7811e36fe634fc', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '1803a70997b3d2de928d501cfb86864bfa3af614', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: 'c574d64b9a375d0af50bc0bed35ea0418139f579', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '48665d8be4d66036d4d69090d7a98ee01f99dbac' }), h("span", { key: '9815f8bf073a39267673baf538de5908b52758e9', class: "duet-fieldset-help duet-fieldset-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '93bfa1f3fb33cf3bc23055948b416a18369b8497', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
+            } }, h("div", { key: '3af22b271c143a074adee18554408291e3faa660', class: "duet-fieldset-label" }, h("span", { key: '939a883743e233ba83e8ff3328b18842b0c4eae4', "aria-hidden": "true" }, this.label), h("slot", { key: '822892f650b6c0f733cc58a1aee1654e21d1f1f6', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: 'bc40348b978fc775d1007cdf3949e95d4d3b54e0', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '3119b1a7963015c24d6324d5de47fc53cdfd748e', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: 'fa922540a117205680098064372a70aefc0953ae' }), h("span", { key: 'ad8d4d59379d7a9f89e618754d46404eb5c3c664', class: "duet-fieldset-help duet-fieldset-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'c36abae3849393120d72e3781305cb2ce88b384c', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CPZ9Rh_9.js';
-import { i as inheritGlobalTheme } from './themeable-component-CyP7TR8I.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BEyqDEKQ.js';
+import { i as inheritGlobalTheme } from './themeable-component-BAHIh10B.js';
 
 const duetFileChooserCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.container{display:flex;flex-direction:row;gap:8px;align-items:center}.container .label{margin-bottom:8px}";
 
@@ -53,7 +53,7 @@ const DuetUploadItem = class {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: 'd6f332ceab0e71d4a1d4a31f67d8ebaaa1b2a74e' }, h("duet-visually-hidden", { key: 'd8a1e009bd303b11addfd69cde730a0158e65052', "aria-hidden": "true" }, h("input", { key: 'ed86a42e866d06c423e616b5b2ec3859483874e1', ref: input => {
+        return (h(Host, { key: '70aa98d57c2361a70abfd51e859679df65f68027' }, h("duet-visually-hidden", { key: '1c4899794b06709d24d5ff412141bf0e3714a8cb', "aria-hidden": "true" }, h("input", { key: 'ec3827c684ffbb3a4299720ef07f4c8590d0d6ed', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,

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

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent$1, h, F as Fragment, g as getElement } from './index-CPZ9Rh_9.js';
+import { r as registerInstance, c as createEvent$1, h, F as Fragment, g as getElement } from './index-BEyqDEKQ.js';
 import { n as newWindowIcon } from './action-new-window-small-EH8_HdAm.js';
-import { a as DuetStringsExternalDefaults } from './common-strings-CVPfl9fc.js';
-import { i as inheritGlobalTheme } from './themeable-component-CyP7TR8I.js';
+import { a as DuetStringsExternalDefaults } from './common-strings-8RjiAqaE.js';
+import { i as inheritGlobalTheme } from './themeable-component-BAHIh10B.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-Db8rvjPI.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-D2LZ-dAb.js';
-import { h as hasSlot } from './slot-utils-Plu0scZN.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-BXhYaE0m.js';
+import { h as hasSlot } from './slot-utils-BI9kmtvd.js';
 import { p as parsePossibleJSON } from './string-utils-C6E9F6QT.js';
 import './_commonjsHelpers-DvwKrUS6.js';
 
@@ -165,16 +165,16 @@ const DuetFooter = class {
     render() {
         const text = getLocaleString(i18n, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (h("footer", { key: '86aa6cfb85cbc461f27ecfcbd2580c99c6a1d6ea', class: {
+        return (h("footer", { key: 'a1f13a9e8d015c33626dc35acfbac299d5d798b8', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '81286c05a8d63e73d0ca759d74a1697232b3fba9', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: '7b0af28113896845cf7dd1e6cb6bd98d30e55e57', class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '48ff4a3d5e8df21215a409def47ead6f70f697fa', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: 'a0cc027a05d4c054e0f99c2c2ad3fb6b34a58873', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, h("div", { key: 'bc5396a0f997e44cbaafd087adf00e75f97f8b5a', class: "footer-top-logo" }, h("duet-logo", { key: 'fe1aa7afcc6a06468b216906c1b41cca8dadca15', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: '19a7f05c2ee0f6f22e05dc4c4e32ad3a2e7e7e49', class: "footer-top-right-container" }, h("slot", { key: '3d55e517eeb363bc24522186c27c1eb9acd0e08f', name: "info" }), h("div", { key: '2415ecbf3c7128d9d0c39506e8634beb5042d61c', class: "footer-top-items" }, this.processedItems &&
-            this.processedItems.map((item, index) => (h(Fragment, null, index > 0 && h("duet-spacer", { size: "x-large", direction: "horizontal" }), h("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: this.getTopItemButtonIcon(item), "icon-right": !this.isMessagingLink(item.href), "icon-size": this.isMessagingLink(item.href) ? "medium" : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)))))))), h("slot", { key: 'fe8d1c7d7b75403eacac98614932040adb57d11b', name: "extra" }), h("p", { key: 'dfae59c2992d08e97cb8cacccf7e144e66437b06', class: "duet-footer-menu", part: "menu" }, h("span", { key: '94eca18d1332909865fef8de75238c4af03f384b', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '94ffe16bb9cea453d522865f4c58d7f8c039f142', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: 'd20feb15e1cf0b7e930f08be329c440d3bfa88b6' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: '9c9e03660d7774a3cb604d90d7aceef2177c74a6', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }, part: "top" }, h("div", { key: '3724f9ef6f0af6ca9812b4c9c2854209a80cb38b', class: "footer-top-logo" }, h("duet-logo", { key: '10e4b82fa2f117f130a2458a64249d36b5f99564', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: '40ceb56a8366b96d5a9afc572984ff027249cfd0', class: "footer-top-right-container" }, h("slot", { key: 'e3f21c2f91e64c844a95d40344104e8aff352013', name: "info" }), h("div", { key: 'a2c5b4d2dad3aa29116a8fe5d2bd4525b6a6ad5c', class: "footer-top-items" }, this.processedItems &&
+            this.processedItems.map((item, index) => (h(Fragment, null, index > 0 && h("duet-spacer", { size: "x-large", direction: "horizontal" }), h("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: this.getTopItemButtonIcon(item), "icon-right": !this.isMessagingLink(item.href), "icon-size": this.isMessagingLink(item.href) ? "medium" : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)))))))), h("slot", { key: '0058cff0a643b85a2373c0b2633f5d8d293cf639', name: "extra" }), h("p", { key: '6e0623c40daaab7ecf2ba1abb3e6f5935bac445b', class: "duet-footer-menu", part: "menu" }, h("span", { key: 'abb2319d06c15e6d423337f75f713e835188c326', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: 'f0b19fd6cc3da55c0519ab7e499f9d24df20ebc8', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: '308c16b052419e8570fe7e39a5708f45bb58a00d' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: '6308d6f3a762e1945a197a58efa9536c82412fdc', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CPZ9Rh_9.js';
-import { i as inheritGlobalTheme } from './themeable-component-CyP7TR8I.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-BEyqDEKQ.js';
+import { i as inheritGlobalTheme } from './themeable-component-BAHIh10B.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}";
 
@@ -159,6 +159,7 @@ const DuetGrid = class {
             ".duet-textarea-error",
         ];
         const items = this.getDirectChildren().filter(child => !!child.querySelector(elementNames.join(",")) || elementNames.includes(child.tagName.toLowerCase()));
+        items.forEach(i => i.classList.add("form-distribute"));
         // if layout changes to columns instead of row, remove all padding
         const hasColumnLayout = window ? window.getComputedStyle(this.element).flexDirection === "column" : false;
         const selectorForErrorSpan = el => {
@@ -205,7 +206,7 @@ const DuetGrid = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '9df3d98e4e46f0f4eb711c80ec562deb52121724', class: {
+        return (h(Host, { key: '1a7bab03f61e124f9e7d90c4b32e16bfc3fba736', class: {
                 "duet-grid": true,
                 "duet-no-stacking": !this.responsive,
                 "duet-grid-align-top": this.alignment === "top", // flex-start
@@ -232,7 +233,7 @@ const DuetGrid = class {
                 "duet-grid-row-reverse": this.rowReverse,
                 [`duet-grid-variation-${this.gridTemplate ? "grid" : "flex"}`]: true,
                 [`duet-grid-template-${this.gridTemplate}`]: true,
-            } }, h("slot", { key: '2fb7e11aec20d374c4a36cfce5dfa8d8f47207e6' })));
+            } }, h("slot", { key: '03ee25477d7ea8733b042bf85dc855f29f11dcc1' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -297,7 +298,7 @@ const DuetGridItem = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4b538b2691f1fe5d57e6d1bbdec0e4278128c0c8', style: {
+        return (h(Host, { key: '59b2546565c78716d981db97ba3a66b9f4b06104', style: {
                 "min-width": this.minWidth,
                 "max-width": this.maxWidth,
             }, class: {
@@ -314,7 +315,7 @@ const DuetGridItem = class {
                 "duet-grid-item-br-medium": this.breakpoint === "medium",
                 "duet-grid-item-br-large": this.breakpoint === "large",
                 "duet-grid-item-br-x-large": this.breakpoint === "x-large",
-            } }, h("slot", { key: 'dabba4fd818496d5472f9328f3a400ce0dac9bc0' })));
+            } }, h("slot", { key: '78c0ca977366f49a62d91c19e42b7140455c0e7e' })));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent$1, B as Build, H as Host, F as Fragment, g as getElement } from './index-CPZ9Rh_9.js';
+import { h, r as registerInstance, c as createEvent$1, B as Build, H as Host, F as Fragment, g as getElement } from './index-BEyqDEKQ.js';
 import { s as searchIcon } from './form-search-CevX33LA.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DvwKrUS6.js';
 import { a as media_query_large } from './tokens-CjSEMtsI.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.es6-B1B-PPrh.js';
-import { a as DuetStringsExternalDefaults } from './common-strings-CVPfl9fc.js';
-import { i as inheritGlobalTheme } from './themeable-component-CyP7TR8I.js';
+import { a as DuetStringsExternalDefaults } from './common-strings-8RjiAqaE.js';
+import { i as inheritGlobalTheme } from './themeable-component-BAHIh10B.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange, a as isEscapeKey, q as isSpaceKey, d as isArrowLeftKey, e as isArrowUpKey, f as isArrowRightKey, g as isArrowDownKey } from './keyboard-utils-Db8rvjPI.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-D2LZ-dAb.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-BXhYaE0m.js';
 import { p as parsePossibleJSON } from './string-utils-C6E9F6QT.js';
 import { p as postfixTheme } from './token-utils-ibPg9tBe.js';
 import { a as arrowDownIcon } from './action-arrow-down-small-Bk3GShyI.js';
@@ -879,7 +879,7 @@ const DuetLogo = class {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (h(Host, { key: '9aa8d797449d771c669f1b489937b72f4f334346', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: 'e217a8575a7d1511925d6d3f53c57463f8569cc5', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (h(Host, { key: '45473fa278154204ad2358fcea7063bf90c56594', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: '6311062a05dc397c72ffbd371c6443cf96e3438e', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
                 "duet-logo": true,
                 [this.size]: true,
                 "duet-logo-inverse": this.inverse,

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-CPZ9Rh_9.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-BEyqDEKQ.js';
 import { n as newWindowIcon } from './action-new-window-small-EH8_HdAm.js';
-import { a as DuetStringsExternalDefaults } from './common-strings-CVPfl9fc.js';
-import { i as inheritGlobalTheme } from './themeable-component-CyP7TR8I.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-D2LZ-dAb.js';
-import { a as getElementsFromNamedSlot, h as hasSlot, c as checkNamedSlotElement } from './slot-utils-Plu0scZN.js';
+import { a as DuetStringsExternalDefaults } from './common-strings-8RjiAqaE.js';
+import { i as inheritGlobalTheme } from './themeable-component-BAHIh10B.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-BXhYaE0m.js';
+import { a as getElementsFromNamedSlot, h as hasSlot, c as checkNamedSlotElement } from './slot-utils-BI9kmtvd.js';
 import { p as parsePossibleJSON } from './string-utils-C6E9F6QT.js';
 import './_commonjsHelpers-DvwKrUS6.js';
 
@@ -281,7 +281,7 @@ const DuetHero = class {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (h("div", { key: '83f74edd6dc5f778d2d1b5076cfe43e705f85b0c', role: "region", class: {
+        return (h("div", { key: '0516fd4837dba53aae81d2ae0c78b70585422107', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -299,17 +299,17 @@ const DuetHero = class {
                 "duet-hero-text-center": this.variation !== "product" && ((this.textCenter && !this.leftAlign) || campaignOrSection),
                 "duet-hero-left-align": this.variation === "product" || (this.leftAlign && !campaignOrSection),
                 "duet-hero-narrow": this.layout === "narrow",
-            }, part: "duet-hero" }, campaignOrSection && this.image && (h("div", { key: '521aa62c72860b40c124e5e63a9feeba643b7cbd', class: "background-area" }, h("div", { key: '782240a27d1c267976cae1af8cd5d80b947ee927', class: "background-container" }, h("div", { key: '260e615d0be8309a04d6ed99ea82ddd1b40e23f5', class: "background" }, h("img", { key: '071db6447269f00e96627b2324376da03543aa56', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: this.imageAlt || "", role: this.imageAlt ? null : "presentation" })), h("div", { key: 'd5e85d158c189fb4db370560c22776fdf827ba89', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: '9ad335dad1a6905faa9575aca5e9887a3af4b283', class: { "background-area": true, [this.layout]: true } }, h("div", { key: '6fa490d420c613db01f91811355e3ebeae4e77bb', class: { "background-container": true, [this.layout]: true } }, h("div", { key: 'c66dc3607627eba702ceb8b11b0bb9ca2b1ff513', class: { background: true, [this.layout]: true } }, h("div", { key: '9adb1d3c25e38a84000c9345e2f727f71610cc83', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: '7989b9a0e6925aa21c98d1a09290cfe48def3bc6', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: 'a1a77403fb035992dcbc2269b0e44deb3b2149e4', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: '32c2a03bfff06faa0ef0228742a755fbd18eb3c8', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", Object.assign({ key: 'd2a492432fcbad0be95f151b39ef54a38264480f', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }, bgImgA11yAttrs)))), this.categoryIcon && (h("div", { key: '816e2370f16d7a57a5771608dc2ff0be31a2a5bd', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: 'db7bdb65058d36d415279b77d84f61a7905d8963', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: 'a53f217d32e35842410734bafc1dd9e1aebd7436', class: "background-area" }, h("div", { key: 'e7c92df4ee17a61764d4390e95abb9652f315238', class: "background" }, h("div", { key: '0917af8fdfea80a00c5463ea00619d87c949fb2b', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'd7b34b286d6548551596809aebd5e3e0e86a2b23', class: "brand-shape" }), h("div", { key: '93d18efb89d26ef7016f24bae45d16b876e8fcbb', class: "brand-shaped-image" }, h("div", { key: '0649f402b55830bed4bddbe83165d5022451f355', class: "brand-shaped-image-wrapper" }, h("div", Object.assign({ key: '7f23a64e335529b7fadaa5addd0a9c936feeca61', class: "brand-shaped-image-bg", style: styles }, bgImgA11yAttrs))))))), h("div", { key: '6ce72888621a5c553cd2d22cefe134c1b2776ab3', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: 'a335920dc484565b37c9b92e57b76c82de6f34fe', class: "duet-hero-image-mask" }, h("div", { key: '11894fd603fc66e3e3e056b92d3a1ba05de4c119', class: "duet-hero-image-wrapper" }, h("div", Object.assign({ key: 'b967cedc4ba79e686325ae9865a1fd325e246ae9', class: "duet-hero-image", style: styles }, bgImgA11yAttrs))))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (h("div", { key: '3badeba2fb74700d4589aae7f89f513cc61ca507', class: "duet-hero-back" }, h("duet-button", { key: '38ac7054f1e14472450d93ab4d7b9999e1e127b3', 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 && (h("div", { key: 'c9519b4ff36fdb3ec68d569667065a743d57a360', class: "background-area" }, h("div", { key: 'ddb4386a162fe50a1ec65bfb5920194cd8b8247f', class: "background-container" }, h("div", { key: 'af9a1b99358098c95c9ca8ff11c8b4e8fed691db', class: "background" }, h("img", { key: 'caea4a0bec4b0fab914d327878fd82fc8937528d', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: this.imageAlt || "", role: this.imageAlt ? null : "presentation" })), h("div", { key: '570fc51ca220622428a0d0ae0c0956c5f1ee0452', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: '954467ff85417b30a4a6fc18c700464df609f586', class: { "background-area": true, [this.layout]: true } }, h("div", { key: 'a709338a6570cf245f37272263b03d7a27128f9e', class: { "background-container": true, [this.layout]: true } }, h("div", { key: 'b93c7f5ac020bd754dba88132aaa9b7ea1ba4003', class: { background: true, [this.layout]: true } }, h("div", { key: '905662fbb3364da7510db2555f03de974562e505', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: '262820358ecd29844c65be4a1d7e82549b45cee2', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: '3d20072088e4a405b83d2f65268f2d488a5112ac', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: 'e8c63df219322992bb8d722b01dcad205c044f9c', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", Object.assign({ key: '5b265dcc9db7e68c749b2b9c9d0e8fa4064f6b70', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }, bgImgA11yAttrs)))), this.categoryIcon && (h("div", { key: '81e36645d1a21d9bc66fae4765e9ef3272537f03', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: '504a1771e2e356783be5844509166ab29f78159d', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: '97b506d236d0679f53696cac58503d7be257231f', class: "background-area" }, h("div", { key: '36890d9dc2a8f8b124420c7b3225ada20d01e35e', class: "background" }, h("div", { key: '1df015994f4bd85a884de6e1875be96408f599b7', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'f68c97a4b3c8e4b03bac4bb2181e630ef63c8639', class: "brand-shape" }), h("div", { key: 'ba89b95cc6d1d2a55ca0681206266f0e52d10059', class: "brand-shaped-image" }, h("div", { key: '0c133b49c54fa275782754ac6ab44c468592b50b', class: "brand-shaped-image-wrapper" }, h("div", Object.assign({ key: 'c9963f3b6134885b5cd4facc450e337fd3807749', class: "brand-shaped-image-bg", style: styles }, bgImgA11yAttrs))))))), h("div", { key: '6cd4723c1191be8841b3e72c186438d60b762165', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: '76e6d63f430faa884dbe432dcf5241287edb6d94', class: "duet-hero-image-mask" }, h("div", { key: 'ac28833afeffb4273df030b71484549022dbcd7b', class: "duet-hero-image-wrapper" }, h("div", Object.assign({ key: '3bd97c165b52eae5b07653f04508c94f3e2fbaa3', class: "duet-hero-image", style: styles }, bgImgA11yAttrs))))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (h("div", { key: 'a3139ada0576c86e38608e8b3babde7bf1cb6428', class: "duet-hero-back" }, h("duet-button", { key: '18696adb6758e912d78507989319403a05031383', 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 && (h("duet-icon", { key: '504c6da20c08db1018c73f4be1d6664b295dbc13', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: '5921d4626634c481d787254974edc6f77248be40', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: '782b401509669bf5c8a0b499b198eee37210827d', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium", "aria-hidden": "true" }, this.preHeading ? (this.preHeading) : (h("span", null, h("slot", { name: "pre-heading" }))))), h("slot", { key: 'a5c47e67704e117cb3fd2061c0cc0010263a50a5', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: '5f8fab67f0c4cbc1e1ff6eb5106cf7bf44fe69f8', 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 : h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { key: '7a74b425d7f28ef0c72197f0d320e4a027bf5e59', theme: this.theme, level: this.hasSubHeadingSlotNative ? "div" : this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("slot", { key: '72120d0684e15b6209748081f8f08e0c812c6304', name: "subheading" }))), this.description && (h("duet-paragraph", { key: '852cbdc35a5a225fbc0db04baa2c03c3e4e9acba', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: '71a95fa08165da7281a48a6c16b58a0d8767a7f8', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (h("duet-list-item", null, h("span", { slot: "label" }, item.label), h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (h("duet-button", { key: '2def10787421e62f28dd67dd5f346b51b7304a11', 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)), h("slot", { key: 'd2b6f98d3515f008b4136155be3508aafc29e449' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: '249c74be9644bbf4df8f2397cfb46acfbd2a446f', class: "duet-hero-links" }, this.processedActions.map(item => (h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, h("div", { class: "duet-hero-action-icon" }, h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (h("div", { class: "duet-hero-action-arrow" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (h("duet-icon", { key: '28d192b8f069b4a32baa01a027abc42bdfb95887', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: '012bf0e526bb27720cf999130cee18c48f154328', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: '5cbbe391ce79e56835076065ebcffe0bab5228ba', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium", "aria-hidden": "true" }, this.preHeading ? (this.preHeading) : (h("span", null, h("slot", { name: "pre-heading" }))))), h("slot", { key: 'b3e524e1dfb703166dabf2f84bbcc4114b55a30a', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: 'aa79305d862247ab6107539664112d93a239e8a7', 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 : h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { key: 'd7be291d344c0357c68891dafcce35f2b39b5da5', theme: this.theme, level: this.hasSubHeadingSlotNative ? "div" : this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("slot", { key: '32bb887d95e7bbf0c2037520f47080d4a4680bba', name: "subheading" }))), this.description && (h("duet-paragraph", { key: 'd391fad4e9710b15fe3bbc98e8e22078f3a84972', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: '927d16ef81835f367bda345400b4603d6c5dd36a', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (h("duet-list-item", null, h("span", { slot: "label" }, item.label), h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (h("duet-button", { key: '05b8812b4a5f224422c0d102c9f6869bfcfe3a69', 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)), h("slot", { key: '512d50180bb9fba05bcde538b19fa87e70cf5a3a' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: '1ca120e7175b467c0265513ecd4d32a30e5eaba8', class: "duet-hero-links" }, this.processedActions.map(item => (h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, h("div", { class: "duet-hero-action-icon" }, h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (h("div", { class: "duet-hero-action-arrow" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && h("div", Object.assign({ key: '555aa340678bde51378b5c4795d05a27ae311dc9', class: "duet-hero-image", style: styles }, bgImgA11yAttrs)), h("slot", { key: '5a1c2a49ce0cfa4c7b30ff87e3e48f0da2675d80', name: "bottom" }))));
+            this.variation !== "content" && h("div", Object.assign({ key: 'f49f23c4edbf72e479d8f7cf4cf2767d688c362b', class: "duet-hero-image", style: styles }, bgImgA11yAttrs)), h("slot", { key: 'a99b7943cc1408366bc93827beb41867aaf5fb01', name: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { E as Env, r as registerInstance, h, H as Host, g as getElement } from './index-CPZ9Rh_9.js';
-import { i as inheritGlobalTheme } from './themeable-component-CyP7TR8I.js';
+import { E as Env, r as registerInstance, h, H as Host, g as getElement } from './index-BEyqDEKQ.js';
+import { i as inheritGlobalTheme } from './themeable-component-BAHIh10B.js';
 import { g as getColorByName, r as rgbaColorFromRgb } from './token-utils-ibPg9tBe.js';
 import './tokens.module-C-hMrqKD.js';
 
@@ -217,11 +217,11 @@ const DuetIcon = class {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (h(Host, { key: '2a800d3292964b5a1dd5fd454662f690ce9e6b5a', class: {
+        return (h(Host, { key: 'f6a74ccabd59055d22eec3654bde9c81fd4a9ce3', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, h("span", { key: '4d5d3fc155d6d2e4f677d8753c116c82eb865a2c', "aria-hidden": "true", style: styles, class: {
+            } }, h("span", { key: 'f2ea10e9ec8459d5a5995781e193c6d8df7fb1ef', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -230,7 +230,7 @@ const DuetIcon = class {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, h("span", { key: '6c79866426237ff75ff36401a9117dca1a68cf19', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, h("span", { key: '3d93b31d1831fa77b71a5f574a38d838636c7757', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CPZ9Rh_9.js';
-import { i as inheritGlobalTheme } from './themeable-component-CyP7TR8I.js';
-import { g as getLocaleString } from './language-utils-D2LZ-dAb.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-BEyqDEKQ.js';
+import { i as inheritGlobalTheme } from './themeable-component-BAHIh10B.js';
+import { g as getLocaleString } from './language-utils-BXhYaE0m.js';
 import './string-utils-C6E9F6QT.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)}:host(.duet-theme-turva2) .duet-indicator-new{background-color:rgb(230, 23, 64)}";
@@ -50,7 +50,7 @@ const DuetIndicator = class {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: 'b2f09b35f7fbb61445756df5e6df2f75bb0246ff', class: { [this.theme]: true } }, h("span", { key: '81de43cc175005dc2001d65e7e34813c1afbefca', class: { "duet-indicator": true, [`duet-indicator-${this.variation}`]: true } }), h("duet-visually-hidden", { key: 'cebd5630b42f0c4bca8497db1b2caa5326822ef5' }, this.getAccessibleLabel())));
+        return (h(Host, { key: '9361561218a4fa5c4fe9508e72b80992ad22aadc', class: { [this.theme]: true } }, h("span", { key: 'd974ea12e2bfc4d8e753cc89044379b846c182ca', class: { "duet-indicator": true, [`duet-indicator-${this.variation}`]: true } }), h("duet-visually-hidden", { key: '0d3abea6442dcb6254391043a32d224188cbc814' }, this.getAccessibleLabel())));
     }
     get element() { return getElement(this); }
 };