@duetds/components 9.10.0 → 9.12.0

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

@@ -111,4 +111,22 @@
 }
 .duet-submenu-bar-dropdown-link.highlight.duet-theme-turva {
   color: rgb(126, 2, 35);
+}
+
+:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after {
+  background: #e61740;
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active {
+    background: #fcf7f3;
+  }
+  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover {
+    background: #ffefe5;
+  }
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.highlight {
+  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

@@ -130,4 +130,24 @@
 }
 .duet-submenu-bar-item:hover.duet-theme-turva.active {
   color: rgb(126, 2, 35);
+}
+
+:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva {
+  color: #e61740;
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after {
+  background: #e61740;
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after {
+  background: #e61740;
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover {
+  color: #171c3a;
+  background: #ffefe5;
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active {
+  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

@@ -135,4 +135,26 @@
   .duet-submenu-bar-link:hover.duet-theme-turva.active {
     color: rgb(126, 2, 35);
   }
+}
+
+:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active .label::after {
+  background: #e61740;
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active::after {
+  background: #e61740;
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active {
+    color: #e61740;
+  }
+  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover {
+    color: #171c3a;
+    background: #ffefe5;
+  }
+  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover.active {
+    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

@@ -552,4 +552,35 @@
 }
 .duet-theme-turva .duet-tab-group-content.checked-group-content::after {
   background-color: rgb(113, 118, 132);
+}
+
+:host(.duet-theme-turva2) {
+  /* Plain variation: divider nude, hover & active underlines red */
+  /* Base tab button mapping + selected underline red, outer borders nude */
+  /* Default variation selected underline (uses ::before) should be red */
+  /* Default variation focus-visible border stays nude */
+  /* Checked variation selected state */
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-group-tabs.duet-tab-variation-plain {
+  border-bottom-color: #ffefe5;
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover {
+  border-bottom: 2px solid #e61740;
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected {
+  border-bottom: 2px solid #e61740;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button.selected {
+  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: #e61740;
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button:focus-visible {
+  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 {
@@ -362,4 +377,46 @@ duet-table span.duet-table-cell-heading {
 .duet-editable-table-table.duet-table-flattened td:last-child {
   grid-row: 1;
   grid-column: 2;
+}
+
+duet-table.duet-theme-turva2.duet-theme-turva td {
+  color: #171c3a;
+}
+duet-table.duet-theme-turva2.duet-theme-turva tbody th {
+  color: #171c3a;
+}
+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(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(23, 28, 58, 0.04);
+}
+duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva tfoot td {
+  border-top-color: #ffefe5;
+}
+duet-table.duet-theme-turva2.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr {
+  border-top-color: #ffefe5;
+}
+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: #ffefe5;
+}
+duet-table.duet-theme-turva2.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr {
+  border-bottom-color: #ffefe5;
+}
+duet-table.duet-theme-turva2.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot {
+  border-top-color: #ffefe5;
+}
+duet-table.duet-theme-turva2.duet-table-fixed.duet-theme-turva:not(.duet-table-flattened) tfoot {
+  border-top-color: #ffefe5;
+}
+duet-table.duet-theme-turva2.duet-table-sortable.duet-theme-turva:not(.duet-table-flattened) tfoot {
+  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

@@ -257,4 +257,33 @@ duet-tooltip,
 .duet-character-count {
   display: block;
   margin: 8px 0 0 auto;
+}
+
+:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus {
+  border-color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled] {
+  background: #fcf7f3 !important;
+  border-color: #fcf7f3 !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder {
+  color: #fbe4d6;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus::-moz-placeholder {
+  color: #fbe4d6;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea:focus:-ms-input-placeholder {
+  color: #fbe4d6;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]::-moz-placeholder {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder {
+  color: #171c3a;
 }

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

@@ -5,7 +5,7 @@ import { Build, h, Host, } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common";
 import { createID } from "../../utils/create-id";
 import { cleanValue } from "../../utils/input-utils";
-import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLocaleString, } from "../../utils/language-utils";
+import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, formatNumber, getLocaleString, } from "../../utils/language-utils";
 import { checkNamedSlotElement } from "../../utils/slot-utils";
 const CharacterCount = ({ value, maxlength, label, theme }) => {
     if (maxlength == null) {
@@ -68,7 +68,7 @@ export class DuetTextarea {
         };
         this.handleFocus = (ev) => {
             if (this.counter) {
-                this.hiddenCounterLabel.textContent = `${Math.max(this.maxlength - this.value.length, 0)}/${this.maxlength} ${this.counterLabel}`;
+                this.hiddenCounterLabel.textContent = `${formatNumber(Math.max(this.maxlength - this.value.length, 0))}/${formatNumber(this.maxlength)} ${this.counterLabel}`;
             }
             this.duetFocus.emit({
                 originalEvent: ev,
@@ -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"
                         }
                     }

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

@@ -151,4 +151,15 @@ duet-label {
 .duet-theme-turva .duet-slider::before {
   background-color: rgb(255, 255, 255);
   box-shadow: 1px 0 2px 0 #00334d;
+}
+
+:host(.duet-theme-turva2) .duet-switch input:checked + .duet-slider {
+  background-color: #e61740;
+}
+:host(.duet-theme-turva2) .duet-switch input:checked + .duet-slider::before {
+  box-shadow: -1px 0 2px #890e26;
+  transform: translateX(20px);
+}
+:host(.duet-theme-turva2) .duet-switch input:disabled:checked + .duet-slider {
+  background: #f38ba0;
 }

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

@@ -526,7 +526,7 @@ export class DuetToggle {
                     "references": {
                         "DuetToggleChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-toggle/duet-toggle.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-toggle/duet-toggle.tsx",
                             "id": "src/components/duet-toggle/duet-toggle.tsx::DuetToggleChangeEvent"
                         }
                     }

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

@@ -78,4 +78,11 @@
 }
 .duet-toolbar.duet-theme-turva.primary .container {
   border-bottom: 0;
+}
+
+:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container {
+  border-bottom-color: #ffefe5;
+}
+:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary {
+  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

@@ -158,4 +158,25 @@
 }
 .duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon {
   color: rgb(255, 185, 190);
+}
+
+:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button:hover {
+  color: #171c3a;
+  background: #fcf7f3;
+}
+: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: #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: #171c3a;
+}
+: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(23, 28, 58, 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"; }