@duetds/components 9.12.0 → 9.12.1

package/lib/cjs/themeable-component-de7d5c0a.js

@@ -0,0 +1,62 @@
+/*!
+ * Built with Duet Design System
+ */
+'use strict';
+
+require('./index-12fb92a8.js');
+
+const inheritGlobalTheme = (component) => {
+    var _a, _b;
+    // this is done in a complex way to support hydrate.renderToString
+    const classList = (_b = (_a = document.documentElement.attributes.getNamedItem("class")) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
+    const theme = /(duet-theme-)([a-z0-9]*)/gi.exec(classList);
+    if (component.element) {
+        component.element.classList.add("duet-theme-observer");
+    }
+    if (classList.includes("duet-theme-turva2")) {
+        component.theme = "turva";
+        if (component.element) {
+            component.element.classList.add("duet-theme-turva2");
+        }
+        return;
+    }
+    if (theme && theme[1] === "duet-theme-") {
+        component.theme = theme[2] === "default" ? "" : theme[2];
+    }
+};
+const setAllObservingElementsTheme = (mutations) => {
+    mutations.forEach(mutation => {
+        var _a, _b, _c;
+        if (!((_a = mutation.oldValue) === null || _a === void 0 ? void 0 : _a.includes("hydrated"))) {
+            // only set theme once hydrated is set
+            return;
+        }
+        const classList = (_c = (_b = document.documentElement.attributes.getNamedItem("class")) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : "";
+        const themeParts = /(duet-theme-)([a-z0-9]*)/gi.exec(classList);
+        const theme = (themeParts === null || themeParts === void 0 ? void 0 : themeParts.length) > 2 && themeParts[2].startsWith("turva") ? "turva" : "";
+        const isTurva2 = classList.includes("duet-theme-turva2");
+        const elements = Array.from(document.querySelectorAll("body .duet-theme-observer"));
+        elements.forEach(el => {
+            el.theme = theme;
+            if (isTurva2) {
+                el.classList.add("duet-theme-turva2");
+            }
+            else {
+                el.classList.remove("duet-theme-turva2");
+            }
+        });
+    });
+};
+{
+    const documentClassObserver = new MutationObserver(setAllObservingElementsTheme);
+    documentClassObserver.observe(document.documentElement, {
+        subtree: false,
+        childList: false,
+        characterData: false,
+        attributes: true,
+        attributeFilter: ["class"],
+        attributeOldValue: true,
+    });
+}
+
+exports.inheritGlobalTheme = inheritGlobalTheme;

package/lib/collection/common/themeable-component.js

@@ -1,19 +1,57 @@
 /*!
  * Built with Duet Design System
  */
+import { Build } from "@stencil/core";
 export const inheritGlobalTheme = (component) => {
     var _a, _b;
     // this is done in a complex way to support hydrate.renderToString
     const classList = (_b = (_a = document.documentElement.attributes.getNamedItem("class")) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
     const theme = /(duet-theme-)([a-z0-9]*)/gi.exec(classList);
-    if (theme && theme[1] === "duet-theme-") {
-        if (theme[2] === "turva2") {
-            component.theme = "turva";
-            if (component.element) {
-                component.element.classList.add("duet-theme-turva2");
-            }
-            return;
+    if (component.element) {
+        component.element.classList.add("duet-theme-observer");
+    }
+    if (classList.includes("duet-theme-turva2")) {
+        component.theme = "turva";
+        if (component.element) {
+            component.element.classList.add("duet-theme-turva2");
         }
+        return;
+    }
+    if (theme && theme[1] === "duet-theme-") {
         component.theme = theme[2] === "default" ? "" : theme[2];
     }
 };
+const setAllObservingElementsTheme = (mutations) => {
+    mutations.forEach(mutation => {
+        var _a, _b, _c;
+        if (!((_a = mutation.oldValue) === null || _a === void 0 ? void 0 : _a.includes("hydrated"))) {
+            // only set theme once hydrated is set
+            return;
+        }
+        const classList = (_c = (_b = document.documentElement.attributes.getNamedItem("class")) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : "";
+        const themeParts = /(duet-theme-)([a-z0-9]*)/gi.exec(classList);
+        const theme = (themeParts === null || themeParts === void 0 ? void 0 : themeParts.length) > 2 && themeParts[2].startsWith("turva") ? "turva" : "";
+        const isTurva2 = classList.includes("duet-theme-turva2");
+        const elements = Array.from(document.querySelectorAll("body .duet-theme-observer"));
+        elements.forEach(el => {
+            el.theme = theme;
+            if (isTurva2) {
+                el.classList.add("duet-theme-turva2");
+            }
+            else {
+                el.classList.remove("duet-theme-turva2");
+            }
+        });
+    });
+};
+if (!Build.isServer) {
+    const documentClassObserver = new MutationObserver(setAllObservingElementsTheme);
+    documentClassObserver.observe(document.documentElement, {
+        subtree: false,
+        childList: false,
+        characterData: false,
+        attributes: true,
+        attributeFilter: ["class"],
+        attributeOldValue: true,
+    });
+}

package/lib/collection/components/duet-action-button/duet-action-button.css

@@ -85,16 +85,20 @@
 }
 
 :host(.duet-theme-turva2) .duet-action-button.duet-theme-turva {
-  color: #171c3a;
-  background: #fcf7f3;
+  color: #172a3b;
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:not(:disabled):hover {
-  background: #efebe7;
+  background: #f0ebe6;
 }
 :host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:focus {
-  box-shadow: 0 0 0 2px #171c3a !important;
+  box-shadow: 0 0 0 2px #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:active:focus {
-  background: #e3dedb !important;
+  background: #e4deda !important;
   box-shadow: none;
+}
+:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:disabled {
+  color: #7891a4;
+  background: #f5f6f7;
 }

package/lib/collection/components/duet-action-button/duet-action-button.js

@@ -238,7 +238,7 @@ export class DuetActionButton {
                     "references": {
                         "DuetActionButtonIconSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-action-button/duet-action-button.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-action-button/duet-action-button.tsx",
                             "id": "src/components/duet-action-button/duet-action-button.tsx::DuetActionButtonIconSize"
                         }
                     }
@@ -598,7 +598,7 @@ export class DuetActionButton {
                     "references": {
                         "DuetActionButtonEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-action-button/duet-action-button.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-action-button/duet-action-button.tsx",
                             "id": "src/components/duet-action-button/duet-action-button.tsx::DuetActionButtonEvent"
                         }
                     }

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

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

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

@@ -132,13 +132,13 @@
 }
 
 :host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default {
-  color: #171c3a;
-  background: #e8e8eb;
+  color: #172a3b;
+  background: #e8eaeb;
 }
 :host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default {
   color: rgb(255, 255, 255);
-  background: #171c3a;
+  background: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle {
-  outline-color: #171c3a;
+  outline-color: #172a3b;
 }

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

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

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

@@ -143,8 +143,8 @@
 }
 
 :host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header {
-  color: #171c3a;
-  background: #fcf7f3;
+  color: #172a3b;
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover {
   color: rgb(126, 2, 35);

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

@@ -620,14 +620,14 @@
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.default {
   color: #e61740 !important;
-  border-color: #ffefe5;
+  border-color: #fbe1d1;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover {
   border-color: #e61740;
   outline-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative {
-  background-color: #ffefe5 !important;
+  background-color: #fbe1d1 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover {
   color: #e61740 !important;
@@ -638,22 +638,22 @@
   border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded {
-  color: #171c3a !important;
-  border-color: #171c3a;
+  color: #172a3b !important;
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover {
   color: #e61740 !important;
   border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative {
-  color: #ffefe5 !important;
+  color: #fbe1d1 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover {
   color: #e61740 !important;
   border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative {
-  color: #171c3a !important;
+  color: #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover {
   color: rgb(255, 255, 255) !important;
@@ -662,10 +662,10 @@
   color: #e61740 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled] {
-  border-color: #ffefe5 !important;
+  border-color: #fbe1d1 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.square {
-  border-color: #ffefe5;
+  border-color: #fbe1d1;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative {
   background: #e61740;

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

@@ -485,7 +485,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonVariation"
                         }
                     }
@@ -634,7 +634,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonTextCentering": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonTextCentering"
                         }
                     }
@@ -660,7 +660,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonWrapping": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonWrapping"
                         }
                     }
@@ -1051,7 +1051,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonIconSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonIconSize"
                         }
                     }
@@ -1077,7 +1077,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonSize"
                         }
                     }

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

@@ -69,5 +69,5 @@ figure {
 
 :host(.duet-theme-turva2) .duet-callout.duet-theme-turva .author,
 :host(.duet-theme-turva2) .duet-callout.duet-theme-turva blockquote {
-  color: #171c3a;
+  color: #172a3b;
 }

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

@@ -48,5 +48,5 @@
 }
 
 :host(.duet-theme-turva2.duet-caption-selected.duet-theme-turva) {
-  color: #171c3a;
+  color: #172a3b;
 }

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

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

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

@@ -537,14 +537,14 @@ a.duet-card:active {
 }
 
 :host(.duet-theme-turva2) .duet-card.duet-theme-turva {
-  color: #171c3a;
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-card.duet-theme-turva.info {
-  background: #fcf7f3 !important;
+  background: #fdf7f2 !important;
 }
 :host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-heading {
-  color: #171c3a;
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-footer {
-  background: #ffefe5;
+  background: #fbe1d1;
 }

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

@@ -199,7 +199,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardVariation"
                         }
                     }
@@ -386,7 +386,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardPadding": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardPadding"
                         }
                     }
@@ -519,7 +519,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardToggleEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardToggleEvent"
                         }
                     }

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

@@ -185,12 +185,12 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-label {
-  color: #171c3a;
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox + label::before {
-  border-color: #171c3a;
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox:checked + label::before {
-  background: #171c3a;
-  border-color: #171c3a;
+  background: #172a3b;
+  border-color: #172a3b;
 }

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

@@ -579,7 +579,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -600,7 +600,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -621,7 +621,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }

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

@@ -321,26 +321,26 @@
 }
 
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva {
-  color: #171c3a !important;
-  border-color: #fbe4d6;
+  color: #172a3b !important;
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover {
   border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked {
-  background: #fcf7f3;
+  background: #fbe1d1;
   border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover {
-  background: #ffefe5;
+  background: #d8ae96;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open {
-  background: #fcf7f3;
-  border-color: #fcf7f3;
+  background: #fbe1d1;
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover {
-  border-color: #fbe4d6;
+  border-color: #b2c2cd;
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover {
+:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected {
   border-color: #e61740;
 }

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

@@ -353,7 +353,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipVariation"
                         }
                     }
@@ -379,7 +379,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipSize"
                         }
                     }
@@ -654,7 +654,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -675,7 +675,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -696,7 +696,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -717,7 +717,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }

package/lib/collection/components/duet-choice/duet-checkmark.css

@@ -73,6 +73,6 @@
   }
 }
 :host(.duet-theme-turva2.duet-theme-turva) .checked .duet-checkmark-container {
-  background: #171c3a;
-  border-color: #171c3a !important;
+  background: #172a3b;
+  border-color: #172a3b !important;
 }

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

@@ -542,52 +542,53 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-choice-card {
-  color: #171c3a !important;
+  color: #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label {
-  border-color: #ffefe5;
+  border-color: #b2c2cd;
 }
 .info :host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label {
-  border-color: #ffefe5;
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label {
-  background: #fcf7f3;
-  border-color: #171c3a !important;
+  background: #fdf7f2;
+  border-color: #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
   border-color: #e61740;
 }
 .duet-choice-label :host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
-  background: #171c3a;
-  border-color: #171c3a !important;
+  background: #172a3b;
+  border-color: #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info, :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible {
-  color: #171c3a;
-  border-color: #171c3a;
+  color: #172a3b;
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible {
-  border-color: #ffefe5;
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible.checked {
-  border-color: #171c3a;
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info {
-  background: #fcf7f3;
-  border-color: #ffefe5;
+  background: #fdf7f2;
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-checkmark-container {
-  border-color: #f6d7c5;
+  border-color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle {
-  border-color: #ffefe5;
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle[aria-expanded=true] {
-  background: #fcf7f3;
+  background: #fdf7f2;
+  border-bottom-color: transparent;
 }
 
 :host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover) > .duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) {
-  border-color: #171c3a;
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover) > .duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container {
-  border-color: #f6d7c5;
+  border-color: #7891a4;
 }