@duetds/components 10.2.3 → 10.3.0

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

@@ -54,9 +54,6 @@
 :host dt {
   font-weight: 600;
 }
-.duet-theme-turva :host dt {
-  font-weight: 700;
-}
 :host dd {
   margin-left: auto;
 }
@@ -105,21 +102,11 @@
   text-align: center;
 }
 
-:host(.duet-theme-turva) {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 28, 58);
-}
-
 :host(.duet-list-striped:nth-of-type(odd)) dt,
 :host(.duet-list-striped:nth-of-type(odd)) dd {
   background: rgb(245, 248, 250);
 }
 
-:host(.duet-list-striped.duet-theme-turva:nth-of-type(odd)) dt,
-:host(.duet-list-striped.duet-theme-turva:nth-of-type(odd)) dd {
-  background: rgb(245, 247, 250);
-}
-
 :host(.duet-list-bordered) {
   border-block-start: 1px solid rgb(212, 223, 229);
 }
@@ -128,22 +115,10 @@
   border-block-end: 1px solid rgb(212, 223, 229);
 }
 
-:host(.duet-list-bordered.duet-theme-turva) {
-  border-block-start: 1px solid rgb(222, 224, 228);
-}
-
-:host(.duet-list-bordered.duet-theme-turva:last-child) {
-  border-block-end: 1px solid rgb(222, 224, 228);
-}
-
 :host(.duet-list-inner-bordered:not(:last-child)) {
   border-block-end: 1px solid rgb(212, 223, 229);
 }
 
-:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)) {
-  border-block-end: 1px solid rgb(222, 224, 228);
-}
-
 :host(.duet-no-stacking) {
   flex-direction: row;
 }
@@ -432,23 +407,28 @@
     flex-basis: 35%;
   }
 }
-:host(.duet-theme-turva2.duet-theme-turva) {
+:host(.duet-theme-turva) {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 42, 59);
 }
 
-:host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-of-type(odd)) dt,
-:host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-of-type(odd)) dd {
+:host(.duet-theme-turva) dt {
+  font-weight: 700;
+}
+
+:host(.duet-list-striped.duet-theme-turva:nth-of-type(odd)) dt,
+:host(.duet-list-striped.duet-theme-turva:nth-of-type(odd)) dd {
   background: rgb(245, 246, 247);
 }
 
-:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva) {
+:host(.duet-list-bordered.duet-theme-turva) {
   border-block-start: 1px solid rgb(212, 221, 226);
 }
 
-:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva:last-child) {
+:host(.duet-list-bordered.duet-theme-turva:last-child) {
   border-block-end: 1px solid rgb(212, 221, 226);
 }
 
-:host(.duet-theme-turva2.duet-list-inner-bordered.duet-theme-turva:not(:last-child)) {
+:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)) {
   border-block-end: 1px solid rgb(212, 221, 226);
 }

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

@@ -49,7 +49,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-logo:focus, .duet-logo:focus.duet-theme-turva, .duet-theme-turva2 .duet-logo:focus, .duet-logo:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-logo:focus, .duet-logo:focus.duet-theme-turva, .duet-theme-turva .duet-logo:focus, .duet-logo:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -60,10 +60,6 @@
 .duet-logo.duet-logo-sv {
   width: 167px;
 }
-.duet-logo.duet-theme-turva {
-  width: 110px;
-  height: 40px;
-}
 .duet-logo.duet-logo-inverse:focus {
   outline: 2px solid;
   outline-offset: 2px;
@@ -84,24 +80,20 @@
 .duet-logo.large.duet-logo-sv {
   width: 200.4px;
 }
-.duet-logo.large.duet-theme-turva {
-  width: 149.6px;
-  height: 54.4px;
-}
 .duet-logo.duet-logo-only-symbol {
   width: 28px;
   height: 28px;
 }
 
-:host(.duet-theme-turva2) .duet-logo {
+.duet-theme-turva.duet-logo {
   width: 92px;
   height: 22.2px;
 }
-:host(.duet-theme-turva2) .duet-logo.large {
+.duet-theme-turva.duet-logo.large {
   width: 124.3243243243px;
   height: 30px;
 }
-:host(.duet-theme-turva2) .duet-logo.duet-logo-only-symbol {
+.duet-theme-turva.duet-logo.duet-logo-only-symbol {
   width: 28px;
   height: 28px;
 }

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

@@ -1,25 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { colorBrandGrayTurva, colorGrayLightest, colorPrimary, colorPrimaryTurva } from "@duetds/tokens";
-import { Build, h, Host } from "@stencil/core";
+import { colorGrayLightest, colorPrimary } from "@duetds/tokens";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { createID } from "../../utils/create-id";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
-const getTurva2 = () => { var _a; return (_a = document.documentElement.attributes.getNamedItem("class")) === null || _a === void 0 ? void 0 : _a.value.includes("duet-theme-turva2"); };
 const TurvaLogo = ({ inverse, logoId }) => {
-    const logoColor = inverse ? colorGrayLightest : colorBrandGrayTurva;
-    const textColor = inverse ? colorGrayLightest : colorPrimaryTurva;
-    const turva2LogoColor = inverse ? colorGrayLightest : "#e61740"; // turva2-red-600 - hard coded as not yet available as token
-    const isTurva2 = getTurva2();
-    return isTurva2 ? (h("svg", { role: "img", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": logoId, viewBox: "0 0 460 111" }, h("title", { id: logoId }, "Turva"), 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 turvaLogoColor = inverse ? colorGrayLightest : "#e61740"; // turva-red-600 - hard coded as not yet available as token
+    return (h("svg", { role: "img", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": logoId, viewBox: "0 0 460 111" }, h("title", { id: logoId }, "Turva"), h("path", { fill: turvaLogoColor, 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: turvaLogoColor, 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: turvaLogoColor, 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: turvaLogoColor, 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: turvaLogoColor, 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" })));
 };
 const TurvaLogoSymbol = ({ inverse, logoId }) => {
-    var _a;
-    const logoColor = inverse ? colorGrayLightest : colorBrandGrayTurva;
-    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", { id: "a", xmlns: "http://www.w3.org/2000/svg", width: "500", height: "500", viewBox: "0 0 500 500" }, h("title", { id: logoId }, "Turva"), h("circle", { cx: "250", cy: "250", r: "250", fill: turva2LogoColor }), h("path", { d: "M346.35,113.78h-190.26c-6.97,0-8.43,1.76-8.43,8.44v.19s0,55.98,0,55.98c0,5.78,0,8.06,5.98,8.06h51.63c5.49,0,5.63,1.95,5.63,6.82l.03,94.19c0,6.68,1.46,8.44,8.43,8.44h64.6c6.97,0,8.43-1.76,8.43-8.44v-94.53c0-5.51.98-6.47,6.43-6.47h49.17c5.49,0,6.78-2.66,6.78-7.1v-57.14c0-6.68-1.46-8.44-8.43-8.44Z", fill: "#fff" }), h("path", { d: "M250,339.02c-62.43,0-122.26-11.83-158.77-32.18-4.37-2.44-9.56,1.01-9.56,6.33v4.32c0,51.3,81.28,102.09,168.33,102.09s168.33-50.79,168.33-102.09v-4.32c0-5.32-5.18-8.76-9.56-6.33-36.51,20.35-96.34,32.18-158.77,32.18Z", fill: "#fff" }))) : (h("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("title", { id: logoId }, "Turva"), h("path", { d: "M9.56842 10.8425V14.8074H17.259V27.617C16.2117 27.867 15.1199 28 13.9966 28C6.2665 28 0 21.7324 0 14C0 6.26802 6.2665 0 13.9966 0C20.6416 0 26.2045 4.63095 27.6359 10.8425H9.56842Z", fill: logoColor }), h("path", { d: "M27.9695 14.8073C27.7012 19.5272 25.0971 23.6203 21.2944 25.9486V14.8073H27.9695Z", fill: logoColor })));
+    const turvaLogoColor = inverse ? colorGrayLightest : "#e61740"; // turva-red-600 - hard coded as not yet available as token
+    return (h("svg", { id: "a", xmlns: "http://www.w3.org/2000/svg", width: "500", height: "500", viewBox: "0 0 500 500" }, h("title", { id: logoId }, "Turva"), h("circle", { cx: "250", cy: "250", r: "250", fill: turvaLogoColor }), h("path", { d: "M346.35,113.78h-190.26c-6.97,0-8.43,1.76-8.43,8.44v.19s0,55.98,0,55.98c0,5.78,0,8.06,5.98,8.06h51.63c5.49,0,5.63,1.95,5.63,6.82l.03,94.19c0,6.68,1.46,8.44,8.43,8.44h64.6c6.97,0,8.43-1.76,8.43-8.44v-94.53c0-5.51.98-6.47,6.43-6.47h49.17c5.49,0,6.78-2.66,6.78-7.1v-57.14c0-6.68-1.46-8.44-8.43-8.44Z", fill: "#fff" }), h("path", { d: "M250,339.02c-62.43,0-122.26-11.83-158.77-32.18-4.37-2.44-9.56,1.01-9.56,6.33v4.32c0,51.3,81.28,102.09,168.33,102.09s168.33-50.79,168.33-102.09v-4.32c0-5.32-5.18-8.76-9.56-6.33-36.51,20.35-96.34,32.18-158.77,32.18Z", fill: "#fff" })));
 };
 const ltTitle = {
     fi: "LähiTapiola",
@@ -59,7 +52,6 @@ export class DuetLogo {
          * Own Properties.
          */
         this.logoId = createID("DuetLogo");
-        this.isTurva2 = false;
         /**
          * Theme of the logo.
          */
@@ -104,9 +96,6 @@ export class DuetLogo {
          */
         this.onlySymbol = false;
     }
-    setTurva2State() {
-        this.isTurva2 = getTurva2();
-    }
     /**
      * Component lifecycle events.
      */
@@ -115,23 +104,9 @@ export class DuetLogo {
     }
     connectedCallback() {
         connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelDefaults" });
-        if (!Build.isServer) {
-            this.classMutationObserver = new MutationObserver(this.setTurva2State.bind(this));
-            this.classMutationObserver.observe(this.element, {
-                subtree: false,
-                childList: false,
-                characterData: false,
-                attributes: true,
-                attributeFilter: ["class"],
-                attributeOldValue: true,
-            });
-        }
     }
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
-        if (!Build.isServer) {
-            this.classMutationObserver.disconnect();
-        }
     }
     /**
      * Sets focus on the specified `duet-logo`. Use this method instead of the global
@@ -148,7 +123,7 @@ export class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (h(Host, { key: '45473fa278154204ad2358fcea7063bf90c56594', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: '6311062a05dc397c72ffbd371c6443cf96e3438e', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (h(Host, { key: 'c5a6f410a432651dc8201da3f23c1af4334756e2', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: 'a051499f4369db9483ae410d4d320b641855576a', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
                 "duet-logo": true,
                 [this.size]: true,
                 "duet-logo-inverse": this.inverse,
@@ -392,11 +367,6 @@ export class DuetLogo {
             }
         };
     }
-    static get states() {
-        return {
-            "isTurva2": {}
-        };
-    }
     static get methods() {
         return {
             "setFocus": {

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

@@ -225,26 +225,12 @@
   hyphens: auto;
   border-left: 1px solid rgb(212, 223, 229);
 }
-.duet-menu-bar .container .duet-logo-info-text.duet-theme-turva {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(71, 78, 101);
-  border-left-color: rgb(222, 224, 228);
-}
 @media (min-width: 48em) {
   .duet-menu-bar .container .duet-logo-info-text {
     max-height: 3.3rem;
     font-size: 1rem;
   }
 }
-.duet-menu-bar.duet-theme-turva {
-  background: rgb(255, 255, 255);
-  box-shadow: 0 2px 6px 0 rgba(23, 28, 58, 0.07);
-}
-@media (min-width: 62em) {
-  .duet-menu-bar.duet-theme-turva {
-    box-shadow: 0 3px 6px 0 rgba(23, 28, 58, 0.1);
-  }
-}
 .duet-menu-bar.duet-menu-bar-slim .container duet-logo.medium {
   display: block;
 }
@@ -277,10 +263,6 @@
   line-height: 1.25;
   color: rgb(8, 42, 77);
 }
-.duet-theme-turva .center {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 28, 58);
-}
 
 .right {
   font-size: 0.875rem;
@@ -288,18 +270,26 @@
   line-height: 1.25;
   color: rgb(0, 75, 129);
 }
-.duet-theme-turva .right {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 28, 58);
-}
 
-:host(.duet-theme-turva2) .duet-theme-turva .center {
+.duet-theme-turva .duet-menu-bar {
+  background: rgb(255, 255, 255);
+  box-shadow: 0 2px 6px 0 rgba(23, 28, 58, 0.07);
+}
+@media (min-width: 62em) {
+  .duet-theme-turva .duet-menu-bar {
+    box-shadow: 0 3px 6px 0 rgba(23, 28, 58, 0.1);
+  }
+}
+.duet-theme-turva .center {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .right {
+.duet-theme-turva .right {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-logo-info-text {
+.duet-theme-turva .duet-logo-info-text {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(53, 79, 101);
   border-left-color: rgb(212, 221, 226);
 }

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

@@ -43,7 +43,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-menu-bar-button:focus, .duet-menu-bar-button:focus.duet-theme-turva, .duet-theme-turva2 .duet-menu-bar-button:focus, .duet-menu-bar-button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-menu-bar-button:focus, .duet-menu-bar-button:focus.duet-theme-turva, .duet-theme-turva .duet-menu-bar-button:focus, .duet-menu-bar-button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -58,9 +58,6 @@
     height: 16px;
   }
 }
-.duet-menu-bar-button.duet-theme-turva {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
 @media (min-width: 62em) {
   .duet-menu-bar-button {
     padding: 0 16px;
@@ -75,13 +72,13 @@
   .duet-menu-bar-button:hover {
     color: rgb(0, 119, 179);
   }
-  .duet-menu-bar-button:hover.duet-theme-turva {
-    color: rgb(198, 12, 48);
-  }
 }
 
+.duet-theme-turva.duet-menu-bar-button {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-menu-bar-button.duet-theme-turva:hover {
+  .duet-theme-turva.duet-menu-bar-button:hover {
     color: rgb(230, 23, 64);
   }
 }

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

@@ -60,7 +60,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-menu-bar-dropdown button:focus, .duet-menu-bar-dropdown button:focus.duet-theme-turva, .duet-theme-turva2 .duet-menu-bar-dropdown button:focus, .duet-menu-bar-dropdown button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-menu-bar-dropdown button:focus, .duet-menu-bar-dropdown button:focus.duet-theme-turva, .duet-theme-turva .duet-menu-bar-dropdown button:focus, .duet-menu-bar-dropdown button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -90,9 +90,6 @@
 .duet-menu-bar-dropdown button.active .caret {
   transform: rotate(180deg);
 }
-.duet-theme-turva .duet-menu-bar-dropdown button.active {
-  color: rgb(198, 12, 48);
-}
 .duet-menu-bar-dropdown button.active::after {
   position: absolute;
   top: auto;
@@ -106,9 +103,6 @@
   transform: translateY(2px);
   transition: 300ms ease;
 }
-.duet-theme-turva .duet-menu-bar-dropdown button.active::after {
-  background: rgb(198, 12, 48);
-}
 .duet-menu-bar-dropdown .menu-bar-dropdown-icon {
   width: 20px;
   height: 20px;
@@ -139,32 +133,20 @@
 .duet-menu-bar-dropdown .items.hidden {
   display: none;
 }
+
 .duet-menu-bar-dropdown.duet-theme-turva button {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-menu-bar-dropdown.duet-theme-turva button:hover {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-menu-bar-dropdown.duet-theme-turva button.active {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-menu-bar-dropdown.duet-theme-turva button.active::after {
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 .duet-menu-bar-dropdown.duet-theme-turva .items {
   background: rgb(255, 255, 255);
-}
-
-:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button {
-  color: rgb(23, 42, 59);
-}
-:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover {
-  color: rgb(230, 23, 64);
-}
-:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active {
-  color: rgb(230, 23, 64);
-}
-:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active::after {
-  background: rgb(230, 23, 64);
 }

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

@@ -45,25 +45,20 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-menu-bar-dropdown-link:focus, .duet-menu-bar-dropdown-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-menu-bar-dropdown-link:focus, .duet-menu-bar-dropdown-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-menu-bar-dropdown-link:focus, .duet-menu-bar-dropdown-link:focus.duet-theme-turva, .duet-theme-turva .duet-menu-bar-dropdown-link:focus, .duet-menu-bar-dropdown-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
 }
-.duet-menu-bar-dropdown-link.duet-theme-turva {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 28, 58);
-}
 .duet-menu-bar-dropdown-link:hover {
   background: rgb(228, 241, 247);
 }
-.duet-menu-bar-dropdown-link:hover.duet-theme-turva {
-  background: rgb(222, 224, 228);
-}
 
-:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva {
+.duet-menu-bar-dropdown-link.duet-theme-turva {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva:hover {
+
+.duet-menu-bar-dropdown-link.duet-theme-turva:hover {
   background: rgb(251, 235, 225);
 }

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

@@ -45,7 +45,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-menu-bar-item:focus, .duet-menu-bar-item:focus.duet-theme-turva, .duet-theme-turva2 .duet-menu-bar-item:focus, .duet-menu-bar-item:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-menu-bar-item:focus, .duet-menu-bar-item:focus.duet-theme-turva, .duet-theme-turva .duet-menu-bar-item:focus, .duet-menu-bar-item:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -76,12 +76,6 @@
 .duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate {
   transform: rotate(180deg);
 }
-.duet-menu-bar-item.duet-theme-turva {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
-.duet-menu-bar-item.duet-theme-turva[aria-expanded=true] {
-  color: rgb(198, 12, 48);
-}
 @media (min-width: 62em) {
   .duet-menu-bar-item {
     padding: 0 16px;
@@ -115,32 +109,32 @@
     height: 2px;
   }
 }
-.duet-menu-bar-item.active.duet-theme-turva {
-  color: rgb(198, 12, 48);
-}
-.duet-menu-bar-item.active.duet-theme-turva::after {
-  background: rgb(198, 12, 48);
-}
 @media (min-width: 62em) {
   .duet-menu-bar-item:hover {
     color: rgb(0, 119, 179);
   }
-  .duet-menu-bar-item:hover.duet-theme-turva {
-    color: rgb(198, 12, 48);
-  }
 }
 
-:host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva[aria-expanded=true] {
+.duet-menu-bar-item.duet-theme-turva {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+.duet-menu-bar-item.duet-theme-turva::after {
+  background: rgb(230, 23, 64);
+}
+
+.duet-menu-bar-item.duet-theme-turva[aria-expanded=true] {
   color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva {
+
+.duet-menu-bar-item.active.duet-theme-turva {
   color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva::after {
+.duet-menu-bar-item.active.duet-theme-turva::after {
   background: rgb(230, 23, 64);
 }
+
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva:hover {
+  .duet-menu-bar-item.duet-theme-turva:hover {
     color: rgb(230, 23, 64);
   }
 }

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

@@ -42,7 +42,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-menu-bar-link:focus, .duet-menu-bar-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-menu-bar-link:focus, .duet-menu-bar-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-menu-bar-link:focus, .duet-menu-bar-link:focus.duet-theme-turva, .duet-theme-turva .duet-menu-bar-link:focus, .duet-menu-bar-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -57,9 +57,6 @@
     height: 16px;
   }
 }
-.duet-menu-bar-link.duet-theme-turva {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
 @media (min-width: 62em) {
   .duet-menu-bar-link {
     padding: 0 16px;
@@ -93,29 +90,25 @@
     height: 2px;
   }
 }
-.duet-menu-bar-link.active.duet-theme-turva {
-  color: rgb(198, 12, 48);
-}
-.duet-menu-bar-link.active.duet-theme-turva::after {
-  background: rgb(198, 12, 48);
-}
 @media (min-width: 62em) {
   .duet-menu-bar-link:hover {
     color: rgb(0, 119, 179);
   }
-  .duet-menu-bar-link:hover.duet-theme-turva {
-    color: rgb(198, 12, 48);
-  }
 }
 
-:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva {
+.duet-menu-bar-link.duet-theme-turva {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.duet-menu-bar-link.active.duet-theme-turva {
   color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva::after {
+.duet-menu-bar-link.active.duet-theme-turva::after {
   background: rgb(230, 23, 64);
 }
+
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-menu-bar-link.duet-theme-turva:hover {
+  .duet-menu-bar-link.duet-theme-turva:hover {
     color: rgb(230, 23, 64);
   }
 }

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

@@ -125,10 +125,6 @@
   transition: 300ms ease;
   transition-delay: 0ms;
 }
-.duet-theme-turva .duet-modal {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 28, 58);
-}
 .duet-modal-active .duet-modal {
   opacity: 1;
   transform: none;
@@ -286,10 +282,6 @@
   border-bottom: 1px solid rgb(212, 223, 229);
   border-radius: 16px 16px 0 0;
 }
-.duet-theme-turva .duet-modal-sticky-header {
-  background: rgb(245, 247, 250);
-  border-bottom: 1px solid rgb(222, 224, 228);
-}
 
 .duet-modal-close {
   position: absolute;
@@ -320,10 +312,11 @@
   margin: 0 !important;
 }
 
-:host(.duet-theme-turva2) .duet-theme-turva .duet-modal {
+.duet-theme-turva .duet-modal {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-modal-sticky-header {
+.duet-theme-turva .duet-modal-sticky-header {
   background: rgb(253, 247, 242);
   border-bottom: 1px solid rgb(212, 221, 226);
 }