@duetds/components 10.3.0 → 10.3.1

package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css

@@ -62,7 +62,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-slideout-panel .link:focus, .duet-slideout-panel .link:focus.duet-theme-turva, .duet-theme-turva .duet-slideout-panel .link:focus, .duet-slideout-panel .link:focus.duet-theme-turva {
+.duet-theme-turva .duet-slideout-panel .link:focus, .duet-slideout-panel .link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -162,9 +162,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-slideout-panel .top .back:focus, .duet-slideout-panel .top .back:focus.duet-theme-turva, .duet-theme-turva .duet-slideout-panel .top .back:focus, .duet-slideout-panel .top .back:focus.duet-theme-turva,
-.duet-theme-turva .duet-slideout-panel .top .close:focus,
-.duet-slideout-panel .top .close:focus.duet-theme-turva,
+.duet-theme-turva .duet-slideout-panel .top .back:focus, .duet-slideout-panel .top .back:focus.duet-theme-turva,
 .duet-theme-turva .duet-slideout-panel .top .close:focus,
 .duet-slideout-panel .top .close:focus.duet-theme-turva {
   outline: 2px solid;

package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js

@@ -174,25 +174,25 @@ export class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (h(Host, { key: '8136756acde9cd9a5038e49c14049295ef2a50ee' }, h("div", { key: 'bd5e9a275c149b6a52172d9349fefb6aef42282e', class: {
+        return (h(Host, { key: 'b7ca9da2d68d44f8c144355d8b42e9b822129768' }, h("div", { key: '1cd22b150660a032f6307460a5394f9bdd2f8356', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, this.badge && h("duet-indicator", { key: '240033e4afa0a5e32dc708eceee5cd3c35fad16f', variation: "change" }), h("button", { key: '2fcac219bc058445a3f744e99beb1ce8d1be7c27', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, this.badge && h("duet-indicator", { key: '6343757ff3eee8a8c6965b4709958f65b784876c', variation: "change" }), h("button", { key: '9c9deae0fcf64337dcf2a5ffc10b90cd1805f726', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: '9a7ea3d7682510b7a94c7e7bfff417dabfd833b0', class: "duet-slideout-icon" }, h("duet-icon", { key: '29e67edcad14dd8f20f1a0a319bdbe3bba7d0495', name: this.icon, size: "small", margin: "none", color: "secondary" }))), h("span", { key: '02d2e2107083535c6bf1d2b89c92681ed0ff5257', class: "label" }, h("span", { key: 'ce6a1f30ee04677c584d98a228d0302f0b02c0f8', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'd7c645fa7153a803b3e63b3614ec65ff1cb775dd', name: "label" })), h("duet-icon", { key: 'fc24304d004fc06d1f44d6611555af3aa57b91f0', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '893f838b0476b45a35c5c5df009ea25be382748f', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: 'e713cc239aaee89e8e57d2d0fbd5f5c03f75a932', class: "duet-slideout-icon" }, h("duet-icon", { key: '647a923e7b9a57135779172c56a9ce3f4784eca5', name: this.icon, size: "small", margin: "none", color: "secondary" }))), h("span", { key: '0efd846db68b6ddec41deb3b98e95b578f600c9b', class: "label" }, h("span", { key: '35be3389257b208d50bfc51d9aed16149d01a927', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'cc261654761ea7dce912746e520042d05c534fc8', name: "label" })), h("duet-icon", { key: '634184d119a894c2eda07e6c474d058e125f6257', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: 'adc63cfa083c247dfb0053c0628a34036bb1c6cc', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: '75cd1ca13074e4edf114d7e016b30e77503f6766', moveFocusTo: this.closeButton }), h("div", { key: '53f51c39c3e701be9b0fc9f402507a1315669820', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '08f9a0174b2a902a46f6f8a722783740e2c03f01', class: "top" }, h("button", { key: '70ec35736850d5740cf7940e1195202266ba64b3', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: 'c2f8a9ba339619c3c0f17e925e43ac421da03fde', moveFocusTo: this.closeButton }), h("div", { key: 'ea23a8d999173132d21ef23e83835c89b892ec9e', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '883f2a295c1e8450973a2c69f533fba8352c6b5b', class: "top" }, h("button", { key: '5d51c88ad14f8e0cd711e653378ac9901ad9334b', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
                 back: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick }, h("duet-icon", { key: '8fd080b3ddde0fcc9edc8e3b65c71f038e9a641b', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '6c5bf9eee61b85d3b334a3b76f8568a91f3ede8a' }, this.label.innerHTML), h("button", { key: '3de010c98fc4a25b160f0bb321652db95372b529', class: { close: true, "duet-theme-turva": this.theme === "turva" }, type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '3d98d30425ce462e8d14ffa07cb631c452bdbf36', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '9714f189c3e45aa70201006fee01f0daab33acc8', class: "sticky-header" }, h("slot", { key: 'bda41ebde4391bdce90a2d9c3c9c2b3f59a484b1', name: "sticky-header" }))), h("div", { key: '7c97e9932da1cfbca0d045f7744d64a697c6849e', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, h("duet-icon", { key: 'da662ca8ebf14ed3a2d4157ff900884a111fa52a', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: 'd3faed89bc59ca1c0ba2623e7a8e162bdaa4e326' }, this.label.innerHTML), h("button", { key: 'b90b5a03a91f92b65f1b06f9fea40fcbfff799b5', class: { close: true, "duet-theme-turva": this.theme === "turva" }, type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: 'fe6676540e447c796bb2b38cc704a5a753a48e0b', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '8b1965807e40adc74947c170d8ad50172829f4da', class: "sticky-header" }, h("slot", { key: 'a51428e89962c2e10cf96ab92f462df6c20b05f2', name: "sticky-header" }))), h("div", { key: '4e4f74bac3d36949a9fd193ee9989c2ba757468b', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: '760f770c9b134fddb61954aa9bda6d2f7c1ec3d5' })), h(FocusGuard, { key: '0f423c9da48756f6e1f7be813e8a9e948e650293', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: 'dab429efe653f73142b8cd615311c5a8953c6343' })), h(FocusGuard, { key: '70c7027c0f655e46753addde7928facb096b0481', moveFocusTo: this.closeButton })))));
     }
     static get is() { return "duet-slideout-panel"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css

@@ -64,7 +64,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-slideout-panel-dropdown button:focus, .duet-slideout-panel-dropdown button:focus.duet-theme-turva, .duet-theme-turva .duet-slideout-panel-dropdown button:focus, .duet-slideout-panel-dropdown button:focus.duet-theme-turva {
+.duet-theme-turva .duet-slideout-panel-dropdown button:focus, .duet-slideout-panel-dropdown button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js

@@ -52,18 +52,18 @@ export class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'c07d09acdc3ae629d1ade84a8f38ba5a4400c93c' }, h("div", { key: '5c460268ab843fd63034f39baaabb0217610742e', class: {
+        return (h(Host, { key: 'bc86e96a57db15bb14d665edb554ef6372633c1e' }, h("div", { key: '210b0bc2779a333ea5da5d9aa80f52ff94e31bab', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: 'fda35d3ebe560638a7684ff895a1a07fae2795dc', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: 'ec70dde7f96e71aebf294a8effe5c86887e6579a', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 active: this.active,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: 'adbef98fc7e1c01c4db93fc890adca55a968c3ed', name: this.icon, size: "small", margin: "none", color: "secondary" }), h("span", { key: '9a9e035c35cfc2bd40ca504dfb755db6598072ab', class: "label" }, h("slot", { key: '69b970d13d166d320f423480e93e721a8ca0791a', name: "label" }), h("duet-icon", { key: '48e456eb714c1f276c30d1830c4335a2c78b7674', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'bb3730e96c82aab35530c476c78880b73ac4c2c2', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: 'c2e90527626b6f3206a3e4d1cfeefad2f51aaea8', name: this.icon, size: "small", margin: "none", color: "secondary" }), h("span", { key: 'd746147d5a9a5740daa2c4418394e5dca3d28f00', class: "label" }, h("slot", { key: 'b28cd31ec212453b5548759a5b882c64b9b04b9d', name: "label" }), h("duet-icon", { key: 'f53de55018fb41696fd32f55b6a365bcb8c4fae9', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '5fe02a87f042543eeb9c978ca3aedb2e973547f8', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", { key: '206ff67b3dab6d9e5b35814a26e572bca137b925' })))));
+            } }, h("slot", { key: '277a15c1a43715a4562f4e99e644972ade293982' })))));
     }
     static get is() { return "duet-slideout-panel-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '7fc6e73749913f00710655bd9f3245417e7ea2d4', class: {
+        return (h(Host, { key: 'c528bde6cb4834c7b89630a87a1d9add5438473b', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",

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

@@ -25,7 +25,7 @@ export class DuetSpinner {
      */
     render() {
         const color = !!this.color && this.color === "currentColor" ? "currentColor" : getColorByName(this.color, this.theme);
-        return (h(Host, { key: '8c58d59273d8cdf92c3e9bceea4cbdff5a5a4c59' }, h("div", { key: 'f98223ba97758e4c0dbdb41aa0ad61100135e634', class: {
+        return (h(Host, { key: 'ec9e97fce056ea29ab963b3dc0acbf65ef74858b' }, h("div", { key: 'bb244cf728a5ea38b7f65d486e141d314d4b79f5', class: {
                 "duet-spinner": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",

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

@@ -85,10 +85,10 @@ export class DuetStatusIcon {
         }
     }
     render() {
-        return (h(Host, { key: 'c53538070bb94c61a824cce9bf5065ce69ea989a', class: {
+        return (h(Host, { key: 'f2af4364319cd502dff5e2f28bc872efc3baa29c', class: {
                 [`duet-status-icon-${this.getVariation()}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, h("duet-icon", { key: 'ebd3f5b5c3ef995cb598ee4f9072891594e8c069', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, h("duet-icon", { key: 'eb4692810e48c350dbd8fc15e0de0825f5f9a700', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
     static get is() { return "duet-status-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,7 +67,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-step-heading:focus, :host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-step-heading:focus, :host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva {
+.duet-theme-turva :host(.user-is-tabbing) .duet-step-heading:focus, :host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-step-heading[aria-disabled=false] {

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

@@ -93,13 +93,13 @@ export class DuetStep {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '05fe55382b606ac6290eac4c1d367be79867e1c0', class: {
+        return (h("div", { key: '402b9ef15bf57d82500a6023c38c8b66a110cbb3', class: {
                 "duet-step": true,
                 [`is-${this.state}`]: true,
                 "rounded-top": this.roundedTop,
                 "rounded-bottom": this.roundedBottom,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("div", { key: 'd91175b1d04f510980579ab816591f4fbe06443a', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, h("div", { key: '36fa6274fd3778ffdf06930c3e2bfec351f98deb', "aria-hidden": "true" }, h("div", { key: '466172a0a1a89a812a3662dba416b698525bf90d', class: "duet-step-counter" }, this.renderStepCounter())), h("duet-spacer", { key: '32c65b333bf51ecbfc5f07111ed48dcc42d38fcc', direction: "horizontal", size: "large", breakpoint: "small" }), h("duet-spacer", { key: 'af1fcbed9aaf4ae897bbdb1bb5922539136ef824', direction: "horizontal", size: "medium", breakpoint: "x-small" }), h("div", { key: '17f37ca23ca6d1f693a69e5ba6dfb1825278dca3' }, h("duet-heading", { key: 'af962b921e329b246fb520dce97bf598584fc984', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), h("duet-spacer", { key: 'f5b5926af5fc39dc2c4b9bf556ce4de203ad4a26', direction: "horizontal", size: "large" }), h("div", { key: 'c61808d6e02af405b0d33d5c026bb75118031ada', class: "duet-step-heading-slot" }, h("slot", { key: 'fcd25f6d9fdfd9791eb947942099fb1fbab6e2bc', name: "heading-content" }))), h("div", { key: '15725f6b9d35795e4ab8cf7d1f1fd317983a5eed', class: "duet-step-content-wrapper" }, h("div", { key: 'ddef3d8cb491c9712bd6be806e7d16059e2ae8e3', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, h("slot", { key: 'b773ce9a9b621ada546d3bc6af85cd3b6271e662' })))));
+            } }, h("div", { key: '5a662389bfc0190eee39c36e887c87b6a6e1c9a7', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, h("div", { key: 'ee1ed37d30f81e67d0225f48b05bc943260b7fc6', "aria-hidden": "true" }, h("div", { key: 'fd82b877aeec047f0252cd67ac75a645ce25ae87', class: "duet-step-counter" }, this.renderStepCounter())), h("duet-spacer", { key: '2cd749ec01d7ff96e3f8314ea5a8302c5308786b', direction: "horizontal", size: "large", breakpoint: "small" }), h("duet-spacer", { key: '9753159df4b338e209f10696a3a3d35511182dc0', direction: "horizontal", size: "medium", breakpoint: "x-small" }), h("div", { key: '4f3478927a7fc558bab501572005326a74557f42' }, h("duet-heading", { key: '0e19fa8804cb73f223d5aa2c8b0418ce3f1ff43a', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), h("duet-spacer", { key: '250acd88c2ac6875d48595725534ef3d67fd3e65', direction: "horizontal", size: "large" }), h("div", { key: '00459e0dda57b0b45765c55536a12387c1b6dd05', class: "duet-step-heading-slot" }, h("slot", { key: '4ce1521d0945fe88517baeff6cad9eeebb8b84ec', name: "heading-content" }))), h("div", { key: 'bb20b48bd02201119e0e19e7601c3e6548268fe7', class: "duet-step-content-wrapper" }, h("div", { key: '010c7d8b6c1bd587e6eb010ab392419a44ff2bea', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, h("slot", { key: '7cc7227663f61830eee19abcce032944845f3543' })))));
     }
     static get is() { return "duet-step"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,7 +118,7 @@ export class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '84ea9dd11aea73c62494d4002383477935446fca', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'b86ccce71eb2f2ebda8642834800e4c2396c1e12', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'a50b805e73ee6d83464b8b14e6facaa48b2f50bf', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'bc720b6fd6ba51b646f3e8222a5572017472bd5c' }))));
+        return (h(Host, { key: 'ef1f504037c4920540f46a3f9982168761e2a466', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '9278a6186eec68f71f7b7c9273fa030516a819e4', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: '47c61ae2f74abc8863c8494c4c751d8adecb325e', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'abb85008b953631b77cbb55903dc0b428b922c2c' }))));
     }
     static get is() { return "duet-stepper"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css

@@ -68,7 +68,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar button:focus, .duet-submenu-bar button:focus.duet-theme-turva, .duet-theme-turva .duet-submenu-bar button:focus, .duet-submenu-bar button:focus.duet-theme-turva {
+.duet-theme-turva .duet-submenu-bar button:focus, .duet-submenu-bar button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);

package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js

@@ -131,19 +131,19 @@ export class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '5a7dfd7977d5260ecaa751065ffd668bccf7f734' }, h("nav", { key: '8d374c6513e8ec3bb63948dffac4cd9b65eab3d9', class: {
+        return (h(Host, { key: 'f7a1424b603111719ad2b1c8a4bdcc2411b3a081' }, h("nav", { key: 'cc3405015c8f8db4a147ce964e700bc6cd7fc5ad', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: 'd72fd8118d008647c0fc1bafc797d7d7e9670676', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: 'f7418635c9233de3149eb7187c5c28581ffc0ddb', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick }, h("span", { key: '7dbd3343077f3e63a20b441f0e6015358da502b4', class: "label" }, h("slot", { key: 'a0a0ae66d22fd5737949ad3094661f172b6c0391', name: "label" }), h("duet-icon", { key: '47c4c4e42e0a8ebd3565627cd0e1982457104ca3', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '5986a2c225e9f40da81943d5daefc079756f2370', class: {
+            }, onClick: this.onClick }, h("span", { key: '11d96b23752b2bfb2f66b4571bb1bd786a63fd04', class: "label" }, h("slot", { key: 'd4fded0c5ec69fc717560d4c26fd8dd52797c3c3', name: "label" }), h("duet-icon", { key: '1bb8ebe20730cde32574b267fa04b2c2d17a5ff7', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '633cdee4191cf6c0fe11cdb2f93ca8c1ca59f8da', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: 'd8afab7eb5149ac0bebeff39ab93d36d15c499fe', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
+            }, role: "presentation" }, h("div", { key: '861548f8913d74bc3f24b2410a72ad15dbd7f587', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
                 items: true,
                 hidden: !this.open,
-            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '83ca8fda96f8d9b05fb0ea84d0aa52dbb4183063', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: 'a71c59db97c47144dc7366c1adbd416d2ac6aae9' }), h("div", { key: '026076d8b73e6af5d46a7f7367de6d4395e34519', class: "list-padding" }))), h("duet-overlay", { key: 'd09747b12a70aefae2789f86380646779a1cc605', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '710a4f3c358154beec6b8147be4af31e0a4aba63', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '741903389bbbbfba594fd771d9717cf5cf078f6b' }), h("div", { key: 'bab1f798a808dbd4912e74be3319000a8a7409e4', class: "list-padding" }))), h("duet-overlay", { key: '5e36e837ff3020fb08c9df56004e3816065b31ee', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     static get is() { return "duet-submenu-bar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.css

@@ -57,7 +57,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-dropdown button:focus, .duet-submenu-bar-dropdown button:focus.duet-theme-turva, .duet-theme-turva .duet-submenu-bar-dropdown button:focus, .duet-submenu-bar-dropdown button:focus.duet-theme-turva {
+.duet-theme-turva .duet-submenu-bar-dropdown button:focus, .duet-submenu-bar-dropdown button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);

package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js

@@ -108,18 +108,18 @@ export class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'cc7d79d1a2e5e6de18bd62fb408ec474400eff7b', role: "listitem" }, h("div", { key: 'db0d71f4aa6a38e0e130bf2f069ac58c08d09055', class: {
+        return (h(Host, { key: '1f7a8c55ce1e51e82a3689480c19cc1251290d98', role: "listitem" }, h("div", { key: '7abfa84100114bdcb753454bd89351dbcdc88213', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: '8ba0bded589cc4040510538e86b311879ab78cf8', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '8d3069e56fb9e3f17bb4d2171c6bf51939636160', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 open: this.open,
                 active: this.active,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '479134abefc9407012dc7d960da64a2a00849859', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '5d7eabf7611e552d4b0a4b4f45af47528f45ae6f', class: "label" }, h("span", { key: '1067624e6d8997fe6d70ba84e2020160d547c98f', class: "label-text" }, h("slot", { key: 'd1c5e91511f07355f95cdf0908476bb208e8356e', name: "label" })), h("duet-icon", { key: 'ea41a4b8f9cd0e5307e74b517bf264b65eaf4a0f', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '7090489ee9527a38506ae8623fcd48b337ddd7a8', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '23659097e23b1b8b6cc66c130efc4cef0fdab84e', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '73b4d7cb0dd0ab9126819bfb6efbe4c40dccedca', class: "label" }, h("span", { key: '87d378945d46f26dce82b517fb42f396e7df5851', class: "label-text" }, h("slot", { key: 'f439f973c8ce98419368730c77bc3bda1a2472cc', name: "label" })), h("duet-icon", { key: '2dda29cbf50739e0866d548c7a9278d67411f412', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '2a9790a190e4138942625f10f82a6b94326a2ebd', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '2d0d943f66b0238ed10f3c1ebcea5ab6bbceb301' })))));
+            } }, h("slot", { key: 'ad75bd23dd9f44bff12f360a43871991bf3ce653' })))));
     }
     static get is() { return "duet-submenu-bar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.css

@@ -45,7 +45,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-dropdown-link:focus, .duet-submenu-bar-dropdown-link:focus.duet-theme-turva, .duet-theme-turva .duet-submenu-bar-dropdown-link:focus, .duet-submenu-bar-dropdown-link:focus.duet-theme-turva {
+.duet-theme-turva .duet-submenu-bar-dropdown-link:focus, .duet-submenu-bar-dropdown-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);

package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js

@@ -49,12 +49,12 @@ export class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '661c76d380b6989bfee3c31e1a0858cda9a873ce' }, h("a", { key: '02cadfcabf30ae87b3d2c038841280afd52b763f', class: {
+        return (h(Host, { key: 'cf39c11edeabc413beb507824669b8643dc9483d' }, h("a", { key: '291903d9b4ed68200261fd220c91810743b7216b', class: {
                 "duet-submenu-bar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 highlight: this.highlight,
                 active: this.active,
-            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '653820943c52d861da92a41cc0bed59e78969b80', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '9e622d1fbbb2d0649da74a2a4945582eb9d72eb1', class: "label-container" }, h("span", { key: '78634234c76e9d17e61ed0e7ad88c1035b340dc4', class: "label" }, h("slot", { key: 'e8eec7289cffbb54eae6ddbebdb4d2a2ce6a634d' })), this.caret && h("duet-icon", { key: 'c0d7df05f2f827dea7bf50ee93b49c6fca66c1e9', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '572888355bf490d4a5ddf095592e116e9d1c05ae', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '1692f9ab28f6ff8f511c16b70114b8f3c09601df', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: 'e18089da6ed52e191fee80b2019ebda73a9e9afd', class: "label-container" }, h("span", { key: 'c2cf40700298a1cca291de75837dc160bf717660', class: "label" }, h("slot", { key: 'f3759d26e0aa969a2307c588b5bd45ac719a5acd' })), this.caret && h("duet-icon", { key: '5db240602e615080a1f7c39c78bbfe5825aad01b', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '9ba464ebfea65521317485870f9f9423d3e5ca02', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-submenu-bar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.css

@@ -53,7 +53,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-item:focus, .duet-submenu-bar-item:focus.duet-theme-turva, .duet-theme-turva .duet-submenu-bar-item:focus, .duet-submenu-bar-item:focus.duet-theme-turva {
+.duet-theme-turva .duet-submenu-bar-item:focus, .duet-submenu-bar-item:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);

package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js

@@ -80,7 +80,7 @@ export class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: '7ee97d49c78004d4ae845e940fb03e6e1ee75bd7', role: "listitem" }, h(TagName, { key: 'dcc4541376b094f3eec8ce84465cdd2c77978bf8', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '74e7c4f39e27a8c9030d02bf33f50ded7220f588', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'ab00e171bc83993c2580c25bbdfa3b77ea58ee89', class: "label" }, h("span", { key: '0cb9766ca34e699f99c1ec699ce0a7d9be8fb0ad', class: "label-text" }, h("slot", { key: '1e7f21511c1dbfb21780b7828397ddb3564c96e5' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '698c894c3987de2c8c645234e25f600ecf33d8c2', class: {
+        return (h(Host, { key: '735cb5e8a3625bfe6e53685487cbdcad30174387', role: "listitem" }, h(TagName, { key: 'a1adc91fe24f839dc5b7d07a10c33ba4d68a7cbb', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '5a06f21d4ca339c5869d764fff0857cfbbe34145', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '65c8858c5b3842e6d2a4cb5ce4760d7ace3b9b52', class: "label" }, h("span", { key: 'ffec01ed19cbd0dc1d819901d5988a819120a444', class: "label-text" }, h("slot", { key: 'f7380688b2e9d1eb11de668f77a7b7a77e46d124' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '5117739fbacf4bb87663bb107342da775b492d21', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.css

@@ -50,7 +50,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-link:focus, .duet-submenu-bar-link:focus.duet-theme-turva, .duet-theme-turva .duet-submenu-bar-link:focus, .duet-submenu-bar-link:focus.duet-theme-turva {
+.duet-theme-turva .duet-submenu-bar-link:focus, .duet-submenu-bar-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);

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

@@ -41,7 +41,7 @@ export class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fb8760077be9d8402a747e67fa3f5589c35b1586', role: "listitem" }, h("a", { key: '5b77c9c31a719059b2df6183dd09f0fbb174dde4', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: 'd47cacb2b609f6fb89d4955932aa460a13a70e0e', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '962bab30d15d749df6d2823daafba59488fc92df', class: "label" }, h("slot", { key: '57541fbb4f923bbb1fdd6efbe05cddb72f63a147' })))));
+        return (h(Host, { key: 'aa10443ecaf64baafaf3256739019432edfdfce3', role: "listitem" }, h("a", { key: 'fe2b14d1ae499d49f717085e29ff27af3ea7009b', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: '44cf3738a413e100b1dc5bd2a3722081b6e9baed', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '23ccdc13d96b626e45b78e5122bbb54840bb2281', class: "label" }, h("slot", { key: '4b0bf13253c816e7774765b1223592583f4509b0' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-tab:focus, :host(.user-is-tabbing) .duet-tab:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-tab:focus, :host(.user-is-tabbing) .duet-tab:focus.duet-theme-turva {
+.duet-theme-turva :host(.user-is-tabbing) .duet-tab:focus, :host(.user-is-tabbing) .duet-tab:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-tab.selected {

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

@@ -110,7 +110,7 @@ export class DuetTab {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '414606a9161016ce42050bb4d736547d611db39b', ref: element => {
+        return (h("div", { key: '6c6bd7f4b90785a517f5ffaa206a1cf5bb8be020', ref: element => {
                 if (!this.contentId) {
                     this.tabpanelElement = element;
                 }
@@ -119,7 +119,7 @@ export class DuetTab {
                 "duet-tab": true,
                 selected: this.selected,
                 "has-content-id": !!this.contentId,
-            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: '743f5b9f0b1487dd9a7abbf01fb41b5bd9f0782c' })));
+            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: 'c68e037d36ea1953da46c6c914c77e38b1f2151b' })));
     }
     static get is() { return "duet-tab"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tab-group/duet-tab-group.css

@@ -196,7 +196,7 @@
   outline-offset: 0;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-tab-button:focus, :host(.user-is-tabbing) .duet-tab-button:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-tab-button:focus, :host(.user-is-tabbing) .duet-tab-button:focus.duet-theme-turva {
+.duet-theme-turva :host(.user-is-tabbing) .duet-tab-button:focus, :host(.user-is-tabbing) .duet-tab-button:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-tab-variation-default .duet-tab-button {
@@ -239,7 +239,7 @@
   outline-offset: -5px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-tab-variation-default .duet-tab-button.selected:focus-visible, .duet-tab-variation-default .duet-tab-button.selected:focus-visible.duet-theme-turva, .duet-theme-turva .duet-tab-variation-default .duet-tab-button.selected:focus-visible, .duet-tab-variation-default .duet-tab-button.selected:focus-visible.duet-theme-turva {
+.duet-theme-turva .duet-tab-variation-default .duet-tab-button.selected:focus-visible, .duet-tab-variation-default .duet-tab-button.selected:focus-visible.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-tab-variation-default .duet-tab-button.selected:focus-visible::before {
@@ -406,7 +406,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-tab-group-content:focus, .duet-tab-group-content:focus.duet-theme-turva, .duet-theme-turva .duet-tab-group-content:focus, .duet-tab-group-content:focus.duet-theme-turva {
+.duet-theme-turva .duet-tab-group-content:focus, .duet-tab-group-content:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);

package/lib/collection/components/duet-tab-group/duet-tab-group.js

@@ -281,13 +281,13 @@ export class DuetTabGroup {
                 [largeBreakpoint]: ["default", "plain", "plain-scrolling"].includes(this.variation) ? true : false,
                 "duet-theme-turva": this.theme === "turva",
             }, onClick: () => this.onTabSelect(index), onKeyDown: ev => this.handleKeyDown(ev) }, this.variation === "checked" ? (h("div", { class: { "checked-tab-content": true, "stackable-checked-tab-content": this.tabs.length <= 3 } }, h("div", { class: { "checked-tab-description": true, "stackable-description": this.tabs.length <= 3 } }, h("p", null, element.label), h("p", { class: { "tab-caption": true, selected: element.selected } }, element.caption)), h("div", { class: { "stackable-checkmark": this.tabs.length <= 3 } }, h("duet-checkmark", { theme: this.theme, checked: element.selected, type: "radio", "presentation-only": true, center: true })))) : (element.label), element.indicator && (h("duet-indicator", { variation: element.indicator, "accessible-label": element.indicatorAccessibleLabel })))));
-        return (h("div", { key: '45490c3fc4912de77e292ed0ed18c7146e7606d6', class: {
+        return (h("div", { key: '1a61e0491f88c0a88cde77ebbdfd0030b574b537', class: {
                 "duet-tab-group": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variationClass]: true,
                 "duet-tab-plain-scrolling": this.variation === "plain-scrolling",
                 "duet-tab-group-scrolls": true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '46800b3d5e1faf4252a9f2eca77e5a35361c61b9', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '23a7b5dbb12fb5386fabcde92a0806d1f037ae2f', role: "tablist", class: {
                 "duet-m-0": this.margin === "none" || this.variation === "checked",
                 "duet-tab-group-tabs": true,
                 "duet-tab-group-hidden": this.tabs.length > 3 && !isSwipeScrollable,
@@ -298,11 +298,11 @@ export class DuetTabGroup {
             } }, this.variation === "checked" ? (buttons) : (h("div", { class: {
                 "duet-tab-group-scrollable-wrapper": true,
                 "duet-tab-group-fill-space-wrapper": this.fillSpace && this.variation === "default",
-            } }, this.fillSpace && !this.stretch && this.variation === "default" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), h("div", { key: 'f2b527640c52f4217c8dfd7c0b64849068b7eb8d', class: {
+            } }, this.fillSpace && !this.stretch && this.variation === "default" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), h("div", { key: '9727ecb4d515a36fec55607fe35eef78b07b3877', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: '0949201345b7070db4ccf011171183115e518707' }))));
+            } }, h("slot", { key: 'd5634f255c0d4ae18026e471a64a77d6dbe78854' }))));
     }
     static get is() { return "duet-tab-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -144,7 +144,7 @@ export class DuetTable {
         });
     }
     render() {
-        return (h(Host, { key: 'fda81d8548a6180298f6e227832f9c7105a68736', class: {
+        return (h(Host, { key: 'a1dd7fa3685f9dba8b9e5dca8a0fd24c14431658', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -153,7 +153,7 @@ export class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: 'ac3ae69d0a1141e1feacd1bdf8fb3ba9e9e89080' })));
+            } }, h("slot", { key: '3f4f49a2dc93f99278caa0089c0305a7049817e6' })));
     }
     static get is() { return "duet-table"; }
     static get encapsulation() { return "shadow"; }