@duetds/components 9.9.0 → 9.11.0

package/lib/collection/components/duet-show-more/duet-show-more.js

@@ -468,7 +468,7 @@ export class DuetShowMore {
                     "references": {
                         "DuetShowMoreToggleEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-show-more/duet-show-more.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-show-more/duet-show-more.tsx",
                             "id": "src/components/duet-show-more/duet-show-more.tsx::DuetShowMoreToggleEvent"
                         }
                     }

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

@@ -174,4 +174,32 @@ slot {
 }
 .duet-theme-turva slot {
   color: rgb(23, 28, 58);
+}
+
+:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva {
+  color: rgb(35, 46, 61);
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .desktop-bg {
+    background: rgb(35, 46, 61);
+  }
+}
+:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active::after {
+  background: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .has-sticky-header-slot .top {
+  background: rgb(253, 247, 242);
+}
+:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header {
+  background: rgb(253, 247, 242);
+  border-bottom-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) slot {
+  color: rgb(35, 46, 61);
 }

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

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

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

@@ -52,4 +52,8 @@
 
 .duet-theme-turva ::slotted(:not(:last-child))::after {
   background: rgb(23, 28, 58);
+}
+
+:host(.duet-theme-turva2) .duet-theme-turva ::slotted(:not(:last-child))::after {
+  background: rgb(35, 46, 61);
 }

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

@@ -118,4 +118,14 @@ slot[name=description]::slotted(*) {
 }
 .duet-theme-turva slot[name=description]::slotted(*) {
   color: rgb(113, 118, 132);
+}
+
+:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva.active .label-content::after {
+  background: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) slot[name=description]::slotted(*) {
+  color: rgb(35, 46, 61);
 }

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

@@ -233,4 +233,24 @@ slot:not([name=label]) {
 }
 .duet-theme-turva slot:not([name=label]) {
   color: rgb(23, 28, 58);
+}
+
+:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link.active .label-text::after {
+  background: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top {
+  background: rgb(253, 247, 242);
+}
+:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header {
+  background: rgb(253, 247, 242);
+  border-bottom-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .top span {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) slot:not([name=label]) {
+  color: rgb(35, 46, 61);
 }

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

@@ -131,4 +131,17 @@ slot {
 slot[name=label] {
   font-size: 1rem;
   font-weight: 600;
+}
+
+:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button:focus {
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+}
+:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after {
+  background: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) slot {
+  color: rgb(35, 46, 61);
 }

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

@@ -49,7 +49,7 @@ export class DuetSpacer {
                     "references": {
                         "DuetSpacerSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-spacer/duet-spacer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx",
                             "id": "src/components/duet-spacer/duet-spacer.tsx::DuetSpacerSize"
                         }
                     }
@@ -101,7 +101,7 @@ export class DuetSpacer {
                     "references": {
                         "DuetSpacerBreakpoint": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-spacer/duet-spacer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx",
                             "id": "src/components/duet-spacer/duet-spacer.tsx::DuetSpacerBreakpoint"
                         }
                     }

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

@@ -96,4 +96,7 @@
   100% {
     transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);
   }
+}
+:host(.duet-theme-turva2) .duet-spinner {
+  color: rgb(197, 29, 65) !important;
 }

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

@@ -1,6 +1,3 @@
-/*!
- * Built with Duet Design System
- */
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { getColorByName } from "../../utils/token-utils";
@@ -23,11 +20,11 @@ export class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (h(Host, { key: 'dcb6140eeae0e31c85319ee668193865ba6a5e57', class: {
+        return (h(Host, { key: '5fb47202b93a29ab498ec181b1a000343a10bdc6', class: {
                 "duet-custom-color": this.color !== "currentColor" && this.theme !== "turva" && this.theme !== "default",
                 "duet-theme-turva": this.theme === "turva" && this.color !== "currentColor",
                 "duet-theme-default": this.theme === "default" && this.color !== "currentColor",
-            } }, h("div", { key: 'd3d38db9f52dbd35af639463194130c6c265d24d', class: {
+            } }, h("div", { key: '73c9c88cc51e8a135933f551095d872ea02f7e2d', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));
@@ -100,7 +97,7 @@ export class DuetSpinner {
                     "references": {
                         "DuetSpinnerSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-spinner/duet-spinner.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-spinner/duet-spinner.tsx",
                             "id": "src/components/duet-spinner/duet-spinner.tsx::DuetSpinnerSize"
                         }
                     }
@@ -145,4 +142,5 @@ export class DuetSpinner {
             }
         };
     }
+    static get elementRef() { return "element"; }
 }

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

@@ -195,4 +195,17 @@
   .duet-step-heading-slot {
     display: block;
   }
+}
+
+:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-counter,
+:host(.duet-theme-turva2) .duet-theme-turva.is-current .duet-step-counter,
+:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-counter {
+  background-color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,
+:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter {
+  background-color: #9e1734;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-step-content-wrapper {
+  border-color: rgb(248, 229, 217);
 }

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

@@ -210,7 +210,7 @@ export class DuetStep {
                     "references": {
                         "DuetStepState": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-step/duet-step.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-step/duet-step.tsx",
                             "id": "src/components/duet-step/duet-step.tsx::DuetStepState"
                         }
                     }
@@ -294,7 +294,7 @@ export class DuetStep {
                     "references": {
                         "DuetStepClickEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-step/duet-step.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-step/duet-step.tsx",
                             "id": "src/components/duet-step/duet-step.tsx::DuetStepClickEvent"
                         }
                     }

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

@@ -1,13 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { h, Host } from "@stencil/core";
+import { Build, h, Host } from "@stencil/core";
+import { DuetStringsListStepOfTotal } from "../../common-strings";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import groupBy from "../../utils/group-by";
+import { getLanguage, getLocaleString } from "../../utils/language-utils";
 export class DuetStepper {
     constructor() {
+        this.language = getLanguage();
         this.theme = "";
-        this.accessibleLive = "Lista jossa {total} kohtaa. Olet kohdassa {current}.";
+        this.accessibleLive = getLocaleString(DuetStringsListStepOfTotal, this.language);
         this.margin = "auto";
         this.backDisabled = false;
         this.selected = 0;
@@ -42,8 +45,18 @@ export class DuetStepper {
         inheritGlobalTheme(this);
     }
     async connectedCallback() {
+        if (!Build.isServer) {
+            this.childObserver = new MutationObserver(this.updateStepState.bind(this));
+            this.childObserver.observe(this.element, { childList: true });
+        }
         this.updateStepState();
     }
+    disconnectedCallback() {
+        if (this.childObserver) {
+            this.childObserver.disconnect();
+            this.childObserver = undefined;
+        }
+    }
     getSteps() {
         return Array.from(this.element.querySelectorAll("duet-step"));
     }
@@ -88,7 +101,7 @@ export class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'd8655560066e926969cdbfc73ec98098886dbd5d', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '664fc460cb80dc283a4569bd43466fea99d9611b', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: '023543f1d0738023d8841a6bd4755662d63fffcd', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'c7d59ff95b0a833472f364bace7b06b9c292545c' }))));
+        return (h(Host, { key: 'eef8866a3e7ccabbb7701657e15ec683958ea5d4', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'f5cbf491c749b26ca29bff3f024202eb5c95368b', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: '8349b7f7cbe730cbc82b9b91a8b5f481ed913a61', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'c8ac270cc86273c7d75c996b9772e0585fa2fc0c' }))));
     }
     static get is() { return "duet-stepper"; }
     static get encapsulation() { return "shadow"; }
@@ -142,13 +155,13 @@ export class DuetStepper {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Format of message used to announce current step when navigating between steps.\nThe string {current} is replaced with current the step number.\nThe string {total} is replaced with the total number of steps."
+                    "text": "Format of message used to announce current step when navigating between steps.\nThe string {current} is replaced with the current step number.\nThe string {total} is replaced with the total number of steps."
                 },
                 "getter": false,
                 "setter": false,
                 "attribute": "accessible-live",
                 "reflect": false,
-                "defaultValue": "\"Lista jossa {total} kohtaa. Olet kohdassa {current}.\""
+                "defaultValue": "getLocaleString(DuetStringsListStepOfTotal, this.language)"
             },
             "margin": {
                 "type": "string",
@@ -218,6 +231,11 @@ export class DuetStepper {
             }
         };
     }
+    static get states() {
+        return {
+            "language": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "duetStepChange",
@@ -235,7 +253,7 @@ export class DuetStepper {
                     "references": {
                         "DuetStepChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-stepper/duet-stepper.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-stepper/duet-stepper.tsx",
                             "id": "src/components/duet-stepper/duet-stepper.tsx::DuetStepChangeEvent"
                         }
                     }

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

@@ -162,4 +162,18 @@
   .duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow {
     box-shadow: 0 3px 6px 0 rgba(23, 28, 58, 0.1);
   }
+}
+
+:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva {
+  background: rgb(253, 247, 242);
+  border-bottom-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva button:focus {
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+}
+:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .items {
+  background: rgb(253, 247, 242);
+}
+:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .mobile-background {
+  background: rgb(35, 46, 61);
 }

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

@@ -218,4 +218,35 @@
   .duet-submenu-bar-dropdown.duet-theme-turva .items {
     background: rgb(255, 255, 255);
   }
+}
+
+:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button {
+  color: rgb(35, 46, 61);
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button:hover {
+    background: rgb(248, 229, 217);
+  }
+}
+: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);
+}
+@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);
+  }
+  :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);
+  }
+  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open {
+    background: rgb(248, 229, 217);
+  }
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva .items {
+    background: rgb(253, 247, 242);
+  }
 }

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: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after {
+  background: rgb(197, 29, 65);
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active {
+    background: rgb(253, 247, 242);
+  }
+  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover {
+    background: rgb(248, 229, 217);
+  }
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.highlight {
+  color: rgb(197, 29, 65);
 }

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: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after {
+  background: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after {
+  background: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover {
+  color: rgb(35, 46, 61);
+  background: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active {
+  color: rgb(197, 29, 65);
 }

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: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active .label::after {
+  background: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active::after {
+  background: rgb(197, 29, 65);
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active {
+    color: rgb(197, 29, 65);
+  }
+  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover {
+    color: rgb(35, 46, 61);
+    background: rgb(248, 229, 217);
+  }
+  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover.active {
+    color: rgb(197, 29, 65);
+  }
 }

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: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover {
+  border-bottom: 2px solid rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected {
+  border-bottom: 2px solid rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button {
+  color: rgb(35, 46, 61);
+}
+: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);
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before {
+  background-color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button:focus-visible {
+  border-color: rgb(248, 229, 217);
 }

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

@@ -349,7 +349,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/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/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/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/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/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/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/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/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/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

@@ -362,4 +362,44 @@ 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: rgb(35, 46, 61);
+}
+duet-table.duet-theme-turva2.duet-theme-turva tbody th {
+  color: rgb(35, 46, 61);
+}
+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 tbody:only-of-type tr:nth-of-type(odd) {
+  background: rgba(35, 46, 61, 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);
+}
+duet-table.duet-theme-turva2.duet-table-striped.duet-theme-turva tfoot td {
+  border-top-color: rgb(248, 229, 217);
+}
+duet-table.duet-theme-turva2.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr {
+  border-top-color: rgb(248, 229, 217);
+}
+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 td {
+  border-bottom-color: rgb(248, 229, 217);
+}
+duet-table.duet-theme-turva2.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr {
+  border-bottom-color: rgb(248, 229, 217);
+}
+duet-table.duet-theme-turva2.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot {
+  border-top-color: rgb(248, 229, 217);
+}
+duet-table.duet-theme-turva2.duet-table-fixed.duet-theme-turva:not(.duet-table-flattened) tfoot {
+  border-top-color: rgb(248, 229, 217);
+}
+duet-table.duet-theme-turva2.duet-table-sortable.duet-theme-turva:not(.duet-table-flattened) tfoot {
+  border-top-color: rgb(248, 229, 217);
 }

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