npm - @duetds/components - Versions diffs - 9.10.0 → 9.11.0 - Mend

@duetds/components 9.10.0 → 9.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (775) hide show

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

@@ -539,4 +539,55 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   width: 100%;
   height: 100%;
   opacity: 0;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-choice-card {
+  color: rgb(35, 46, 61) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label {
+  border-color: rgb(248, 229, 217);
+}
+.info :host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label {
+  border-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label {
+  background: rgb(253, 247, 242);
+  border-color: rgb(35, 46, 61) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
+  border-color: rgb(197, 29, 65);
+}
+.duet-choice-label :host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
+  background: rgb(35, 46, 61);
+  border-color: rgb(35, 46, 61) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info, :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible {
+  color: rgb(35, 46, 61);
+  border-color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible {
+  border-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible.checked {
+  border-color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info {
+  background: rgb(253, 247, 242);
+  border-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-checkmark-container {
+  border-color: rgb(241, 202, 178);
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle {
+  border-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle[aria-expanded=true] {
+  background: rgb(253, 247, 242);
+}
+:host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover) > .duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) {
+  border-color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover) > .duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container {
+  border-color: rgb(241, 202, 178);
 }

package/lib/collection/components/duet-collapsible/duet-collapsible.css CHANGED Viewed

@@ -150,4 +150,12 @@
 :host(.negative) .duet-collapsible-content,
 :host(.negative) .duet-collapsible-heading-icon {
   color: rgb(255, 255, 255);
+}
+:host(.duet-theme-turva2) {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-collapsible-content.duet-theme-turva,
+:host(.duet-theme-turva2) .duet-collapsible-heading.duet-theme-turva {
+  color: rgb(23, 28, 58);
 }

package/lib/collection/components/duet-combobox/duet-combobox.css CHANGED Viewed

@@ -28,4 +28,11 @@
 .combobox-menu-container {
   width: var(--popup-width);
   max-height: 200px;
+}
+:host(.duet-theme-turva2.duet-theme-turva) {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2.duet-theme-turva) a {
+  color: rgb(35, 46, 61);
 }

package/lib/collection/components/duet-contact-card/duet-contact-card.css CHANGED Viewed

@@ -82,4 +82,8 @@
   justify-content: flex-start;
   padding-bottom: 8px;
   overflow-wrap: break-word;
+}
+:host(.duet-theme-turva2) .duet-contact-card.duet-theme-turva {
+  color: rgb(35, 46, 61);
 }

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css CHANGED Viewed

@@ -112,4 +112,13 @@
 .duet-theme-turva ::slotted(a:focus) {
   outline: 0;
   box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+}
+:host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva {
+  background-color: rgba(18, 23, 31, 0.9);
+}
+@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
+  :host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva {
+    background: rgba(18, 23, 31, 0.8);
+  }
 }

package/lib/collection/components/duet-date-picker/duet-date-picker.css CHANGED Viewed

@@ -83,7 +83,8 @@
 }
 .duet-theme-turva .duet-date-button {
   color: rgb(23, 28, 58);
-  border-color: rgb(199, 202, 207);
+  border-color: rgb(143, 147, 158);
+  border-left-color: rgb(199, 202, 207);
 }
 .duet-date-button::before {
   position: absolute;
@@ -495,4 +496,39 @@
 }
 .duet-theme-turva .duet-date-picker-close:focus {
   box-shadow: 0 0 0 2px #171c3a !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-date-button {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-date-input-has-focus :host(.duet-theme-turva2) .duet-theme-turva, :host(.duet-theme-turva2) .duet-theme-turva:focus {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button {
+  color: rgb(35, 46, 61) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:hover {
+  background: rgb(248, 229, 217) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.today {
+  background: rgb(253, 247, 242) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:active {
+  color: rgb(255, 255, 255) !important;
+  background: rgb(197, 29, 65) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.outside {
+  color: rgb(113, 118, 132) !important;
+  background: rgb(222, 224, 228) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.disabled {
+  color: rgb(199, 202, 207) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva [aria-pressed=true] .duet-date-table-button,
+:host(.duet-theme-turva2) .duet-theme-turva :focus .duet-date-table-button {
+  color: rgb(255, 255, 255) !important;
+  background: rgb(197, 29, 65) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva.duet-date-table {
+  color: rgb(35, 46, 61);
 }

package/lib/collection/components/duet-empty-state/duet-empty-state.css CHANGED Viewed

@@ -45,4 +45,8 @@
 .duet-empty-state.duet-theme-turva {
   color: rgb(23, 28, 58);
   background: rgb(245, 247, 250);
+}
+:host(.duet-theme-turva2) .duet-empty-state.duet-theme-turva {
+  color: rgb(35, 46, 61);
 }

package/lib/collection/components/duet-fieldset/duet-fieldset.css CHANGED Viewed

@@ -134,4 +134,8 @@ fieldset legend {
   overflow: hidden;
   clip: rect(0 0 0 0);
   border: 0;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-legend-wrapper {
+  color: rgb(35, 46, 61);
 }

package/lib/collection/components/duet-footer/duet-footer.css CHANGED Viewed

@@ -327,4 +327,19 @@ duet-logo {
 }
 .duet-footer-simple.duet-theme-turva .duet-footer-external {
   color: rgb(198, 12, 48);
+}
+:host(.duet-theme-turva2) .duet-footer.duet-theme-turva {
+  background: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva {
+  color: rgb(35, 46, 61);
+  border-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-copyright,
+:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-menu a {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-external {
+  color: rgb(197, 29, 65);
 }

package/lib/collection/components/duet-grid-item/duet-grid-item.css CHANGED Viewed

@@ -106,4 +106,8 @@
 :host(.duet-m-0) {
   padding: 0 !important;
   margin: 0 !important;
+}
+:host(.duet-theme-turva2.duet-theme-turva) {
+  color: rgb(35, 46, 61);
 }

package/lib/collection/components/duet-header/duet-header.css CHANGED Viewed

@@ -1216,4 +1216,73 @@ button {
 }
 .duet-header-multi-level .duet-theme-turva .duet-header-multi-level-utils .duet-header-dropdown .duet-header-dropdown-content {
   background: rgb(245, 247, 250);
+}
+:host(.duet-theme-turva2) .duet-header.duet-theme-turva {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-top {
+  border-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-top .duet-header-region {
+  border-color: rgb(244, 213, 193);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-bottom {
+  background: rgb(253, 247, 242);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-button:not(:hover) {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item:not(:hover) {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item.active {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item.active::after {
+  background: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-hamburger .duet-header-bar {
+  background: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle::after {
+  background: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active,
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active:hover {
+  border-bottom-color: rgb(253, 247, 242);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content {
+  background: rgb(253, 247, 242);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item) {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover {
+  background: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item).active {
+  background: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-skip {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-header-multi-level .duet-theme-turva .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content {
+  background: rgb(253, 247, 242);
+}
+:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content {
+  background: rgb(253, 247, 242);
+  border-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a::after {
+  background: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a.active {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-header-multi-level-utils .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content {
+  background: rgb(253, 247, 242);
 }

package/lib/collection/components/duet-heading/duet-heading.css CHANGED Viewed

@@ -266,4 +266,8 @@
 .duet-heading.duet-semibold, .duet-heading.duet-theme-turva.duet-semibold {
   font-style: normal !important;
   font-weight: 600 !important;
+}
+:host(.duet-theme-turva2) .duet-heading.duet-theme-turva {
+  color: rgb(35, 46, 61);
 }

package/lib/collection/components/duet-hero/duet-hero.css CHANGED Viewed

@@ -1766,4 +1766,21 @@ duet-heading + duet-button {
 .duet-hero-pre + duet-heading {
   margin-top: 0 !important;
+}
+:host(.duet-theme-turva2) .duet-hero.duet-hero-light.duet-theme-turva, :host(.duet-theme-turva2) .duet-hero.duet-hero-with-image.duet-theme-turva {
+  color: rgb(35, 46, 61);
+  background-image: linear-gradient(rgb(253, 247, 242), #fefbf9);
+}
+:host(.duet-theme-turva2) .duet-hero.duet-hero-light.duet-theme-turva::before, :host(.duet-theme-turva2) .duet-hero.duet-hero-with-image.duet-theme-turva::before {
+  background-image: linear-gradient(#fefbf9, rgb(255, 255, 255));
+}
+:host(.duet-theme-turva2) .duet-hero.duet-hero-gray.duet-theme-turva {
+  background: rgb(253, 247, 242);
+}
+.duet-theme-turva :host(.duet-theme-turva2) .duet-hero-link {
+  color: rgb(197, 29, 65);
+}
+.duet-theme-turva :host(.duet-theme-turva2) .duet-hero-action-arrow {
+  color: rgb(197, 29, 65);
 }

package/lib/collection/components/duet-icon/duet-icon.css CHANGED Viewed

@@ -317,4 +317,11 @@
   width: 144px;
   height: 130px;
   padding: 0;
+}
+:host(.duet-theme-turva2) .duet-icon.duet-theme-turva {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-icon.duet-theme-turva.duet-icon-has-background {
+  color: rgb(255, 255, 255);
 }

package/lib/collection/components/duet-input/duet-input.css CHANGED Viewed

@@ -550,4 +550,38 @@ duet-caption:not(:last-of-type) {
 .duet-input-container.has-chips .duet-input-relative .duet-input:focus, .duet-input-container.has-chips .duet-input-relative .duet-input:hover {
   border-width: 0 !important;
   box-shadow: none !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input-icon {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input {
+  color: rgb(35, 46, 61) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus::-webkit-input-placeholder {
+  color: rgb(244, 213, 193);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus::-moz-placeholder {
+  color: rgb(244, 213, 193);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus:-ms-input-placeholder {
+  color: rgb(244, 213, 193);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input[disabled] {
+  color: rgb(35, 46, 61) !important;
+  background: rgb(253, 247, 242) !important;
+  border-color: rgb(253, 247, 242) !important;
+  -webkit-text-fill-color: rgb(35, 46, 61) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus {
+  border-color: rgb(35, 46, 61) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus + .duet-input-icon {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input-variation-button-left.has-focus .duet-input-relative {
+  border-color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input-variation-revealable.has-focus .duet-input-relative {
+  border-color: rgb(35, 46, 61);
 }

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

@@ -87,4 +87,8 @@ 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, 28, 58);
+}
+:host(.duet-theme-turva2.duet-theme-turva) label {
+  color: rgb(35, 46, 61);
 }

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

@@ -428,4 +428,26 @@ button {
   .duet-link.card.duet-link-has-icon .chevron-wrap {
     height: 62px;
   }
+}
+:host(.duet-theme-turva2) .duet-tab-to-link.duet-theme-turva {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva,
+:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva {
+  border-color: rgb(244, 213, 193);
+}
+: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: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva:hover {
+  border-color: rgb(197, 29, 65);
+  outline-color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover {
+  border-color: rgb(244, 213, 193);
+}
+:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover .duet-link-content {
+  color: rgb(197, 29, 65);
 }

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

@@ -122,10 +122,10 @@ export class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: 'cf0f91e0e16826f9bd0dd8817ab155bedb50875b', class: {
+        return (h(Host, { key: '68945a9ea000da1a96233eb4a2ca669a0e9f31d6', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: '8f514ae4a3711e9e7690bcf84c48c894b1716a6c', href: this.url, class: {
+            } }, h(Tag, { key: 'd49f0e0be858845e68c7b94c699f90c5552a5811', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -687,6 +687,12 @@ export class DuetLink {
     static get elementRef() { return "element"; }
     static get watchers() {
         return [{
+                "propName": "download",
+                "methodName": "setAriaLabel"
+            }, {
+                "propName": "external",
+                "methodName": "setAriaLabel"
+            }, {
                 "propName": "language",
                 "methodName": "setAriaLabel"
             }];

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

@@ -431,4 +431,24 @@
   :host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd {
     flex-basis: 35%;
   }
+}
+:host(.duet-theme-turva2.duet-theme-turva) {
+  color: rgb(35, 46, 61);
+}
+: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: rgb(253, 247, 242);
+}
+:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva) {
+  border-block-start: 1px solid rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva:last-child) {
+  border-block-end: 1px solid rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2.duet-list-inner-bordered.duet-theme-turva:not(:last-child)) {
+  border-block-end: 1px solid rgb(248, 229, 217);
 }

package/lib/collection/components/duet-list-item/duet-list-item.js CHANGED Viewed

@@ -2,28 +2,34 @@
  * Built with Duet Design System
  */
 import { h, Host } from "@stencil/core";
+import { inheritGlobalTheme } from "../../common";
 /**
  * @slot label - The list item component’s label content. Use this to put content into description list’s dt element.
  * @slot value - The list item component’s value content. Use this to put content into description list’s dd element.
  */
 export class DuetListItem {
     constructor() {
+        this.theme = "";
         this.responsive = false;
         this.breakpoint = "small";
     }
+    componentWillLoad() {
+        inheritGlobalTheme(this);
+    }
     /**
      * render() function
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'dbea429576ed1f52ed1c3fc26b2ad7d235a0a413', class: {
+        return (h(Host, { key: 'b338f849dddb21254aa8afecd12861cfc41a65c4', class: {
+                "duet-theme-turva": this.theme === "turva",
                 "duet-no-stacking": !this.responsive,
                 "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
                 "duet-list-item-breakpoint-small": this.breakpoint === "small",
                 "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: '21f820ef81ada72e006b22a14634b2ba57fe9ce3' }, h("slot", { key: '3650e03253950a189ca684b374220b0edd9f6e37', name: "label" })), h("dd", { key: '9e704a02a57e3d1809b3ee7895ffb554a37e24c0' }, h("slot", { key: '8bd4afe4da261e270cfa9dd2b946946dd4cb12ad', name: "value" }))));
+            } }, h("dt", { key: 'e31225e7f7baad5ed37a6faf439f5af12c9b082a' }, h("slot", { key: '2c77c01e4f67f554a3b92e0e23bffbd6240e5efe', name: "label" })), h("dd", { key: 'fbff0710d117ccf99411db729ca479c5463e3dbf' }, h("slot", { key: 'e98365f2d1db53a5578e86a1f4823fb3fc305030', name: "value" }))));
     }
     static get is() { return "duet-list-item"; }
     static get encapsulation() { return "shadow"; }
@@ -39,6 +45,32 @@ export class DuetListItem {
     }
     static get properties() {
         return {
+            "theme": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "DuetTheme",
+                    "resolved": "\"\" | \"default\" | \"turva\"",
+                    "references": {
+                        "DuetTheme": {
+                            "location": "import",
+                            "path": "../../common-types",
+                            "id": "src/common-types.d.ts::DuetTheme"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Theme."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "theme",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
             "responsive": {
                 "type": "boolean",
                 "mutable": false,
@@ -93,4 +125,5 @@ export class DuetListItem {
             }
         };
     }
+    static get elementRef() { return "element"; }
 }

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

@@ -200,4 +200,11 @@
 .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 {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .right {
+  color: rgb(35, 46, 61);
 }

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

@@ -75,4 +75,10 @@
   .duet-menu-bar-button:hover.duet-theme-turva {
     color: rgb(198, 12, 48);
   }
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-menu-bar-button.duet-theme-turva:hover {
+    color: rgb(197, 29, 65);
+  }
 }

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

@@ -151,4 +151,17 @@
 }
 .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(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active::after {
+  background: rgb(197, 29, 65);
 }

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

@@ -56,4 +56,11 @@
 }
 .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 {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva:hover {
+  background: rgb(248, 229, 217);
 }

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

@@ -125,4 +125,19 @@
   .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] {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva::after {
+  background: rgb(197, 29, 65);
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva:hover {
+    color: rgb(197, 29, 65);
+  }
 }

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

@@ -103,4 +103,16 @@
   .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 {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva::after {
+  background: rgb(197, 29, 65);
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-menu-bar-link.duet-theme-turva:hover {
+    color: rgb(197, 29, 65);
+  }
 }

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

@@ -318,4 +318,12 @@
 }
 .duet-modal-heading.duet-m-0 {
   margin: 0 !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-modal {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-modal-sticky-header {
+  background: rgb(253, 247, 242);
+  border-bottom: 1px solid rgb(248, 229, 217);
 }