@duetds/components 10.2.4 → 10.3.1

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

@@ -548,7 +548,7 @@ export class DuetInput {
             this.type !== "password" &&
             this.type !== "time" &&
             this.variation !== "button";
-        return (h(Host, { key: '97c6c512b6c027ca8043a43672a95b94f03f6156', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (h("duet-visually-hidden", { key: 'b822ea081dcf6540e2b68897ee048047aff84628', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), h("div", { key: '9e605485547ba28244c552f56e417b5601b54fe8', class: {
+        return (h(Host, { key: '1eb6191aaab4c5bd1077c68882b28d04fe1affef', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (h("duet-visually-hidden", { key: '606e2f2ae2ab2b48318b7fd8f4d2192e9c1d9ea8', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), h("div", { key: '80a74a720c101407751f1004d0ded71d9f5b0cca', class: {
                 "duet-input-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 [`duet-input-variation-${this.variation}`]: true,
@@ -562,7 +562,11 @@ export class DuetInput {
                 "has-clear": this.clear,
                 "has-focus": this.isFocused,
                 disabled: this.disabled,
-            } }, h("div", { key: '80b702bcab4580a325ba20786e5c4aabc2ed6097', class: "duet-input-label-container" }, h(DuetInternalLabel, { key: 'c1deac7c8b5bb4a0b7f83b56300847e0320bbe5c', theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: 'c62963ee9ff47b91fa4380725a514df722c9d2a6', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: '024482e338a12e5e93c1a281c5780575f72986f5', name: "tooltip" })), this.caption && (h("duet-caption", { key: '38d05c2a565c01b678e55ffd8229387e67d313e5', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: '211a0b1ea0a61065f35ba521c44656002a82af3d', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (h("duet-caption", { key: '48c712f9c9ac80bf82ced7d12b6e3d82a4fafd9a', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (h("duet-visually-hidden", { key: '94be7e517078792db305259a743d3e9f9b1ed78f', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), this.variation === "button-left" && h("slot", { key: '1c73512bd1cb13064dface542dd5c83c0ce0bb61', name: "button-left" }), h("input", Object.assign({ key: '2712744a1452a269a9cf149aaa6e6b5fc99cefe3', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
+            } }, h("div", { key: 'e75d978a35f9329df71ec9e85f0eed8433addb13', class: "duet-input-label-container" }, h(DuetInternalLabel, { key: '42155bef67e2f2ed2bc401abbed050e9b147c5b0', theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '0b17713442d9e85a071fd8f891ad8b18e6d41c1b', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: '574024190707b602760edf56f6f081cdc5ce3a06', name: "tooltip" })), this.caption && (h("duet-caption", { key: '3bfd4db6bcb18def8439d3b3532fed1f4ec2c3ed', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: '0db5fecd76df4b90a6990d382e5af5ea655597a2', class: {
+                "duet-input-relative": true,
+                "duet-theme-turva": this.theme === "turva",
+                "has-error": !!this.error,
+            } }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (h("duet-caption", { key: 'd501c8b4037074997020bca7c3ea488e85eecd00', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (h("duet-visually-hidden", { key: '80ada9143fc5d0a80be79225176321dde4c2b751', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), this.variation === "button-left" && h("slot", { key: 'd2f2297577b918f9b00dffe210310f8b5902b8f4', name: "button-left" }), h("input", Object.assign({ key: 'c73b07336a423b55fc1365d51db107df4ec3c9d0', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
                 "duet-input": true,
                 disabled: this.disabled,
                 "is-number": this.component === "number",
@@ -570,17 +574,17 @@ export class DuetInput {
                 "after-chip": this.getAllChips().length > 0,
                 "align-right": this.inputAlign === "right",
                 [`input-padding-${this.inputPadding}`]: true,
-            }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (h("div", { key: '080395d2f4005f5e2d40ebeadf5be30fb014e71d', class: "duet-input-icon" }, h("duet-icon", { key: '2a5bfe3a6d42a97e6cf451f833deeae80d852374', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (h("div", { key: '92a1308358fff9f5c6aed1a07e24053c7499e788', class: {
+            }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (h("div", { key: '1c17a9d9d010a4f780603790a88dee696a2b9cc4', class: "duet-input-icon" }, h("duet-icon", { key: '31a464daf54eb879f7e29821dfea02e2e0a3ea1a', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (h("div", { key: 'ceeb34206ddc6e2b5aa413e1811cf9884b88aa02', class: {
                 "duet-input-clear-icon": true,
                 "duet-input-clear-icon-single": !hasInputIcon,
                 "duet-input-clear-icon-double": !!this.icon,
                 "duet-input-clear-icon-button": this.variation === "button",
                 [`input-padding-${this.inputPadding}`]: true,
-            } }, h("button", { key: 'b921d4ca4eb54fc267ad62f3c956a9acd9ea4487', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, h("duet-icon", { key: 'bdea13847de38a2cfd7cab93aa5867dda090e8d0', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (h("div", { key: '4e49e31671b84ffbda56882870611aba296daab2', class: "duet-input-icon" }, h("duet-icon", { key: '8d95610824e317a5dd0c2a445f074a8845e118f9', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && h("slot", { key: 'a65627a7d986abbe186808402689fc99a08bf173', name: "button" }), this.variation === "revealable" && (h("duet-button", { key: 'c1ae746e55b6cf639c28a8b510c399c390ab875e', ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
+            } }, h("button", { key: '1857977acef2e30274a24d1d79f517e2f4c85622', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, h("duet-icon", { key: '7873a22bdde0030f84d65a12eb9eef6f7e5b4f05', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (h("div", { key: '772cbb355e2e10bd6ed14b8f5f3f7759943d564e', class: "duet-input-icon" }, h("duet-icon", { key: 'a814a80c20d9b449b780bfb76300c0bfd2a81179', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && h("slot", { key: 'e5dc657f02e11f18fce79ac4ae100ec22d7c6262', name: "button" }), this.variation === "revealable" && (h("duet-button", { key: 'f6f4f1af8a5597235245bfa13c569a3b8b15b58c', ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
                 ? this.hidePasswordLabel[this.language]
-                : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (h("duet-visually-hidden", { key: '002a8f8fcab8184f130dc007637ef24216aadee3' }, h("span", { key: 'fd669556e6e64700f4c2347183e20e6cbeb5682b', "aria-live": "polite" }, this.isPasswordRevealed
+                : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (h("duet-visually-hidden", { key: '8194008037516aa17ab2ee14066ee3b936dee6dd' }, h("span", { key: '3eaba770a22e3c7fce643f29204cba36837ae6ca', "aria-live": "polite" }, this.isPasswordRevealed
             ? this.passwordShownAriaAnnouncement[this.language]
-            : this.passwordHiddenAriaAnnouncement[this.language]))), h("slot", { key: 'cc9d622df88881cabca741a1dd95a162e955c349' })), h("span", { key: '31c73b30b14c89c56268c32102bb5427b9850ff1', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'b04cbeca6289a6b421013dde03381db825ac7a2c', class: "duet-input-error" }, this.error)))));
+            : this.passwordHiddenAriaAnnouncement[this.language]))), h("slot", { key: '85d82cb13cee107e0bbf8a45a882954cb680b1ef' })), h("span", { key: '7dc23251785bd369b7485d5e07c7b13b8594b3bd', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '6e5d9037b73b4aac9643ce004fafa25eb0a2ad9d', class: "duet-input-error" }, this.error)))));
     }
     static get is() { return "duet-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,8 +87,4 @@ label span {
 :host(.duet-theme-turva) label {
   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) label {
-  color: rgb(23, 42, 59);
 }

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

@@ -66,24 +66,24 @@ export class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fe098e91c7bb01e0e85f187ba546f8f0c15cf657', class: {
+        return (h(Host, { key: '2cdbe38f663ea0d8cc15fd500ecda5f411b9e0ad', class: {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: 'da78ba19b431c58d4c317488d836973313b3205e', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (h("div", { key: '6e681d77a0e10bb86b110e92d2843a41a95f57b3', class: {
+            } }, h("div", { key: '3844cb119e6ee20b71358c128536e493c0cefa10', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (h("div", { key: 'fc18a4c1bf4b0779f72fbe64409a7b34bf352761', class: {
                 "duet-layout-top": true,
                 "duet-center": this.center,
-            } }, h("div", { key: 'cb6263cad7fbb6bcd52af5be3286998c5e6f8ff3', class: "duet-layout-top-wrapper" }, h("slot", { key: 'c5c141ad0307a0c11bb7a03b5c78e45356b19945', name: "top" })))), h("div", { key: 'e524ed28fa4b2069b1bbbb3f603ba4e6101bd9b7', class: {
+            } }, h("div", { key: '3737558d8a28f5d5036e7a80dcaaf0b4414e62fb', class: "duet-layout-top-wrapper" }, h("slot", { key: '7fb843ff9f8debeb3690193a15fd76c1bcf4e12d', name: "top" })))), h("div", { key: 'adfd7395cbb2e39f853b88a14f991b00f8476090', class: {
                 "duet-layout": true,
                 "has-sidebar": this.hasSidebar,
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("main", { key: 'c593638dad35304125cad8df76e2666a68c537b6', class: "duet-main" }, this.hasPageHeading && h("slot", { key: '9bf4eb387cc838260b36ba8d14ca567dd0ab084e', name: "page-heading" }), h("slot", { key: 'afb96493e079f8eb59c1ad43746c25d5a522e239', name: "main" })), this.hasSidebar && (h("aside", { key: '0c61d31a6c40af17a4c2831ea7e441d3625b23b0', class: "duet-sidebar" }, h("div", { key: '524ea0db179272409930c635aa1faca2716f88d4', class: {
+            } }, h("main", { key: '0506f7e5ae428fbab490af792a6c9662b7b4e9fd', class: "duet-main" }, this.hasPageHeading && h("slot", { key: '820596fd9584dc5abfc82f2aae4b1fafe6d1f7a5', name: "page-heading" }), h("slot", { key: '8f513267e5becd3d5f079983895ebd7c4a409e74', name: "main" })), this.hasSidebar && (h("aside", { key: 'c3689c4105724962cffbedef78edbfa5d51e114b', class: "duet-sidebar" }, h("div", { key: 'b327b7c652bf43acaf36442b9aa47e0289d52d0c', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, h("slot", { key: '8e4836e0cc16d836afcdadf1fb31b5e8f9e81e45', name: "sidebar" }))))))));
+            } }, h("slot", { key: '75ea637d7fc09abde7ffb80b306b4f688811e415', name: "sidebar" }))))))));
     }
     static get is() { return "duet-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,22 +59,15 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-link:focus, .duet-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-link:focus, .duet-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-link:focus, .duet-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
 }
-.duet-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(185, 3, 41);
-}
 .duet-link:hover {
   color: rgb(0, 75, 129);
   text-decoration: none;
 }
-.duet-link:hover.duet-theme-turva {
-  color: rgb(140, 0, 30);
-}
 .duet-link:active {
   opacity: 0.75;
   transition: none;
@@ -122,10 +115,6 @@ button {
   opacity: 0;
   transition: none;
 }
-.duet-tab-to-link.duet-theme-turva {
-  min-width: 120px;
-  color: rgb(23, 42, 59);
-}
 @media (min-width: 106.25em) {
   .duet-tab-to-link {
     margin-left: 20px;
@@ -332,22 +321,6 @@ button {
     font-size: 1.1rem;
   }
 }
-.duet-link.button.duet-theme-turva,
-.duet-link.list-button.duet-theme-turva,
-.duet-link.card.duet-theme-turva {
-  border-color: rgb(178, 194, 205);
-}
-.duet-link.button.duet-theme-turva .duet-link-content,
-.duet-link.list-button.duet-theme-turva .duet-link-content,
-.duet-link.card.duet-theme-turva .duet-link-content {
-  color: rgb(23, 42, 59);
-}
-.duet-link.button.duet-theme-turva:hover,
-.duet-link.list-button.duet-theme-turva:hover,
-.duet-link.card.duet-theme-turva:hover {
-  outline-color: rgb(230, 23, 64);
-  border-color: rgb(230, 23, 64);
-}
 .duet-link.button .block__chevron-icon,
 .duet-link.list-button .block__chevron-icon,
 .duet-link.card .block__chevron-icon {
@@ -383,24 +356,11 @@ button {
 .duet-link.list-button:hover .duet-link-content {
   color: rgb(0, 119, 179);
 }
-.duet-link.list-button.duet-theme-turva .duet-link-content {
-  color: rgb(23, 42, 59);
-}
-.duet-link.list-button.duet-theme-turva:hover {
-  border-color: rgb(178, 194, 205);
-}
-.duet-link.list-button.duet-theme-turva:hover .duet-link-content {
-  color: rgb(230, 23, 64);
-}
 
 .duet-link.card {
   border-color: rgb(228, 236, 239);
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
 }
-.duet-link.card.duet-theme-turva {
-  border-color: rgb(228, 233, 237);
-  box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13);
-}
 .duet-link.card:not(.duet-link-has-icon) {
   gap: 12px;
   padding: 16px;
@@ -477,40 +437,46 @@ button {
   text-decoration: underline;
 }
 
-:host(.duet-theme-turva2) .duet-theme-turva.duet-link {
+.duet-theme-turva.duet-link {
+  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(185, 3, 41);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-link:hover {
+.duet-theme-turva.duet-link:hover {
   color: rgb(140, 0, 30);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-link.button, :host(.duet-theme-turva2) .duet-theme-turva.duet-link.list-button {
+.duet-theme-turva.duet-link.button, .duet-theme-turva.duet-link.list-button {
   border-color: rgb(178, 194, 205);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-link.button .duet-link-content, :host(.duet-theme-turva2) .duet-theme-turva.duet-link.list-button .duet-link-content {
+.duet-theme-turva.duet-link.button .duet-link-content, .duet-theme-turva.duet-link.list-button .duet-link-content {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-link.button:hover {
+.duet-theme-turva.duet-link.button:hover {
   outline-color: rgb(230, 23, 64);
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-link.list-button:hover {
+.duet-theme-turva.duet-link.list-button:hover {
   border-color: rgb(178, 194, 205);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-link.list-button:hover .duet-link-content {
+.duet-theme-turva.duet-link.list-button:hover .duet-link-content {
   color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-link.block, :host(.duet-theme-turva2) .duet-theme-turva.duet-link.block-center {
+.duet-theme-turva.duet-link.card {
+  border-color: rgb(228, 233, 237);
+  box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13);
+}
+.duet-theme-turva.duet-link.block, .duet-theme-turva.duet-link.block-center {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-link.block .duet-link-content, :host(.duet-theme-turva2) .duet-theme-turva.duet-link.block-center .duet-link-content {
+.duet-theme-turva.duet-link.block .duet-link-content, .duet-theme-turva.duet-link.block-center .duet-link-content {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-link.block:hover, :host(.duet-theme-turva2) .duet-theme-turva.duet-link.block-center:hover {
+.duet-theme-turva.duet-link.block:hover, .duet-theme-turva.duet-link.block-center:hover {
   color: rgb(185, 3, 41);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-link.block:hover .duet-link-content, :host(.duet-theme-turva2) .duet-theme-turva.duet-link.block-center:hover .duet-link-content {
+.duet-theme-turva.duet-link.block:hover .duet-link-content, .duet-theme-turva.duet-link.block-center:hover .duet-link-content {
   color: rgb(185, 3, 41);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-to-link {
+.duet-theme-turva.duet-tab-to-link {
+  min-width: 120px;
   color: rgb(23, 42, 59);
 }

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

@@ -187,10 +187,10 @@ export class DuetLink {
         const Tag = !this.url && this.variation !== "default" ? "button" : "a";
         const role = !this.url && this.variation === "default" ? "button" : null;
         const isButton = Tag === "button";
-        return (h(Host, { key: '63ea212c967fed116f28d316bf7b4dc6f7bed88d', class: {
+        return (h(Host, { key: 'b7bc738a8b128a9e56337a4ddc2b3d8cb87d4cf6', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: 'c799db0446fbca186340c781f23ccecaf58e4336', href: this.url, class: {
+            } }, h(Tag, { key: '5b530346d4036ccf8d777a2114ab74385d390eb9', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,

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

@@ -101,7 +101,7 @@ export class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (h("dl", { key: '8cae41f240da2961c27153dc122763812b5fa34c', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: 'b99b56fcc934c6a52c71df3e77d60b91393ade02' })));
+        return (h("dl", { key: '8db79297c536ab67ccc4692ce3fba04812ad38f0', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: '9644e8591deac7c8e4ac380f65e93ffb54154e70' })));
     }
     static get is() { return "duet-list"; }
     static get encapsulation() { return "shadow"; }

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, 42, 59);
-}
-
 :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, 246, 247);
-}
-
 :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(212, 221, 226);
-}
-
-:host(.duet-list-bordered.duet-theme-turva:last-child) {
-  border-block-end: 1px solid rgb(212, 221, 226);
-}
-
 :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(212, 221, 226);
-}
-
 :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-list-item/duet-list-item.js

@@ -34,7 +34,7 @@ export class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '2fc646c6ec771484ba741b13db4e05af02190613', class: {
+        return (h(Host, { key: '47185c0399f547a7d80ac43adf617b617e33e604', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-no-stacking": !this.responsive,
                 "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
@@ -42,7 +42,7 @@ export class DuetListItem {
                 "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
                 "duet-list-item-breakpoint-large": this.breakpoint === "large",
                 "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
-            } }, h("dt", { key: 'a6f04cd679b723dec94b73f49a1f01e765cc2c2c' }, h("slot", { key: '3406e6b4499bc4e1ccbb65c8c20861a940058120', name: "label" })), h("dd", { key: '12904de4492dd50e266c323d2d038a514e4ed4f1' }, h("slot", { key: '1b5922436da8b77d4687c2fe55e7f58c5af37647', name: "value" }))));
+            } }, h("dt", { key: '6ae3c144789f6f61efd296b660b88b180a5e0e38' }, h("slot", { key: 'c33e76c13b822b05a938e421d6eb53ef95e403f7', name: "label" })), h("dd", { key: '31bda43d4a91ec3b4a44746a0ddde2f7b91845c2' }, h("slot", { key: 'c1ce54a0b9a7dd7256a7dcf3a32bef70bb063621', name: "value" }))));
     }
     static get is() { return "duet-list-item"; }
     static get encapsulation() { return "shadow"; }

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 {
   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: 'd99854962d44321597d2a365ebb9a1cc9ea96ef5', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: 'a68c65c4e68571831417a0c6ae7e8ae339f7fe29', 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(53, 79, 101);
-  border-left-color: rgb(212, 221, 226);
-}
 @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, 42, 59);
-}
 
 .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, 42, 59);
-}
 
-: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);
 }