@duetds/components 9.12.0 → 9.12.2

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

@@ -965,7 +965,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputType": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputType"
                         }
                     }
@@ -991,7 +991,7 @@ export class DuetInput {
                     "references": {
                         "DuetVariationType": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetVariationType"
                         }
                     }
@@ -1259,7 +1259,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputComponentType": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputComponentType"
                         }
                     }
@@ -1476,7 +1476,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1497,7 +1497,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1518,7 +1518,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1539,7 +1539,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1560,7 +1560,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }

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

@@ -90,5 +90,5 @@ label span {
 }
 
 :host(.duet-theme-turva2.duet-theme-turva) label {
-  color: #171c3a;
+  color: #172a3b;
 }

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

@@ -105,7 +105,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelMargin": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelMargin"
                         }
                     }
@@ -131,7 +131,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelSize"
                         }
                     }

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

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

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

@@ -431,22 +431,22 @@ button {
 }
 
 :host(.duet-theme-turva2) .duet-tab-to-link.duet-theme-turva {
-  color: #171c3a;
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-link.button.duet-theme-turva,
 :host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva {
-  border-color: #fbe4d6;
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-link.button.duet-theme-turva .duet-link-content,
 :host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva .duet-link-content {
-  color: #171c3a;
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-link.button.duet-theme-turva:hover {
   border-color: #e61740;
   outline-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover {
-  border-color: #fbe4d6;
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover .duet-link-content {
   color: #e61740;

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

@@ -175,7 +175,7 @@ export class DuetList {
                     "references": {
                         "DuetListMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListMobileAlignment"
                         }
                     }
@@ -227,7 +227,7 @@ export class DuetList {
                     "references": {
                         "DuetListVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListVariation"
                         }
                     }
@@ -253,7 +253,7 @@ export class DuetList {
                     "references": {
                         "DuetListLabelWidth": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListLabelWidth"
                         }
                     }

package/lib/collection/components/duet-list-item/duet-list-item.css

@@ -433,22 +433,22 @@
   }
 }
 :host(.duet-theme-turva2.duet-theme-turva) {
-  color: #171c3a;
+  color: #172a3b;
 }
 
 :host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,
 :host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-child(odd)) dd {
-  background: #fcf7f3;
+  background: #f5f6f7;
 }
 
 :host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva) {
-  border-block-start: 1px solid #ffefe5;
+  border-block-start: 1px solid #d4dde2;
 }
 
 :host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva:last-child) {
-  border-block-end: 1px solid #ffefe5;
+  border-block-end: 1px solid #d4dde2;
 }
 
 :host(.duet-theme-turva2.duet-list-inner-bordered.duet-theme-turva:not(:last-child)) {
-  border-block-end: 1px solid #ffefe5;
+  border-block-end: 1px solid #d4dde2;
 }

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

@@ -76,4 +76,13 @@
 .duet-logo.large.duet-theme-turva {
   width: 149.6px;
   height: 54.4px;
+}
+
+:host(.duet-theme-turva2) .duet-logo {
+  width: 92px;
+  height: 22.2px;
+}
+:host(.duet-theme-turva2) .duet-logo.large {
+  width: 124.3243243243px;
+  height: 30px;
 }

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

@@ -7,9 +7,12 @@ import { inheritGlobalTheme } from "../../common/themeable-component";
 import { createID } from "../../utils/create-id";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
 const TurvaLogo = ({ inverse, logoId }) => {
+    var _a;
     const logoColor = inverse ? colorGrayLightest : colorBrandGrayTurva;
     const textColor = inverse ? colorGrayLightest : colorPrimaryTurva;
-    return (h("svg", { role: "img", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": logoId, viewBox: "0 0 305 111" }, h("title", { id: logoId }, "Turva"), h("path", { fill: logoColor, d: "M79 90.1A40.5 40.5 0 0 0 98.3 58H79v32.2z" }), h("path", { fill: logoColor, d: "M45.1 57.9V46.4h52.3a40.5 40.5 0 1 0-30 48.5V58H45z" }), h("path", { fill: textColor, d: "M278.9 80.3v-9.8l-7.4.4c-2.4.3-4.3.6-5.7 1-1.7.4-4 1.3-5 2.3-1 1-2.3 2.8-2.3 4.6 0 2 .8 3.8 2 4.8s3.3 2 5.7 2a22 22 0 0 0 12.7-5.3zm4.2 8H279v-4.1l-3 1.9-2.8 1.5a17.4 17.4 0 0 1-7.4 1.6c-3 0-6.3-.7-8-2.3a9.6 9.6 0 0 1-3.4-7.2 9 9 0 0 1 1.8-5.9c1.1-1.6 3.1-3.3 5.2-4.2 2.1-1 4.7-1.6 7.7-1.9 3.4-.4 6.8-.6 9.8-.7v-1.1a6 6 0 0 0-.7-3.3 8 8 0 0 0-2.6-2.5c-.8-.5-2.2-1-3.4-1.1a25.7 25.7 0 0 0-8.8.4c-1.9.4-3.3 1-5.4 1.7h-.3v-4.3c1.2-.3 2.3-.7 4.5-1a37.7 37.7 0 0 1 12.8 0c1.8.4 2.9 1 4.2 2 1.3 1 2.3 2.3 3 3.8.7 1.5 1 3.2 1 4.7v22zM250.1 56l-14 32.4h-4.8L217.4 56h4.5l12 27.7L245.6 56zM137.7 88.2l-2.7.7c-.9.2-2 .4-4.2.4a9 9 0 0 1-7.2-3c-1.9-1.8-2.6-5-2.6-9.3V60.2h-5.2V56h5.2V47h4.2v9h12.6v4.2h-12.6v14.2c0 1.8 0 4.3.2 5.4 0 1 .3 2.5.8 3.4.5.8 1.4 1.4 2.2 1.8.8.4 2.7.5 4.1.5 1-.1 1.7-.2 2.7-.5l2.2-.6h.3v3.8zM176.4 88.4h-4.2v-3.9c-2 1.6-4.5 2.8-6.3 3.6-1.8.8-3.8 1.3-6 1.3-3.6 0-6-1.2-8-3.4s-2.5-5.5-2.5-9.9v-20h4.2V74c0 1.8.1 3.8.3 5 .2 1.3.5 3 1 3.8a5 5 0 0 0 2.2 2c1 .5 2.2.7 4 .7 1.5 0 3.1-.4 5-1.2 1.7-.8 4.5-2.4 6-3.6V56.1h4.3v32.3zM210.4 61h-.3a21.6 21.6 0 0 0-5.4-.7c-1.9 0-3.6.4-5.3 1.2a31 31 0 0 0-5.4 3.7v23.2h-4.3V56h4.3v5.2c2.3-1.9 5-3.2 6.7-4 1.8-.8 3.6-1.2 5.5-1.2a22.3 22.3 0 0 1 4.2.4v4.4z" })));
+    const turva2LogoColor = inverse ? colorGrayLightest : "#e61740"; // turva2-red-600 - hard coded as not yet available as token
+    const isTurva2 = (_a = document.documentElement.attributes.getNamedItem("class")) === null || _a === void 0 ? void 0 : _a.value.includes("duet-theme-turva2");
+    return isTurva2 ? (h("svg", { role: "img", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": logoId, viewBox: "0 0 460 111" }, h("path", { fill: turva2LogoColor, d: "M376.31,6.532L353.12,6.532C351.181,6.585 348.968,6.454 348.169,8.504L335.005,45.585C335.005,45.585 332.621,52.566 331.6,56.371C330.84,59.194 327.113,59.305 326.432,56.299C325.588,52.559 323.119,45.637 323.119,45.637L311.311,9.316C310.439,6.572 308.979,6.539 306.53,6.539L279.678,6.539C277.262,6.539 277.537,7.803 277.963,8.884L313.177,98.22C314.323,101.049 315.633,101.455 317.945,101.455L338.98,101.455C341.869,101.455 342.707,99.195 343.132,98.22L378.425,9.715C378.773,8.818 379.362,6.539 376.297,6.539L376.31,6.532Z" }), h("path", { fill: turva2LogoColor, d: "M459.516,96.346C454.277,83.268 433.732,31.15 425.821,9.722C424.662,6.821 423.686,6.539 421.689,6.539L399.651,6.539C397.647,6.539 396.783,7.541 395.885,9.925C387.024,33.495 362.341,94.31 361.535,96.346C360.704,98.455 360.717,101.455 363.277,101.455L387.358,101.455C389.52,101.455 389.827,100.63 391.032,98.22C391.36,97.558 394.097,91.461 395.034,89.103C395.329,88.357 396.049,87.872 396.848,87.872L422.298,87.813C423.084,87.813 423.791,88.271 424.099,88.992C425.225,91.605 428.598,98.815 428.932,99.621C429.574,101.167 430.235,101.455 432.095,101.455L457.768,101.455C460.328,101.455 460.341,98.455 459.51,96.346L459.516,96.346ZM417.916,66.253L402.559,66.286C401.144,66.286 400.463,65.075 400.974,63.529C401.308,62.52 408.224,43.574 408.551,42.611C408.551,42.592 408.571,42.579 408.584,42.559C408.925,41.485 409.272,40.365 409.501,39.507C409.809,38.354 411.452,38.387 411.714,39.553C411.898,40.352 412.376,41.937 412.52,42.408C413.064,44.209 419.449,63.313 419.508,63.49C420.019,65.035 419.344,66.247 417.923,66.247L417.916,66.253Z" }), h("path", { fill: turva2LogoColor, d: "M162.312,28.57L162.312,27.3C162.312,25.734 163.838,24.719 165.122,25.44C168.953,27.575 173.662,29.389 178.96,30.843C179.432,30.974 179.897,30.613 179.897,30.129L179.897,9.748C179.897,7.148 179.327,6.46 176.616,6.46L153.15,6.46C150.432,6.46 149.869,7.148 149.869,9.748L149.869,60.327C149.869,75.547 142.207,78.356 136.457,78.356C130.707,78.356 123.031,74.99 123.031,60.327L123.031,9.748C123.031,7.148 122.461,6.46 119.75,6.46L96.311,6.46C93.593,6.46 93.03,7.148 93.03,9.748L93.03,65.599C93.03,99.621 125.493,104.618 136.496,104.618C149.057,104.618 179.897,100.158 179.897,65.599L179.897,51.511C179.897,50.974 179.602,50.483 179.13,50.215C169.019,44.504 162.306,36.553 162.306,28.563L162.312,28.57Z" }), h("path", { fill: turva2LogoColor, d: "M282.593,98.252C279.561,93.989 261.976,67.203 261.976,67.203C258.662,62.213 263.967,65.854 271.472,55.546C283.497,39.022 275.684,11.68 252.166,7.823C244.025,6.153 235.492,6.467 231.025,6.467L199,6.467C196.282,6.467 195.719,7.155 195.719,9.755L195.719,33.338C195.719,33.718 196.001,34.039 196.381,34.078C201.371,34.628 206.558,34.91 211.817,34.91C230.174,34.91 247.771,31.432 258.512,25.446C259.795,24.732 261.321,25.741 261.321,27.306L261.321,28.577C261.321,43.666 237.417,58.604 211.817,58.604C206.623,58.604 201.502,57.989 196.63,56.882C196.165,56.777 195.719,57.124 195.719,57.602L195.719,98.174C195.719,100.774 196.289,101.461 199,101.461L221.739,101.461C224.457,101.461 225.02,100.774 225.02,98.174L225.039,71.047C225.039,69.954 229.44,70.111 230.776,71.702C235.086,76.843 242.899,92.928 246.547,96.857C248.852,99.346 253.011,101.461 260.287,101.461L278.958,101.461C281.231,101.461 283.765,99.916 282.586,98.265L282.593,98.252Z" }), h("path", { fill: turva2LogoColor, d: "M77.377,6.388L3.281,6.388C0.563,6.388 0,7.076 0,9.676L0,31.556C0,33.809 0,34.7 2.331,34.7L24.297,34.7C26.432,34.7 26.491,35.46 26.491,37.359L26.504,98.174C26.504,100.774 27.074,101.461 29.785,101.461L51.24,101.461C53.958,101.461 54.521,100.774 54.521,98.174L54.521,37.221C54.521,35.427 54.632,34.7 56.715,34.7L78.026,34.7C80.161,34.7 80.665,33.665 80.665,31.936L80.665,9.682C80.665,7.083 80.095,6.395 77.384,6.395L77.377,6.388Z" }))) : (h("svg", { role: "img", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": logoId, viewBox: "0 0 305 111" }, h("title", { id: logoId }, "Turva"), h("path", { fill: logoColor, d: "M79 90.1A40.5 40.5 0 0 0 98.3 58H79v32.2z" }), h("path", { fill: logoColor, d: "M45.1 57.9V46.4h52.3a40.5 40.5 0 1 0-30 48.5V58H45z" }), h("path", { fill: textColor, d: "M278.9 80.3v-9.8l-7.4.4c-2.4.3-4.3.6-5.7 1-1.7.4-4 1.3-5 2.3-1 1-2.3 2.8-2.3 4.6 0 2 .8 3.8 2 4.8s3.3 2 5.7 2a22 22 0 0 0 12.7-5.3zm4.2 8H279v-4.1l-3 1.9-2.8 1.5a17.4 17.4 0 0 1-7.4 1.6c-3 0-6.3-.7-8-2.3a9.6 9.6 0 0 1-3.4-7.2 9 9 0 0 1 1.8-5.9c1.1-1.6 3.1-3.3 5.2-4.2 2.1-1 4.7-1.6 7.7-1.9 3.4-.4 6.8-.6 9.8-.7v-1.1a6 6 0 0 0-.7-3.3 8 8 0 0 0-2.6-2.5c-.8-.5-2.2-1-3.4-1.1a25.7 25.7 0 0 0-8.8.4c-1.9.4-3.3 1-5.4 1.7h-.3v-4.3c1.2-.3 2.3-.7 4.5-1a37.7 37.7 0 0 1 12.8 0c1.8.4 2.9 1 4.2 2 1.3 1 2.3 2.3 3 3.8.7 1.5 1 3.2 1 4.7v22zM250.1 56l-14 32.4h-4.8L217.4 56h4.5l12 27.7L245.6 56zM137.7 88.2l-2.7.7c-.9.2-2 .4-4.2.4a9 9 0 0 1-7.2-3c-1.9-1.8-2.6-5-2.6-9.3V60.2h-5.2V56h5.2V47h4.2v9h12.6v4.2h-12.6v14.2c0 1.8 0 4.3.2 5.4 0 1 .3 2.5.8 3.4.5.8 1.4 1.4 2.2 1.8.8.4 2.7.5 4.1.5 1-.1 1.7-.2 2.7-.5l2.2-.6h.3v3.8zM176.4 88.4h-4.2v-3.9c-2 1.6-4.5 2.8-6.3 3.6-1.8.8-3.8 1.3-6 1.3-3.6 0-6-1.2-8-3.4s-2.5-5.5-2.5-9.9v-20h4.2V74c0 1.8.1 3.8.3 5 .2 1.3.5 3 1 3.8a5 5 0 0 0 2.2 2c1 .5 2.2.7 4 .7 1.5 0 3.1-.4 5-1.2 1.7-.8 4.5-2.4 6-3.6V56.1h4.3v32.3zM210.4 61h-.3a21.6 21.6 0 0 0-5.4-.7c-1.9 0-3.6.4-5.3 1.2a31 31 0 0 0-5.4 3.7v23.2h-4.3V56h4.3v5.2c2.3-1.9 5-3.2 6.7-4 1.8-.8 3.6-1.2 5.5-1.2a22.3 22.3 0 0 1 4.2.4v4.4z" })));
 };
 const i18n = {
     fi: {
@@ -79,7 +82,7 @@ export class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (h(Host, { key: '32845f8239d631a8b0544f6fe493e0ae557f89f5', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: 'b9b3dea6548f30a977ccb4a9fadfe3aae7090aca', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (h(Host, { key: 'e2be654fa774bc533a7a4a4b1a983368901e1d42', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: '8a5fc145b623f33eb5ec1526b0b5b90f5c6ff7fa', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
                 "duet-logo": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",
@@ -182,7 +185,7 @@ export class DuetLogo {
                     "references": {
                         "DuetLogoSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-logo/duet-logo.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-logo/duet-logo.tsx",
                             "id": "src/components/duet-logo/duet-logo.tsx::DuetLogoSize"
                         }
                     }

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

@@ -203,8 +203,8 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .center {
-  color: #171c3a;
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .right {
-  color: #171c3a;
+  color: #172a3b;
 }

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

@@ -361,7 +361,7 @@ export class DuetMenuBar {
                     "references": {
                         "DuetMenuBarChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
                             "id": "src/components/duet-menu-bar/duet-menu-bar.tsx::DuetMenuBarChangeEvent"
                         }
                     }

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

@@ -154,7 +154,7 @@
 }
 
 :host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button {
-  color: #171c3a;
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover {
   color: #e61740;

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

@@ -59,8 +59,8 @@
 }
 
 :host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva {
-  color: #171c3a;
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva:hover {
-  background: #ffefe5;
+  background: #fbebe1;
 }

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

@@ -321,9 +321,9 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-modal {
-  color: #171c3a;
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-modal-sticky-header {
-  background: #fcf7f3;
-  border-bottom: 1px solid #ffefe5;
+  background: #fdf7f2;
+  border-bottom: 1px solid #d4dde2;
 }

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

@@ -385,7 +385,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -508,7 +508,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalVariation"
                         }
                     }
@@ -534,7 +534,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -809,7 +809,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalCloseEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalCloseEvent"
                         }
                     }

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

@@ -328,30 +328,30 @@
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect:focus,
 :host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect.duet-multiselect-active {
-  border-color: #171c3a;
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[disabled] {
-  color: #171c3a !important;
-  background: #fcf7f3 !important;
-  border-color: #fcf7f3 !important;
-  -webkit-text-fill-color: #171c3a !important;
+  color: #172a3b !important;
+  background: #f5f6f7 !important;
+  border-color: #f5f6f7 !important;
+  -webkit-text-fill-color: #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect {
-  color: #171c3a;
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg {
-  color: #171c3a;
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge {
-  color: #171c3a;
-  background: #e8e8eb;
+  color: #172a3b;
+  background: #e8eaeb;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes {
-  border-color: #ffefe5;
+  border-color: #d4dde2;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button {
   color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover {
-  color: #171c3a;
+  color: #172a3b;
 }

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

@@ -350,7 +350,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         }
                     }
@@ -499,12 +499,12 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         },
                         "DuetMultiselectItemGroup": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItemGroup"
                         }
                     }
@@ -697,7 +697,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -718,7 +718,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -739,7 +739,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }

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

@@ -157,17 +157,17 @@
 }
 
 :host(.duet-theme-turva2) .duet-notification.duet-theme-turva {
-  color: #171c3a;
-  border-bottom-color: #ffefe5;
+  color: #172a3b;
+  border-bottom-color: #fbe1d1;
 }
 :host(.duet-theme-turva2) .duet-notification.duet-notification-highlight.duet-theme-turva {
-  background: #fcf7f3;
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-notification-badge.duet-theme-turva {
   background: #e61740;
 }
 @media (min-width: 62em) {
   :host(.duet-theme-turva2) .duet-notification:hover.duet-theme-turva {
-    background: #fcf7f3;
+    background: #fdf7f2;
   }
 }

package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css

@@ -255,13 +255,14 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle {
-  color: #171c3a;
-  border-color: #ffefe5;
+  color: #172a3b;
+  border-color: #d4dde2;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle::after {
   background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true],
 :host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover {
-  border-color: #fcf7f3;
+  color: #8c001e;
+  border-color: #f5f6f7;
 }

package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js

@@ -299,7 +299,7 @@ export class DuetNotificationDrawer {
                     "references": {
                         "DuetNotificationDrawerDirection": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
                             "id": "src/components/duet-notification-drawer/duet-notification-drawer.tsx::DuetNotificationDrawerDirection"
                         }
                     }

package/lib/collection/components/duet-number-input/duet-number-input.css

@@ -128,8 +128,8 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:first-of-type::before {
-  background: linear-gradient(to left, rgba(251, 228, 214, 0.2) 0%, rgba(251, 228, 214, 0.2) 1px, rgba(251, 228, 214, 0.1) 1px, rgba(251, 228, 214, 0) 100%);
+  background: linear-gradient(to left, rgba(178, 194, 205, 0.2) 0%, rgba(178, 194, 205, 0.2) 1px, rgba(178, 194, 205, 0.1) 1px, rgba(178, 194, 205, 0) 100%);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:last-of-type::before {
-  background: #ffefe5;
+  background: #d4dde2;
 }

package/lib/collection/components/duet-number-input/duet-number-input.js

@@ -1108,7 +1108,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1129,7 +1129,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1150,7 +1150,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1171,7 +1171,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }

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

@@ -107,5 +107,5 @@
 }
 
 :host(.duet-theme-turva2) .duet-overlay.duet-theme-turva {
-  background: #171c3a;
+  background: #172a3b;
 }

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

@@ -35,7 +35,7 @@ export class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '1db610c81a0108f9e27827fd80ea0bfca3315079', "aria-hidden": "true" }, h("div", { key: 'ac9e333e24880537bda35a45bef37ae8fded0a6b', style: { zIndex: this.zIndex }, class: {
+        return (h(Host, { key: 'e7a574b2235362b51cc815d17b854c9cf341a71d', "aria-hidden": "true" }, h("div", { key: '676c70875523c48a8d0e2bf7c41dd69c6aa6fbaf', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -158,7 +158,7 @@ export class DuetOverlay {
                     "references": {
                         "OverlayDisplayDevice": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-overlay/duet-overlay.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-overlay/duet-overlay.tsx",
                             "id": "src/components/duet-overlay/duet-overlay.tsx::OverlayDisplayDevice"
                         }
                     }
@@ -237,4 +237,5 @@ export class DuetOverlay {
             }
         };
     }
+    static get elementRef() { return "element"; }
 }

package/lib/collection/components/duet-page-heading/duet-page-heading.css

@@ -235,7 +235,7 @@
   background: rgba(230, 23, 64, 0.9);
 }
 :host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .progress-step {
-  background-color: #fbe4d6;
+  background-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .progress-step.active {
   background-color: #e61740;

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

@@ -79,5 +79,5 @@
 }
 
 :host(.duet-theme-turva2.duet-theme-turva) .duet-pagination-total-pages {
-  color: #171c3a;
+  color: #172a3b;
 }