@duetds/components 8.7.4 → 8.7.5

package/lib/cjs/duet-tooltip-button_2.cjs.entry.js

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-66f341b7.js');
+const index = require('./index-7354b546.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const focusUtils = require('./focus-utils-778b1443.js');
+const focusUtils = require('./focus-utils-6a4b5f08.js');
 const teleport = require('./teleport-c6f8391a.js');
 
 const duetTooltipButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button:hover{color:rgb(0, 77, 128)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(148, 9, 37)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}";
@@ -45,11 +45,11 @@ const DuetTooltipButton = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'ce976f10516cd79a4616e573301788cdfb027cc1' }, index.h("button", { key: 'e7df667f35fe25ac2267f96b3d4e58efd876b1e8', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (index.h(index.Host, { key: '04f6705a481ebb216bb5df66dbdb4043b8cdef48' }, index.h("button", { key: '49af408c735e209c64c8d0d108a966ddcbb0f4a4', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("svg", { key: '01d7aef4ac85d656c0dd4de4de8716cb4d94f539', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '6aa5d232156fb0275a66d004af79cd1a2065c01d', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), index.h("circle", { key: 'f717def87b4739a637fa7f0a6d9f026a190ac59d', cx: "11.625", cy: "7.125", r: "1.125" }), index.h("path", { key: 'fff9209dfe86fa98131cbe1cdd8c61e72ee6f678', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (index.h("span", { class: "duet-tooltip-label" }, this.label)) : (index.h("duet-visually-hidden", null, this.accessibleLabel)))));
+            } }, index.h("svg", { key: '7861f7b8ad6482b8a64a261896ae913fa0cb5b98', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '1fe0cd6a81634da2a5b915533ade21281f478491', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), index.h("circle", { key: '036344e0005eb10f72bdcdd5cb10a51cd7c3f589', cx: "11.625", cy: "7.125", r: "1.125" }), index.h("path", { key: 'b007d82c4f370fe0a60030db70e8e3f6b35953e9', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (index.h("span", { class: "duet-tooltip-label" }, this.label)) : (index.h("duet-visually-hidden", null, this.accessibleLabel)))));
     }
     get element() { return index.getElement(this); }
 };
@@ -100,11 +100,11 @@ const DuetTooltipPopup = class {
         this.contentEl.focus();
     }
     render() {
-        return (index.h(index.Host, { key: '3a18853dc93a2adb31d64f60482297bde3737724' }, index.h("div", { key: '20c2bfdb39d5182040c8c1376cd1ad1f950786f5', class: {
+        return (index.h(index.Host, { key: '2c0a3cbe2d1e70112a8e36fb5486c0b3828fec6e' }, index.h("div", { key: '9615ecf77473659b94f595ce74e4d193f0910c2d', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, index.h(focusUtils.FocusGuard, { key: '2be535dfda66aa174f0c3d4eaae962e4aef47134', moveFocusTo: this.buttonEl }), index.h("div", { key: '95156d5f84e049de96d4ce158cb18b7d07ac91d9', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, index.h("slot", { key: '9ded3cfd459764324cb8c9454275c8fba4169802' })), index.h("div", { key: '18e028859869f9b46f3f281d4d2619f072a885e9', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, index.h("div", { key: '09a889676159c3c659fc2292c877305ef8382c37', class: { "arrow-container": true, [this.placement]: true } })), index.h("button", { key: '70806769df23fed5c7145a17fad13c12ed2aef6a', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, index.h("duet-icon", { key: '61714adbfbf9677dcb00a6d96b50f7034b93cb24', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), index.h("duet-visually-hidden", { key: '3276a012463044b539d38df0879de85f1daeac44' }, this.accessibleCloseLabel)), index.h(focusUtils.FocusGuard, { key: 'c446cb8cb1d0246f2e5b284763bf7d28c8074699', moveFocusTo: this.contentEl }))));
+            } }, index.h(focusUtils.FocusGuard, { key: '178d295e1ea3cb5ccc5bec86b9f3fc0d7fcdf963', moveFocusTo: this.buttonEl }), index.h("div", { key: '1155f49ddfdb942c5ae5898fb4820a80a5c40328', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, index.h("slot", { key: 'c8a124d7d082b709143701811fdec18d579d57e6' })), index.h("div", { key: 'f0e09b06cdd9f9945e99ec2b1910ff7decf89134', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, index.h("div", { key: 'eedba52de69d73626caba16ba466803be54a327d', class: { "arrow-container": true, [this.placement]: true } })), index.h("button", { key: 'aa5ccd0ff5db12c5608f296ef3428e60fee82599', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, index.h("duet-icon", { key: 'f66f28e0b597d51fd5823a3586e2c9a30c3c643a', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), index.h("duet-visually-hidden", { key: 'b61c91a4128f970d3fd243405d990cea29f80524' }, this.accessibleCloseLabel)), index.h(focusUtils.FocusGuard, { key: '44f290cf1a0dbf47fe135818d42c55534f182bcb', moveFocusTo: this.contentEl }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-66f341b7.js');
+const index = require('./index-7354b546.js');
 const tokens = require('./tokens-851fb0c9.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-806e7c53.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-1f6c94fe.js');
+const languageUtils = require('./language-utils-83b499ff.js');
 require('./string-utils-053749ff.js');
 
 const duetTooltipCss = "*.sc-duet-tooltip,*.sc-duet-tooltip::after,*.sc-duet-tooltip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-tooltip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button.sc-duet-tooltip{position:relative}duet-tooltip-popup.sc-duet-tooltip{position:absolute}";

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

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-66f341b7.js');
+const index = require('./index-7354b546.js');
 const tokens_module = require('./tokens.module-3e57c188.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-1f6c94fe.js');
+const languageUtils = require('./language-utils-83b499ff.js');
 require('./string-utils-053749ff.js');
 
 const duetTrayCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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(0, 41, 77);visibility:hidden;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.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);background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(228, 228, 230)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(0, 41, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}";
@@ -93,14 +93,14 @@ const DuetTray = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h("div", { key: 'ee2f14ff774bc4fea662debc24e2a6831adfb289', class: {
+        return (index.h("div", { key: '9ca451a14ab21f41ef8b413dd0695d0fa9625a08', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, index.h("div", { key: '6ba05414c6cccbcd24b39ea18867eb7207047e34', class: "duet-tray-default-content", role: "status" }, index.h("slot", { key: '56932665c91448424cafefb15e58e800b8f46e01' })), this.hasAdditionalContent && (index.h(index.Fragment, { key: 'd5840a8e96e3cb4b743e5884017f71dce8f3ac5d' }, index.h("button", { key: '7fe35a548af11e360fdbc6da0010db3ccae8a25f', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, index.h("duet-icon", { key: 'b88dac2958c91495b09881ca04aee485da7a028b', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), index.h("duet-visually-hidden", { key: '6d82f6bbfd7922c5fe83f7eb4d00e63d51784656' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), index.h("div", { key: 'ba8b9b2fbaea02fa5b6ea18a0c54dc3bd9b588a0', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, index.h("div", { key: '84d6ba05d119969259a3c4de3c836f0dca268eb2', class: "duet-tray-expandable-content" }, index.h("slot", { key: '42d5d020a9028a67957dc6cfab863296d93a526e', name: "additional" })))))));
+            } }, index.h("div", { key: '1363c709ec1abaf78155e81519a78af9fab1fd3b', class: "duet-tray-default-content", role: "status" }, index.h("slot", { key: '7904af5a351d3438a3bd17dbf00e3a215d850fcb' })), this.hasAdditionalContent && (index.h(index.Fragment, { key: '29c834cfa4e11140ed597c440bc70466e784306c' }, index.h("button", { key: '9c416fa9a6bf76eb3f1b3c7aba4d002cec13320c', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, index.h("duet-icon", { key: 'bf2948293a89b14c4712cf0123158bfd6fa09f36', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), index.h("duet-visually-hidden", { key: '377191436c0dc3207906654df3abf2334a1dc886' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), index.h("div", { key: '30810b57c176998e6e304f6be52f27de5a2cd6b6', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, index.h("div", { key: 'c82e3a298bec6767ee5ecc167348b7153f28c24c', class: "duet-tray-expandable-content" }, index.h("slot", { key: '5fe1b4e00504d3e98d8e17bc0eab86a27bf7b87e', name: "additional" })))))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-upload-aria-status.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-66f341b7.js');
+const index = require('./index-7354b546.js');
 
 const DuetUploadAriaStatus = class {
     constructor(hostRef) {
@@ -66,7 +66,7 @@ const DuetUploadAriaStatus = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'd987e9e8bf5e3a649817f942d6a4ab860769f9ec', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, index.h("duet-visually-hidden", { key: '564b4c6c8d9a519fb5eee566d9b5fd057b1b9a20' }, this.statusMessage)));
+        return (index.h(index.Host, { key: '405954504882f40e3c80907b299d9fe769768dc5', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, index.h("duet-visually-hidden", { key: '3d51c5dff4e4bdb597427bf90ba74bb671324c24' }, this.statusMessage)));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/lib/cjs/duet-upload-item.cjs.entry.js

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-66f341b7.js');
+const index = require('./index-7354b546.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const languageUtils = require('./language-utils-1f6c94fe.js');
-const errorcodes_utils = require('./errorcodes.utils-8d8f085d.js');
+const languageUtils = require('./language-utils-83b499ff.js');
+const errorcodes_utils = require('./errorcodes.utils-09ff4a36.js');
 require('./string-utils-053749ff.js');
 
 const formatBytes = (bytes, decimals = 2) => {
@@ -96,9 +96,9 @@ const DuetUploadItem = class {
         const { uid, meta, item } = this.data;
         const Badges = meta && meta.badges ? (index.h("span", null, meta.badges.map(badgeText => (index.h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
         const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (index.h("div", { key: 'ce6f559711b5fad043a9b1d9dd1abd78c1e3e925', class: {
+        return (index.h("div", { key: '4533ec72c2292fab5f0e61d2190d171f70db89cd', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (index.h("div", { key: '7346081d7fdce1e18e2f60d6816c207ae8b920a7', class: "item-categories" }, index.h("duet-heading", { key: '1a43870407f9655cc3aec47df7ac219e2106fbc3', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, languageUtils.getLocaleString(this.categoryLabel)), Badges)), index.h("div", { key: '5676d2178396aa7ded5c38e756bddb82ed8ebce4', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (index.h("duet-heading", { key: 'bd76f703674212d57d2767655d8da7bbfcef5ab6', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, languageUtils.getLocaleString(this.label))), this.getFileNameLine()), index.h("div", { key: '6ee737c5ee79a10470cf15e4853d0a8fc241d09d', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (index.h("div", { key: 'dd80cae48395c2b36a5182849099b99dc9c77d87', class: "item-categories" }, index.h("duet-heading", { key: '2215960ba1fcfd9ae42f801dc6ee518f598de992', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, languageUtils.getLocaleString(this.categoryLabel)), Badges)), index.h("div", { key: '5d864dc3005e9ffb3a264dbe31e11772832039eb', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (index.h("duet-heading", { key: 'd54592fef74ce524b41811a4f15b8403728f256f', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, languageUtils.getLocaleString(this.label))), this.getFileNameLine()), index.h("div", { key: '18d338783bd27afaf5aa610e92fa2f930618bdbe', class: "item-actions" }, this.actions.map(actionItem => {
             return (index.h("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${languageUtils.getLocaleString(actionItem.label)} `, accessibleTitle: this.getActionButtonTitle(actionItem), ref: button => (this.actionButton = button) }));
         }))));
     }

package/lib/cjs/duet-visually-hidden.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-66f341b7.js');
+const index = require('./index-7354b546.js');
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
 const DuetVisuallyHiddenStyle0 = duetVisuallyHiddenCss;
@@ -19,7 +19,7 @@ const DuetVisuallyHidden = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '1391d57bdc46c12c699eb9c0f24512e6169527cb', class: "duet-visually-hidden" }, index.h("slot", { key: '3954c8b4f0a67197b2bcf14bd7e149815abf8074' })));
+        return (index.h(index.Host, { key: '40bab689f97275fa029c6990b15870ef91e39d79', class: "duet-visually-hidden" }, index.h("slot", { key: 'cb3ae19e2a3d3be5f76a62a318a75b69551d41d4' })));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet.cjs.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-66f341b7.js');
-const appGlobals = require('./app-globals-241ca518.js');
+const index = require('./index-7354b546.js');
+const appGlobals = require('./app-globals-d1a7f669.js');
 
 /*
  Stencil Client Patch Browser v4.22.2 | MIT Licensed | https://stenciljs.com

package/lib/cjs/{errorcodes.utils-8d8f085d.js → errorcodes.utils-09ff4a36.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const languageUtils = require('./language-utils-1f6c94fe.js');
+const languageUtils = require('./language-utils-83b499ff.js');
 const stringUtils = require('./string-utils-053749ff.js');
 
 const getError = (code, errorCodes) => {

package/lib/cjs/{focus-utils-778b1443.js → focus-utils-6a4b5f08.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-66f341b7.js');
+const index = require('./index-7354b546.js');
 
 const focusElement = (element) => {
     if ("setFocus" in element) {

package/lib/cjs/{index-66f341b7.js → index-7354b546.js}

@@ -25,7 +25,7 @@ function _interopNamespace(e) {
 
 const NAMESPACE = 'duet';
 const BUILD = /* duet */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: true, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: true, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: true, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
-const Env = /* duet */ {"cdnURILocal":"http://localhost:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"4.0.60"};
+const Env = /* duet */ {"cdnURILocal":"http://localhost:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"4.0.61"};
 
 /*
  Stencil Client Platform v4.22.2 | MIT Licensed | https://stenciljs.com

package/lib/cjs/{language-utils-1f6c94fe.js → language-utils-83b499ff.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-66f341b7.js');
+require('./index-7354b546.js');
 const stringUtils = require('./string-utils-053749ff.js');
 
 const localeLookUpTable = {

package/lib/cjs/loader.cjs.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-66f341b7.js');
-const appGlobals = require('./app-globals-241ca518.js');
+const index = require('./index-7354b546.js');
+const appGlobals = require('./app-globals-d1a7f669.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/lib/cjs/{slot-utils-f97e19be.js → slot-utils-90b6ce2c.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-66f341b7.js');
+require('./index-7354b546.js');
 
 const getElementsFromNamedSlot = (element, slotName) => {
     const childElements = Array.from(element.querySelectorAll(":scope > *"));

package/lib/collection/components/duet-badge/duet-badge.js

@@ -22,12 +22,12 @@ export class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (h(Host, { key: '813fa2ff37c4116616bb1c74af786cf596dc2301', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: 'faaface854b590a790bc1fbf98a9b79adcba3fa7', class: {
+        return (h(Host, { key: 'f1d2c0d7ae41c9b8776ef282d7071ef27a84717f', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '3e4d65377d2627cd3e71d68f772de3ccd024ed0f', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", { key: 'e05dee56ece896025bfe134a6ae5c45e15366232' }))));
+            } }, h("slot", { key: 'cd8684571510bef387f5da513d38e8203dccd104' }))));
     }
     static get is() { return "duet-badge"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js

@@ -42,14 +42,14 @@ export class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (h(Host, { key: 'b6f3e1e75bd42d8d41e89e0f0ddc460735d0d5f7', role: "listitem" }, h("div", { key: 'b331039ab43444323d0376d7a97501edd62bca26', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'dd9a5aa7cb2de0c4fc03d45994ec4f176b9da83b', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), h("a", { key: 'a8e1e00fe3965f650d56054bbe9416cb4a2f96d8', class: {
+        return (h(Host, { key: '18c37fc7d84fbfe09c1eb285e16388ec70e9a307', role: "listitem" }, h("div", { key: 'efc47db8c7eb8f922c361ac9399196a7af3be21d', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '108f30568f7f84babd579658721f1c0448288ebc', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), h("a", { key: 'b03774c0f0d44955355121d6e235882edda6838c', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            h("duet-icon", { key: 'd6bfff88d0862ec2dcf3278067695169a528a6c0', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: 'af6ac987fcfc1b3756a4d8143f2624f54ccec31a', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: '431112825f7667756b9bfb13e641fe290b60f244' })))));
+            h("duet-icon", { key: '085844d9dce555398be1e6889151600d54eb65f7', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: '0746ad63079cbce6f54f7be5b2679a786d711ee0', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: 'd0f45ff3fa075427e14b90ef6eb06ebc1c03ddc7' })))));
     }
     static get is() { return "duet-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js

@@ -53,11 +53,11 @@ export class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: '6005094e7bac41c2a8a29adf8046ca5231d34066' }, h("nav", { key: 'ac2500d659dd3c902963e7af0edd1e6432f2aa3f', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: '4d20f1547e8f5acfe24d4fdd0796467ff5d04a14' }, h("nav", { key: '65d6e31df9eb90f7e27b6855ba4e650541aa9eb0', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: '829e9f818a87449b89d41f32386e08ae6839497b', class: "container" }, h("div", { key: 'd9c34522bc6d2ad205c847e4e8fe95a71a4d3ff9', role: "list", class: "list", style: { color } }, h("slot", { key: '3ee81fac7e560f04536acc9aa13e3b342bdfc2bf' })), h("div", { key: '13b589c5fb63ca7ff2e8d7129a1cc835a2b6f424', class: "bottom-border bottom-border--container" })), h("div", { key: '9fa7fe0d22b33a77ba92f41eaff08fe3f5a739d2', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: 'e4956646791760eb37fc77028654e75792a256e2', class: "container" }, h("div", { key: '9dc16ff656071b0a10317a1b03c92d7b7dd92605', role: "list", class: "list", style: { color } }, h("slot", { key: 'ac9ef52d9eeb061225106b00ee60d7ca2b50dbd2' })), h("div", { key: '747853c441c9c296c4e03aafbe6483dfa31fb7c4', class: "bottom-border bottom-border--container" })), h("div", { key: 'fc9a3ab33eb29633aff8623257c81c49185b9e90', class: "bottom-border bottom-border--nav" }))));
     }
     static get is() { return "duet-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-callout/duet-callout.js

@@ -31,11 +31,11 @@ export class DuetCallout {
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (h(Host, { key: '063480653c78ec3af7af88f78668f46b1cd68344' }, h("div", { key: 'fc589663d377d0ca46888f970824e02d154a62f4', class: {
+        return (h(Host, { key: '534b9127054974a33efcc47a7d689a1e957195a7' }, h("div", { key: 'a3eb6e2b17742b28bbf72d99bb824616fdf197ee', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: '8c2c3b0181f3b62104132bef2a8c6e2a1875012d', class: "container" }, h("duet-icon", { key: 'dbc8bfb4314be5079691951629f3639c3042e23c', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: '7c441757835f32794f60ace1881cc4e0e4a54ee6' }, h("slot", { key: '6fee2ce133ad3d735590e7f9bf740e2aa39ae0ba' })), this.hasAuthorSlot && (h("figcaption", { key: '7f04066eceba4db7584cc676678e012601819204', class: "author" }, h("span", { key: 'f38084061413441a935186b4f4fd75e2048ea8a8' }, "\u2014 "), h("slot", { key: '0512a40598cdb8c637761a05fe0b3b90ed7bf22c', name: "author" })))))));
+            } }, h("figure", { key: 'ddb010bf709a04037d03a9e0864f6a91b061490a', class: "container" }, h("duet-icon", { key: 'b520dbf68afa65865b562c053a06ae7907056260', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: '6c2f2ec722f53f2bebce2d455147b4decad9d243' }, h("slot", { key: '59ce6c30c39155fec448114fd25752585d95c87d' })), this.hasAuthorSlot && (h("figcaption", { key: 'b6599f6f3bff3b855dae865e6b03fc977d161137', class: "author" }, h("span", { key: '57a9fcc581eb85f634819905d57cb52e865ea4a3' }, "\u2014 "), h("slot", { key: '3338c10206046d6a0410c95e69d353e1ce52dd79', name: "author" })))))));
     }
     static get is() { return "duet-callout"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-choice/duet-checkmark.js

@@ -18,11 +18,11 @@ export class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: '7fd977069f6d90e931bc1cc546dd5dcb1b3327a4', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '6248db0eebc16f273f2e09182664e9aff4c8fc69', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: 'b2462908bca83b11023bd66451750e232403dbd7', class: {
+        return (h(Host, { key: '692074bb8ff3765800f6d41465a3597312f4da79', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '345bc0d43dfd9e43ef63fc8154a3f5cf663a284a', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: '9a3d25fabd343baa33ed2bc6477117dabe38445d', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && h("div", { key: '58f1dfa0f6414c0b6e339562a7474d88f6ed593d', class: "duet-checkmark" })))));
+            } }, this.checked && h("div", { key: '0b214dedac8059c30b3cd59abd0623dda52d53bc', class: "duet-checkmark" })))));
     }
     static get is() { return "duet-checkmark"; }
     static get originalStyleUrls() {

package/lib/collection/components/duet-contact-card/duet-contact-card.js

@@ -45,10 +45,10 @@ export class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: '3c9fa25aeb7c045d4b6125136452fbc000e917b0', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '305d81e0a0ca2879b9ae99198f5625aa72d7055a', class: {
+        return (h(Host, { key: '4a436cc9bd108107bc501a7643b2e93f5ac78e5c', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '47581ca62eb607cec4b8d1d37fcf5f18c2678a34', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '097d0fa2b4bcdd11fc20ab44ef4efb0cdee60e64' }, this.name && (h("duet-heading", { key: '2685492ee8f93e0bdfbbcc06069bede6254b95e7', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '3e7ecd91d78612587c26fb59efeba51318ff23fa', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: 'db60baa08a325146189f570058a4eed39719794d', class: "email" }, h("duet-icon", { key: '73f29608b716dba93b17aaf31b35343084bae481', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'aa4a3b2e81e0abe7fbfffae19f728330da02ed94', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '8f357ececb303367c0f9e7a29b08a73e291696f0', class: "phone" }, h("duet-icon", { key: '95623b4884cd04f1ccf7a05dd6e0fdd29ea0efc2', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'debe51d2602cabd67192beb8e2a6b33f42cdc0ae', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '0c53c226300fe7fe2430b096cb755865f239e58b', class: "call-to-action" }, h("duet-button", { key: '59badc81218dbc05a54b0447d1487468cabe8024', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: 'e08bd939ffbeb843e958c046566bba918fdf1f01' }), h("slot", { key: '5e6b4e8be69e1b5fd6babd5d616e3d3cbaa78138' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '2146916a772d049a0a2c338e573c436cc799369c' }, this.name && (h("duet-heading", { key: '1883776b3095e2f5aa9c173a96e7822d1c938f0e', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '92b78c88c8e2d892719502f7d2505ed7449da8d3', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '833f2c34ebcdce0e5233f80d6d01a5d9db13aadc', class: "email" }, h("duet-icon", { key: '41310926f4b326de7de44f4a7346905386f80254', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '9ce96e8d1f5f73496c3b8e3d3c7d99e2de741c3e', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '7b184f7a81d165ad37c66a6075d3b1698de6264c', class: "phone" }, h("duet-icon", { key: 'b973fbdcdd02bea91e9adce6b2d94b7122f730fc', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '4ba2b90db91a2217590ce7bc5f70846dc87e9856', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: 'a292f1045430c6eeac2ec61eae9722c6ffe41f4b', class: "call-to-action" }, h("duet-button", { key: '103fa46548191a207bcfa65a32e426b62c3c4e4a', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: 'b02b1c4afca5fb77e9fd389b64f1f853433bc52f' }), h("slot", { key: '02bae65fb19132f6a49d7dc156e660e042385fc3' }))));
     }
     static get is() { return "duet-contact-card"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-fieldset/duet-fieldset.js

@@ -39,20 +39,20 @@ export class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4b7d0d8326673fbc6e1e7c775e7fa4ee12d1bf33', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '24c00f00cb4bc4d9e765732e9aca337f8081e523', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: '796efaecbe6ebd2dd9ca28bd48a7c0ca625171fe', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '637226c8d070993fade17dc1cb44e8db6c070d43', "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: '25cc5a4565627e7253cf51ddd8387242901e5291', id: this.labelId }, h(this.labelHeadingLevel, { key: 'b6fbd1a1aec1d5417c0402ca6e620989a214243d' }, this.label), this.caption && h("span", { key: '8f2d3a785504eff5b08dacdd91f7563ea8d23556' }, this.caption)), h("div", { key: '321ba668ccd5893bacfc4504144fe72afb9d7423', class: {
+            } }, h("legend", { key: 'a49cbefbe852732e4b2b4326acd0a462d90106a6', id: this.labelId }, h(this.labelHeadingLevel, { key: 'f5f1518e027266a0e2d584fa1a6b4376f5db78e7' }, this.label), this.caption && h("span", { key: 'cb39f09028e0dd245b2df28580493b6de584ed3c' }, this.caption)), h("div", { key: '06d122ad9ce4c683b3eabfba9fb75db65a098eb1', 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: '829ebed3b5303fc9745a4188341bc0f3265ab43c', class: "duet-fieldset-label" }, h("span", { key: '8b510fdf1f3986a02a9c0bf8d68af86958d74d7c', "aria-hidden": "true" }, this.label), h("slot", { key: '7cb0efc0b6f5790887cd1d1f971738d0050d03fc', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '60587899d57d4c56f83f2cc0419eed5e5d74fbc9', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '503211941d2c58bb3b7b84c5c4dfa587b01f2ae5', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: 'b37c634b0db76801085598ab9b9e2b06321448f3' }), h("span", { key: 'eb6c9de533eb068ef21e322df6d8e5f30ac75e07', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'ed99f6a92ade89c6e1f971dc4aa03985e3d87d57' }, this.error)))));
+            } }, h("div", { key: '8f82b4f9980bf6681e5fee90a4b781e65e23f2b0', class: "duet-fieldset-label" }, h("span", { key: 'eae1f845e20acf1b968997393e62ad8ccd3b0cc8', "aria-hidden": "true" }, this.label), h("slot", { key: '7148e9ad377dce9d87116e9ece609df2173f3331', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '948abdedb43e0de5a965d4f03d21dbb7c138b55c', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '94a4ac15cefd5f8dc70f52ba257b448f9ca3c74a', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '287a9d3649d0d24ae4bca3aa44009947ea3758fe' }), h("span", { key: '2b4acb42a4e06002428b01c170a5a003dfe3654b', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '93e6611df1d44a5a657e69ac71402366aa7d82cd' }, this.error)))));
     }
     static get is() { return "duet-fieldset"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-header/duet-header.css

@@ -229,15 +229,12 @@
   opacity: 1;
   transform: translateY(0);
 }
-.duet-header-items .extra-bottom-padding,
-.duet-header-bottom-utils .extra-bottom-padding,
-.duet-header-utils .extra-bottom-padding {
-  padding-bottom: 188px;
+
+.extra-bottom-margin {
+  margin-bottom: 188px;
 }
 @media (min-width: 62em) {
-  .duet-header-items .extra-bottom-padding,
-  .duet-header-bottom-utils .extra-bottom-padding,
-  .duet-header-utils .extra-bottom-padding {
+  .extra-bottom-margin {
     display: none;
   }
 }

package/lib/collection/components/duet-header/duet-header.js

@@ -497,7 +497,7 @@ export class DuetHeader {
                                 "duet-header-item": true,
                                 active: thirdLevelItem.active === true,
                             }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), onMouseEnter: event => this.emitDuetEvent(event, thirdLevelItem), onTouchStart: event => this.emitDuetEvent(event, thirdLevelItem), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (h("div", { class: "duet-header-icon" }, h("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), h("span", null, thirdLevelItem.label), thirdLevelItem.badge && h("div", { class: "duet-header-badge" })))))));
-                }))))), h("div", { class: "duet-header-bottom-utils" }, h("slot", { name: "utility" })), h("div", { class: "duet-header-utils" }, !itemsHaveSubItems && contactDropdown(), languageDropdown(), !itemsHaveSubItems && (h(Fragment, null, processedUserWithLink(), processedUserWithoutLink())), processedSearch(), processedSession(), h("div", { class: { "extra-bottom-padding": true } }))))));
+                }))))), h("div", { class: "duet-header-bottom-utils" }, h("slot", { name: "utility" })), h("div", { class: "duet-header-utils" }, !itemsHaveSubItems && contactDropdown(), languageDropdown(), !itemsHaveSubItems && (h(Fragment, null, processedUserWithLink(), processedUserWithoutLink())), processedSearch(), processedSession()), h("div", { class: { "extra-bottom-margin": true } })))));
         // multi level variation
         if (itemsHaveSubItems) {
             const activeSegment = this.processedItems.find(item => item.active);

package/lib/collection/components/duet-hero/duet-hero.css

@@ -840,6 +840,11 @@
     width: 50%;
   }
 }
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text {
+    width: 47%;
+  }
+}
 .duet-hero.duet-hero-product .duet-hero-wrapper.narrow {
   max-width: 888px;
 }

package/lib/collection/components/duet-icon/duet-icon.js

@@ -97,11 +97,11 @@ export class DuetIcon {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (h(Host, { key: '56b942a1ac469f7ccd921c88b0824a31f43192f7', class: {
+        return (h(Host, { key: '036bd71920292b0eb364007a8d38b01a01e07ce3', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, h("span", { key: '0c151b14def0111c53d55b2af24a8484211dfc8a', "aria-hidden": "true", style: styles, class: {
+            } }, h("span", { key: '2959987408354e2be6c726b2d66087479c0651f0', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -110,7 +110,7 @@ export class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, h("span", { key: '971aea6375e7dda9fbef44d886a032c9214e09a5', "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: 'e75af917059142d7f015109e7224fba0cc2e18b3', "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 }))));
     }
     static get is() { return "duet-icon"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-layout/duet-layout.css

@@ -11,6 +11,23 @@
   appearance: none;
 }
 
+::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 {
   box-sizing: border-box;
   padding: 0;
@@ -41,6 +58,9 @@
     padding: 56px !important;
   }
 }
+:host(.duet-middle) .heading-wrapper {
+  padding: 0 !important;
+}
 
 :host(.duet-ie) {
   height: 100%;

package/lib/collection/components/duet-layout/duet-layout.js

@@ -5,6 +5,7 @@ import { h, Host } from "@stencil/core";
 import isInternetExplorer from "../../utils/is-internet-explorer";
 /**
  * @slot main - The layout component’s primary content. Use this for the main content on the page.
+ * @slot page-heading - The layout component’s page heading content. Use this if you want to have heading inside main landmark.
  * @slot sidebar - The layout component’s sidebar content. Use this for content that is related to the content in the main slot.
  * @slot top - This is a full-width content area above the main and sidebar slots. Could be used to show for example alert messages.
  */
@@ -15,6 +16,7 @@ export class DuetLayout {
          */
         this.hasSidebar = false;
         this.hasTop = false;
+        this.hasPageHeading = false;
         this.sticky = false;
         this.margin = "auto";
         this.stickyDistance = "with-links";
@@ -29,6 +31,7 @@ export class DuetLayout {
     componentWillLoad() {
         this.hasSidebar = !!this.element.querySelector("[slot='sidebar']");
         this.hasTop = !!this.element.querySelector("[slot='top']");
+        this.hasPageHeading = !!this.element.querySelector("[slot='page-heading']");
         if (!this.element.querySelector("[slot='main']")) {
             console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.");
         }
@@ -38,26 +41,26 @@ export class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '0647cb148ef8d6e27dfc8733854bdece644a2f11', class: {
+        return (h(Host, { key: 'd7002353acb1bf62a3881852a8224c893da5c029', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, this.hasTop && (h("div", { key: '93b8d11681cdcd0e063e08f62f3e8d9c4682ef69', class: {
+            } }, this.hasTop && (h("div", { key: '09ca28f93b730e8b95e76e7bb83f4561312eb0ab', class: {
                 "duet-layout-top": true,
                 "duet-m-0": this.margin === "none",
                 "duet-center": this.center,
-            } }, h("div", { key: 'acf886364c56f0ac0a979a680ebe9a3548f15b5f', class: "duet-layout-top-wrapper" }, h("slot", { key: '8c3ecc05c8ecfe7485e44fb30c9b3edea98acf3e', name: "top" })))), h("div", { key: 'f3f54254dc431cc83eea2e7a1d7f208f28bda58e', class: {
+            } }, h("div", { key: 'fe4e537e589205f6a1c024605356ea3d0396164f', class: "duet-layout-top-wrapper" }, h("slot", { key: 'd9495c85dcda3042c1f783d4c6b3435690d57d5c', name: "top" })))), h("div", { key: '3733c28fc043441b5ceb782c9035312bf5ef718d', class: {
                 "duet-layout": true,
                 "duet-layout-has-top": this.hasTop,
                 "has-sidebar": this.hasSidebar,
                 "duet-m-0": this.margin === "none",
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("main", { key: 'b676f67b4cd446ca21d9ba571715a1591ccbb6af', class: "duet-main" }, h("slot", { key: 'efeb3b727f88ac03a86630677877b2f4a3df5544', name: "main" })), this.hasSidebar && (h("aside", { key: '0e327c7aab74483c878fe944e9a186932400a1cb', class: "duet-sidebar" }, h("div", { key: '0bbda350b036b27ddf5dca11635fd8022eed54a8', class: {
+            } }, h("main", { key: 'cc3d3a4f6c7a5cfc7375430ab0920f8ef0e9adc3', class: "duet-main" }, this.hasPageHeading && h("slot", { key: '8ae7d75fc38bd7b60aa9cab63e0aaa68e7007685', name: "page-heading" }), h("slot", { key: '46db410f500910c52f95766dd82bb40426450006', name: "main" })), this.hasSidebar && (h("aside", { key: '6447d8390b3915d02d47ead19852278ed2371ae3', class: "duet-sidebar" }, h("div", { key: '0841703c5f1ce1a549ff865f45adfff33f826fee', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, h("slot", { key: '3527bcf06aeff1bb118f6f5901807a694439b688', name: "sidebar" })))))));
+            } }, h("slot", { key: '1e131d9c0fc743fec8aeb42a68df278a718b80a0', name: "sidebar" })))))));
     }
     static get is() { return "duet-layout"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-link/duet-link.js

@@ -99,7 +99,7 @@ export class DuetLink {
         if (this.accessibleLabel) {
             return this.accessibleLabel;
         }
-        if (!!this.download && this.element.textContent) {
+        if ((!!this.download || this.download === "") && this.element.textContent) {
             return `${this.element.textContent}. ${this.accessibleLabelDownload}.`;
         }
         if (this.external && this.element.textContent) {
@@ -144,10 +144,10 @@ export class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: 'e36e1eeaa70e3b27fdd7bedc29d5cc1eefd6bee4', class: {
+        return (h(Host, { key: '38d90e4467279d94a029c7ce5fdaf9fa3590d5ae', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: '67c80605b613db0d14289361318d4bfe090beca6', href: this.url, class: {
+            } }, h(Tag, { key: '5b1b7b691a3d66382b593a07fd47b3072fcd12fb', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,