@duetds/components 9.11.0 → 9.12.1

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: #172a3b;
 }
 :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: #fdf7f2;
   }
   :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover {
-    background: rgb(248, 229, 217);
+    background: #fbe1d1;
   }
 }
 :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: #172a3b;
 }
 :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: #172a3b;
+  background: #fbe1d1;
 }
 :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: #172a3b;
 }
 :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: #172a3b;
+    background: #fbe1d1;
   }
   :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: #fbe1d1;
 }
 :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: #172a3b;
 }
 :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: #172a3b;
+  border-color: #fbe1d1;
+  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: #fbe1d1;
 }

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"; }

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: #172a3b;
 }
 duet-table.duet-theme-turva2.duet-theme-turva tbody th {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
-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: #fbe1d1;
 }
 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, 42, 59, 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, 42, 59, 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: #fbe1d1;
 }
 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: #fbe1d1;
 }
-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: #fbe1d1;
 }
 duet-table.duet-theme-turva2.duet-table-plain.duet-theme-turva tbody td {
-  border-bottom-color: rgb(248, 229, 217);
+  border-bottom-color: #fbe1d1;
 }
 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: #fbe1d1;
 }
 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: #fbe1d1;
 }
 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: #fbe1d1;
 }
 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: #fbe1d1;
 }

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,33 @@ duet-tooltip,
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus {
-  border-color: rgb(35, 46, 61);
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled] {
-  background: rgb(253, 247, 242) !important;
-  border-color: rgb(253, 247, 242) !important;
+  background: #f5f6f7 !important;
+  border-color: #f5f6f7 !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:-webkit-input-placeholder {
+  color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder {
-  color: rgb(244, 213, 193);
+  color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-moz-placeholder {
-  color: rgb(244, 213, 193);
+  color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus:-ms-input-placeholder {
-  color: rgb(244, 213, 193);
+  color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-moz-placeholder {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }

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,

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

@@ -154,12 +154,12 @@ duet-label {
 }
 
 :host(.duet-theme-turva2) .duet-switch input:checked + .duet-slider {
-  background-color: rgb(197, 29, 65);
+  background-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-switch input:checked + .duet-slider::before {
-  box-shadow: -1px 0 2px #6c1024;
+  box-shadow: -1px 0 2px #890e26;
   transform: translateX(20px);
 }
 :host(.duet-theme-turva2) .duet-switch input:disabled:checked + .duet-slider {
-  background: #e28ea0;
+  background: #f38ba0;
 }

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

@@ -81,8 +81,8 @@
 }
 
 :host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container {
-  border-bottom-color: rgb(248, 229, 217);
+  border-bottom-color: #fbe1d1;
 }
 :host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }

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

@@ -31,11 +31,11 @@ export class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '54c786c2d83fba02f7452a36eb121eda25c9376d' }, h("nav", { key: '3dbf511712340f2fb01d5c6f6a3184bf9c7777da', class: {
+        return (h(Host, { key: '6301566c93e6b145d22bad6bcb31789f0593a96f' }, h("nav", { key: 'ad0bbe4c43561300bddb50b0cd7cdd80c5a025e3', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '687745a324f1fbbdc0553a17fc10e5004e7c40b4', class: "container" }, h("div", { key: 'dc9500dfff1d20a21e1336690643093131743fc4', class: "list", role: "list" }, h("slot", { key: 'fc016f757c7ff5cf99fd96cb4d8f0a09458a6660', name: "left" })), h("div", { key: '77afc9ab53cf0617ff69fed8192a99262f2d7054', class: "list", role: "list" }, h("slot", { key: '3bb92bb9a828e1f3d1a137367238694a5d70bd57', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '36e62bed30255a942618f621f32c7a26bdf7c514', class: "container" }, h("div", { key: '1258a107abf18e98c8e2bb990e34d4a1776e9910', class: "list", role: "list" }, h("slot", { key: '4f0fe520c8c97d62a0a712cfc1d4b4e421d77cde', name: "left" })), h("div", { key: 'cb4a979f8b6d4f84e15220470cb2dabd65f8f214', class: "list", role: "list" }, h("slot", { key: 'c944f6535582a302a3f46d5e080f8f699bd29e28', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css

@@ -161,22 +161,22 @@
 }
 
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button:hover {
-  color: rgb(35, 46, 61);
-  background: rgb(253, 247, 242);
+  color: #172a3b;
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active::after,
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active,
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover,
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active,
 :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.open {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 42, 59, 0.2);
 }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js

@@ -50,18 +50,18 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '07c3194bb8dcbe97fde84893a04e4233d6b0059a', role: "listitem" }, h("div", { key: 'fd2d68cb1d6c7d75759bedd3a7cfbbab650965db', class: {
+        return (h(Host, { key: '0b8cbe3b2a0eaa38961889e309248bbd259df40a', role: "listitem" }, h("div", { key: '6713be8fed5314332f787c2643396c0b6f44a8c0', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: 'd82047a673b796ea14c9d5aae69bf64ff58e6ed8', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
+            } }, h("button", { key: '7c2c4377d8daaa7f8ac6580c440eaf1bca0ced14', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
                 active: this.active,
                 open: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'ff38577c8cc2e354df974bfd687081dbd3ebecfc', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: 'dce1591b74de7cfb4f2bb01b1c652f3839cce3a7', class: "label" }, h("slot", { key: 'c2917b2aae3fc30027774e23c32a0509c79589dc', name: "label" }), h("duet-icon", { key: '12ba80462ce582fe4071e949464f9074907fecb9', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '679befa15c7d48af0f5ce11f9a38a82a1f24a546', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'b664adfb38964f86d503234d08e1871570362891', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '8d464f1c2efd3b97691b559538646dc3a5997257', class: "label" }, h("slot", { key: '2a9dc2e3b6f9854ade2eb01c2f0b9339a1e62944', name: "label" }), h("duet-icon", { key: '97946700977ddbe9dcfd358da924af897aa2cc47', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'fef6e1298aa54d098be2d59d6c359463a8d84b8d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '26eab9ffa65ebc2dcddcc024b2008cbcde40221a' })))));
+            } }, h("slot", { key: '2fd108c5736bde5e7829870a1c6d516126311c65' })))));
     }
     static get is() { return "duet-toolbar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.css

@@ -69,11 +69,11 @@
 }
 
 :host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva.active {
-  background: rgb(253, 247, 242);
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva:hover {
-  background: rgb(248, 229, 217);
+  background: #fbe1d1;
 }

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

@@ -31,11 +31,11 @@ export class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '9a9d4138ef93a3bde4f9df8789da714dbbdc80a5' }, h("a", { key: '733a8f2435b9f29179706881df07b40dbd93b210', class: {
+        return (h(Host, { key: '7f5c0acd0faacf90510907af022ee4556ce380bc' }, h("a", { key: '4f51071661fe2817f8089127bdd9e818e66904a4', class: {
                 "duet-toolbar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '5a19b707b976d85c2cf865ad2a42aa7e11c74ce1', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '12de16aaf5ffcd6ba790ff24e68aa4d6dcfbd001', class: "label" }, h("slot", { key: '1e379d609dde7f58f277413df9977612dc41d3c3' })), this.active && (h("duet-icon", { key: 'f03be13f9b315771ba6bff85d2eb70b2a338453b', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: 'f18f48ce85691f6d2f837ade9fe1ec7ab420ab18', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '48998f260fa82d5ada758522d5570cc9939d4cff', class: "label" }, h("slot", { key: '1dd3ea4e1d9e6d9f3922b84e2f7cb980bc2a1c4e' })), this.active && (h("duet-icon", { key: '28571a95af879191791a45ab24c58a711a34c9da', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }