@duetds/components 9.11.0 → 9.12.0

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

@@ -122,19 +122,19 @@ export class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '417d739470c7fe9b87ddc61a9f660113df598c22' }, h("nav", { key: '139ebc35685702253a213c7105407af7a141a62c', class: {
+        return (h(Host, { key: '8d2a6b2a0b7c84afb8d61508907992f8b6bdda06' }, h("nav", { key: '98d23766ad48d99a0838520d6f67ce91b412198e', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '501638b4c30ab12368c39a05f74bb1c3b1317362', 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: 'd7480f342588cc6a36320b77a896dcab23b6eaa6', 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: '403ee71ef7c4a79e36018e751e8beb7dc48049c9', class: "label" }, h("slot", { key: 'd3c17dd11de845bb119d8f753fd358bd2c65a6d9', name: "label" }), h("duet-icon", { key: '81b28c9228a242a36202f53c9ed9fd8a8b609221', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'ba2b698fcce4246cbd779e87dfac3a6be181d926', class: {
+            }, onClick: this.onClick }, h("span", { key: '4993924e6fc711bebf1730098bfce3b03352d3a3', class: "label" }, h("slot", { key: '96d2a2598974b954d7356e30f0944a1391889b81', name: "label" }), h("duet-icon", { key: '31f715447d28b021e55472a6f0206d416ec9bfad', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'dcee976dcad422cad0659ab4660908a5a3cc199a', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: 'e76659541e9d8c28c9dad388f363d794e6d352e1', 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: '06f7df5458d96f348d6ee9fd51ed36b8882b786b', 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: '51f96f2351bc5d0e236ce4b36f71aaa5054e5f15', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: 'e82358ec5faa3172b05111c5cb8b4a92af93408b' }), h("div", { key: '1dc90575c0ca00419a1a6dabc94d997a658b4d04', class: "list-padding" }))), h("duet-overlay", { key: '6a46e855d0da8c13ca1bff8f69016dfab10afa5d', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '8e176f888c84b7c1ac873f24412679426a872326', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: 'f4df0b6566761ccbde3d382f29a1100bfb12ad15' }), h("div", { key: '5f95cb75994341f33fe801a198c6d907c08b497c', class: "list-padding" }))), h("duet-overlay", { key: 'af3a1f80bede46a7a8aba422119493ae64fb8cf0', "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

@@ -221,32 +221,32 @@
 }
 
 :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 @media (min-width: 62em) {
   :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button:hover {
-    background: rgb(248, 229, 217);
+    background: #ffefe5;
   }
 }
 :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,
 :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 @media (min-width: 62em) {
   :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active,
   :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open {
-    color: rgb(197, 29, 65);
+    color: #e61740;
   }
   :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active::after,
   :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open::after {
-    background: rgb(197, 29, 65);
+    background: #e61740;
   }
   :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open {
-    background: rgb(248, 229, 217);
+    background: #ffefe5;
   }
 }
 @media (min-width: 62em) {
   :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva .items {
-    background: rgb(253, 247, 242);
+    background: #fcf7f3;
   }
 }

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

@@ -96,18 +96,18 @@ export class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '76e8b37395a41c08dfb79044c9aa9e8ca5ba5274', role: "listitem" }, h("div", { key: '16c3746948dd9f622b4cb003304e22f1dc1faf9d', class: {
+        return (h(Host, { key: '78764f2fa2d385122f181df83f8aa19f28f519b1', role: "listitem" }, h("div", { key: 'b951d99383563ef459e188871d36f0de73f49ea0', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: 'e1714f05f37e793f5f83a72cf63a62a5798e0415', 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: 'b34fbbfaa54487ccca2504b88f204665b8295f8b', 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: 'f0e8d42456dd083616c6245a2a67f6f83a2e2553', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '4a8c42c00dab9378cee591e449d27c3e313fbed2', class: "label" }, h("span", { key: 'f04bb5583ba82c58534312b22dbb86129837fba4', class: "label-text" }, h("slot", { key: '1ff407f2b05a19f13d3cdf7abc508853e9fb951c', name: "label" })), h("duet-icon", { key: '8c0911d940e05310687d92a0cacc1ef55d388475', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '30970885dfcc36d710bb0fe2eed310a71348c0d2', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '133885d52099c50ce44995b63cfecb8b57abff4e', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '04e4ca0fe30c6c22697c93d45616a9be37f518fd', class: "label" }, h("span", { key: '31af52e632b10711c32e673ec2b077595e5ed3b3', class: "label-text" }, h("slot", { key: 'a27acda9d5e996be374c51890d8ffa076ece5cca', name: "label" })), h("duet-icon", { key: '5c7b7c11b80e7da0c737d48501c90d896076ae57', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '4924c49a1deb22b6f833235b5c665b9bb2f32c0d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '19623f7c88cc36d51607272ac2e2e9e582c79654' })))));
+            } }, h("slot", { key: '324a1de65c74124df7da639f2968c59471f8511c' })))));
     }
     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

@@ -114,19 +114,19 @@
 }
 
 :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 @media (min-width: 62em) {
   :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active {
-    background: rgb(253, 247, 242);
+    background: #fcf7f3;
   }
   :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover {
-    background: rgb(248, 229, 217);
+    background: #ffefe5;
   }
 }
 :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.highlight {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }

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

@@ -31,12 +31,12 @@ export class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'c9c117e150388808484adcbb1b89d8a1f402c5dd' }, h("a", { key: '4b79d238f3e36813339bea04e3c9a559ee3972a6', class: {
+        return (h(Host, { key: '4c88ac33c4d5a8c55dcf089231ac23a7c3107ffa' }, h("a", { key: '4ef81ca8437bbc26bd559fc76ac8434d35a52f3b', 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: 'f0de902b75bd2c14f2e5ab7bab9045c6f7516219', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: 'fb4cc6db27bd38658bbca4c0ac023c60b8c1f9f1', class: "label-container" }, h("span", { key: '4451bf79f482417ca15545d3c066d1bb5f2fabf4', class: "label" }, h("slot", { key: 'ff2def8614a7757177b420f8f0f071d5f6b2dda8' })), this.caret && h("duet-icon", { key: 'd2e513116a7031390c920b937617b8f365c2fa9a', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '0b9751d96777023aef4b13d1b06ac493975f219a', 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: '8c837f0188dc98d57c0a2a746bf3e9361feb2777', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '913bb6c4477411898a7e7ff43ea85c0afaf97f2f', class: "label-container" }, h("span", { key: 'e3117259f4bd9101db5fe1587ee4b1785fe31440', class: "label" }, h("slot", { key: '8a4bb1311544492d308473df41ad19e82ac9162c' })), this.caret && h("duet-icon", { key: '10fa1e1927b9c6a4a6186a547498505065c86927', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: 'bd0321e5a2da527156ae208eaace152c92bb2a67', 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

@@ -133,21 +133,21 @@
 }
 
 :host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover {
-  color: rgb(35, 46, 61);
-  background: rgb(248, 229, 217);
+  color: #171c3a;
+  background: #ffefe5;
 }
 :host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }

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

@@ -57,7 +57,7 @@ export class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: '286d31e43175b586e05d660dcae91f2ba0176f8d', role: "listitem" }, h(TagName, { key: 'ff2ee974d9ee8340c3c53e24c07eb4793f6f9bec', 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: '8ad8924d66e2bc49aa1605f59ae9c96b06c91ddc', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '3433ef2e595da4391f05927fab8deb99304887bc', class: "label" }, h("span", { key: 'df2750c809a744a98e41624478d8ff5616ba496c', class: "label-text" }, h("slot", { key: '83fb30a29389e5e2f5caebb04b99be1d480fdc3c' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'b00f95d9b7f5c0ad824c25fc32936964cc5d9e69', class: {
+        return (h(Host, { key: '8fb2aff6481efd09c3311a2114bc40ed8ba9cd06', role: "listitem" }, h(TagName, { key: 'e5146d02c7e463de148535b30ae968f5a4ab6f26', 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: 'f1b826b1a8f8621331d580399681fbc04558d7f8', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '04075e5d9ff4f33cae9131923277731134313a80', class: "label" }, h("span", { key: '0009392cf8fce40690b9c0cfd703b7936c889976', class: "label-text" }, h("slot", { key: 'fee724aaecfd6f7a8d9b7deda76b7030d050dbfe' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '26150ce8a2f3a10ab89341ccdba9ec83f491dd3e', 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

@@ -138,23 +138,23 @@
 }
 
 :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active .label::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 @media (min-width: 62em) {
   :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active {
-    color: rgb(197, 29, 65);
+    color: #e61740;
   }
   :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover {
-    color: rgb(35, 46, 61);
-    background: rgb(248, 229, 217);
+    color: #171c3a;
+    background: #ffefe5;
   }
   :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover.active {
-    color: rgb(197, 29, 65);
+    color: #e61740;
   }
 }

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

@@ -29,7 +29,7 @@ export class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '523a71ea3cb2b043ce88a6bc11bbdb371eb665bb', role: "listitem" }, h("a", { key: 'e6a7fd1bbc7a46c356e2b1c682f170c263e18e46', 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: '3643314e71d9195799cdfed981987b062ed8fcd9', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '2605d1554838ec11a74e2f04767ab315f03bf14f', class: "label" }, h("slot", { key: '8a9329340f3efc9b0de1ac382941d01435bae8d4' })))));
+        return (h(Host, { key: '9296bbea6c18f9a71e8f8af622d3373fc11bda98', role: "listitem" }, h("a", { key: '3604e921c4cd954ed3887f771139f4d7b406d5ec', 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: 'ffa831cdf89e889ee004b2820ff091747061c3db', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '604fc3f30829cf1e4e58a4bb02b08644cb6bfd37', class: "label" }, h("slot", { key: '3d7acd4cea860399f4618e8bfc99229b072c8d16' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -562,25 +562,25 @@
   /* Checked variation selected state */
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-tab-group-tabs.duet-tab-variation-plain {
-  border-bottom-color: rgb(248, 229, 217);
+  border-bottom-color: #ffefe5;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover {
-  border-bottom: 2px solid rgb(197, 29, 65);
+  border-bottom: 2px solid #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected {
-  border-bottom: 2px solid rgb(197, 29, 65);
+  border-bottom: 2px solid #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button.selected {
-  color: rgb(35, 46, 61);
-  border-color: rgb(248, 229, 217);
-  border-bottom-color: rgb(197, 29, 65);
+  color: #171c3a;
+  border-color: #ffefe5;
+  border-bottom-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before {
-  background-color: rgb(197, 29, 65);
+  background-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button:focus-visible {
-  border-color: rgb(248, 229, 217);
+  border-color: #ffefe5;
 }

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

@@ -211,13 +211,13 @@ export class DuetTabGroup {
                 [`duet-notification-mark-${element.notificationMark}`]: !!element.notificationMark,
                 [largeBreakpoint]: ["default", "plain", "plain-scrolling"].includes(this.variation) ? true : false,
             }, 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))));
-        return (h("div", { key: 'b7f2848d57cafb3d41287f90b8c48b6870ca6e02', class: {
+        return (h("div", { key: '65d54bf37b3b0932c751aa4e83f624640ebe9582', 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: 'd96384958ba83c00c34e4e49d08ea6d90ace8b96', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '7e87ceae30d8592e78e653583cef697027c5795f', 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,
@@ -228,11 +228,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: '1af41aa98fb13ebd5fb4f8913a8ae2a990007271', 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: 'ffe1a88c1c80818ba0406333400d4aa4e3ae6101', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: '2a232778878cbcd955bf24d008384d1dc02659e9' }))));
+            } }, h("slot", { key: '11959e3d29cc4dfda1bffdda369167447e1b3449' }))));
     }
     static get is() { return "duet-tab-group"; }
     static get encapsulation() { return "shadow"; }
@@ -349,7 +349,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabVariation"
                         }
                     }
@@ -673,7 +673,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -694,7 +694,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -715,7 +715,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -739,7 +739,7 @@ export class DuetTabGroup {
                         },
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     },

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

@@ -133,7 +133,8 @@ duet-table span.duet-table-cell-heading {
   text-align: left;
 }
 
-.duet-table-sticky thead th {
+.duet-table-sticky thead th,
+.duet-table-sticky thead td {
   position: sticky;
   top: 0;
   background: rgb(255, 255, 255);
@@ -152,10 +153,12 @@ duet-table span.duet-table-cell-heading {
 .duet-table-striped tbody th {
   background: rgb(255, 255, 255);
 }
-.duet-table-striped.duet-table-sticky thead th {
+.duet-table-striped.duet-table-sticky thead th,
+.duet-table-striped.duet-table-sticky thead td {
   border-bottom: 1px solid rgb(212, 223, 229);
 }
-.duet-table-striped.duet-table-sticky.duet-theme-turva thead th {
+.duet-table-striped.duet-table-sticky.duet-theme-turva thead th,
+.duet-table-striped.duet-table-sticky.duet-theme-turva thead td {
   border-bottom-color: rgb(222, 224, 228);
 }
 .duet-table-striped tbody:not(:first-of-type) th {
@@ -195,17 +198,29 @@ duet-table span.duet-table-cell-heading {
   border-top-color: rgb(222, 224, 228);
 }
 
-.duet-table-fixed th, .duet-table-minimal th, .duet-table-plain th {
+.duet-table-fixed th, .duet-table-minimal th, .duet-table-plain th,
+.duet-table-fixed thead td,
+.duet-table-minimal thead td,
+.duet-table-plain thead td {
   padding: 16px !important;
   border-bottom: 1px solid rgb(98, 121, 138);
 }
-.duet-table-fixed th:first-child, .duet-table-minimal th:first-child, .duet-table-plain th:first-child {
+.duet-table-fixed th:first-child, .duet-table-minimal th:first-child, .duet-table-plain th:first-child,
+.duet-table-fixed thead td:first-child,
+.duet-table-minimal thead td:first-child,
+.duet-table-plain thead td:first-child {
   padding-left: 0 !important;
 }
-.duet-table-fixed th:last-child, .duet-table-minimal th:last-child, .duet-table-plain th:last-child {
+.duet-table-fixed th:last-child, .duet-table-minimal th:last-child, .duet-table-plain th:last-child,
+.duet-table-fixed thead td:last-child,
+.duet-table-minimal thead td:last-child,
+.duet-table-plain thead td:last-child {
   padding-right: 0 !important;
 }
-.duet-theme-turva.duet-table-fixed th, .duet-theme-turva.duet-table-minimal th, .duet-theme-turva.duet-table-plain th {
+.duet-theme-turva.duet-table-fixed th, .duet-theme-turva.duet-table-minimal th, .duet-theme-turva.duet-table-plain th,
+.duet-theme-turva.duet-table-fixed thead td,
+.duet-theme-turva.duet-table-minimal thead td,
+.duet-theme-turva.duet-table-plain thead td {
   border-bottom-color: rgb(113, 118, 132);
 }
 .duet-table-fixed tbody th, .duet-table-minimal tbody th, .duet-table-plain tbody th {
@@ -365,41 +380,43 @@ duet-table span.duet-table-cell-heading {
 }
 
 duet-table.duet-theme-turva2.duet-theme-turva td {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 duet-table.duet-theme-turva2.duet-theme-turva tbody th {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
-duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva.duet-table-sticky thead th {
-  border-bottom-color: rgb(248, 229, 217);
+duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva.duet-table-sticky thead th,
+duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva.duet-table-sticky thead td {
+  border-bottom-color: #ffefe5;
 }
 duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd) {
-  background: rgba(35, 46, 61, 0.04);
+  background: rgba(23, 28, 58, 0.04);
 }
 duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even) {
-  background: rgba(35, 46, 61, 0.04);
+  background: rgba(23, 28, 58, 0.04);
 }
 duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva tfoot td {
-  border-top-color: rgb(248, 229, 217);
+  border-top-color: #ffefe5;
 }
 duet-table.duet-theme-turva2.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr {
-  border-top-color: rgb(248, 229, 217);
+  border-top-color: #ffefe5;
 }
-duet-table.duet-theme-turva2.duet-table-plain.duet-theme-turva tbody th {
-  border-bottom-color: rgb(248, 229, 217);
+duet-table.duet-theme-turva2.duet-table-plain.duet-theme-turva tbody th,
+duet-table.duet-theme-turva2.duet-table-plain.duet-theme-turva tbody td {
+  border-bottom-color: #ffefe5;
 }
 duet-table.duet-theme-turva2.duet-table-plain.duet-theme-turva tbody td {
-  border-bottom-color: rgb(248, 229, 217);
+  border-bottom-color: #ffefe5;
 }
 duet-table.duet-theme-turva2.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr {
-  border-bottom-color: rgb(248, 229, 217);
+  border-bottom-color: #ffefe5;
 }
 duet-table.duet-theme-turva2.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot {
-  border-top-color: rgb(248, 229, 217);
+  border-top-color: #ffefe5;
 }
 duet-table.duet-theme-turva2.duet-table-fixed.duet-theme-turva:not(.duet-table-flattened) tfoot {
-  border-top-color: rgb(248, 229, 217);
+  border-top-color: #ffefe5;
 }
 duet-table.duet-theme-turva2.duet-table-sortable.duet-theme-turva:not(.duet-table-flattened) tfoot {
-  border-top-color: rgb(248, 229, 217);
+  border-top-color: #ffefe5;
 }

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

@@ -113,7 +113,7 @@ export class DuetTable {
         });
     }
     render() {
-        return (h(Host, { key: 'e518ffcdb3a5e1623d0d00b9d056f16ded2e9a91', class: {
+        return (h(Host, { key: '97ec17516c3b7f8a75b2f2d8b64e21358260e1e3', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -122,7 +122,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: 'ead482e0e02136ea9147737239f539b3478f7925' })));
+            } }, h("slot", { key: '174a174db7425f0abc109ad212ab9a665adc8797' })));
     }
     static get is() { return "duet-table"; }
     static get originalStyleUrls() {

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

@@ -260,30 +260,30 @@ duet-tooltip,
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus {
-  border-color: rgb(35, 46, 61);
+  border-color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled] {
-  background: rgb(253, 247, 242) !important;
-  border-color: rgb(253, 247, 242) !important;
+  background: #fcf7f3 !important;
+  border-color: #fcf7f3 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder {
-  color: rgb(244, 213, 193);
+  color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-moz-placeholder {
-  color: rgb(244, 213, 193);
+  color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus:-ms-input-placeholder {
-  color: rgb(244, 213, 193);
+  color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-moz-placeholder {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }

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

@@ -126,6 +126,12 @@ export class DuetTextarea {
         this.counter = false;
         this.counterLabel = getLocaleString(this.counterLabelDefaults);
     }
+    /**
+     * This is a proxy for the enclosed native textarea's validity
+     */
+    get validity() {
+        return this.nativeInput.validity;
+    }
     disallowedPatternChange() {
         this.disallowPatternRegex = this.disallowPattern ? new RegExp(this.disallowPattern, "gu") : null;
     }
@@ -673,7 +679,7 @@ export class DuetTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Use maxlength to specify the maximum length of the value that can be entered.\nPlease note that this uses native HTML5 pattern validation."
+                    "text": "Use maxlength to specify the maximum length of the value that can be entered."
                 },
                 "getter": false,
                 "setter": false,
@@ -692,7 +698,7 @@ export class DuetTextarea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Use minlength to specify the minimum length of the value that can be entered.\nPlease note that this uses native HTML5 pattern validation."
+                    "text": "Use minlength to specify the minimum length of the value that can be entered."
                 },
                 "getter": false,
                 "setter": false,
@@ -719,6 +725,28 @@ export class DuetTextarea {
                 "reflect": false,
                 "defaultValue": "\"\""
             },
+            "validity": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ValidityState",
+                    "resolved": "ValidityState",
+                    "references": {
+                        "ValidityState": {
+                            "location": "global",
+                            "id": "global::ValidityState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This is a proxy for the enclosed native textarea's validity"
+                },
+                "getter": true,
+                "setter": false
+            },
             "role": {
                 "type": "string",
                 "mutable": false,
@@ -886,7 +914,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -907,7 +935,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -928,7 +956,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -949,7 +977,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }