npm - @duetds/components - Versions diffs - 10.2.4 → 10.3.0 - Mend

@duetds/components 10.2.4 → 10.3.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 (457) hide show

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

@@ -157,9 +157,6 @@
   font-weight: 400;
   line-height: 1.25;
 }
-.duet-theme-turva .duet-multiselect-wrapper {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
 .duet-multiselect {
   display: flex;
@@ -194,12 +191,9 @@
   outline-offset: -1px;
   border-color: rgb(127, 150, 165);
 }
-.duet-theme-turva .duet-multiselect:hover, .duet-multiselect:hover.duet-theme-turva, .duet-theme-turva2 .duet-multiselect:hover, .duet-multiselect:hover.duet-theme-turva2 {
+.duet-theme-turva .duet-multiselect:hover, .duet-multiselect:hover.duet-theme-turva, .duet-theme-turva .duet-multiselect:hover, .duet-multiselect:hover.duet-theme-turva {
   outline-color: rgb(120, 145, 164);
 }
-.duet-theme-turva .duet-multiselect:hover {
-  border-color: rgb(120, 145, 164);
-}
 .has-error .duet-multiselect:hover {
   outline: 1px solid;
   outline-color: rgb(214, 28, 82);
@@ -212,12 +206,9 @@
   border-color: rgb(0, 119, 179);
   transition: none;
 }
-.duet-theme-turva .duet-multiselect:focus, .duet-multiselect:focus.duet-theme-turva, .duet-theme-turva2 .duet-multiselect:focus, .duet-multiselect:focus.duet-theme-turva2, .duet-theme-turva .duet-multiselect.duet-multiselect-active, .duet-multiselect.duet-multiselect-active.duet-theme-turva, .duet-theme-turva2 .duet-multiselect.duet-multiselect-active, .duet-multiselect.duet-multiselect-active.duet-theme-turva2 {
+.duet-theme-turva .duet-multiselect:focus, .duet-multiselect:focus.duet-theme-turva, .duet-theme-turva .duet-multiselect:focus, .duet-multiselect:focus.duet-theme-turva, .duet-theme-turva .duet-multiselect.duet-multiselect-active, .duet-multiselect.duet-multiselect-active.duet-theme-turva, .duet-theme-turva .duet-multiselect.duet-multiselect-active, .duet-multiselect.duet-multiselect-active.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
-.duet-theme-turva .duet-multiselect:focus, .duet-theme-turva .duet-multiselect.duet-multiselect-active {
-  border-color: rgb(23, 42, 59);
-}
 .has-error .duet-multiselect:focus, .has-error .duet-multiselect.duet-multiselect-active {
   outline: 1px solid;
   outline-color: rgb(214, 28, 82);
@@ -232,12 +223,6 @@
   opacity: 1 !important;
   -webkit-text-fill-color: rgb(8, 42, 77) !important;
 }
-.duet-theme-turva .duet-multiselect[disabled] {
-  color: rgb(23, 42, 59) !important;
-  background: rgb(245, 246, 247) !important;
-  border-color: rgb(245, 246, 247) !important;
-  -webkit-text-fill-color: rgb(23, 42, 59) !important;
-}
 .duet-multiselect > :first-child {
   flex: 1;
   min-height: 24px;
@@ -252,12 +237,6 @@
   background: #d9ebf4;
   border-radius: 20rem;
 }
-.duet-theme-turva .duet-multiselect .duet-multiselect-badge {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-weight: 700;
-  color: rgb(23, 42, 59);
-  background: #e8eaeb;
-}
 .duet-multiselect .duet-multiselect-icon {
   margin-left: 12px;
 }
@@ -267,26 +246,12 @@
 .has-error .duet-multiselect .duet-multiselect-icon {
   color: rgb(214, 28, 82) !important;
 }
-.duet-theme-turva.has-error .duet-multiselect {
-  border-color: rgb(214, 28, 82) !important;
-}
-.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon {
-  color: rgb(214, 28, 82) !important;
-}
-.duet-theme-turva .duet-multiselect {
-  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);
-  border-color: rgb(120, 145, 164);
-}
 .duet-multiselect svg {
   width: 20px;
   height: 20px;
   color: rgb(8, 42, 77);
   pointer-events: none;
 }
-.duet-theme-turva .duet-multiselect svg {
-  color: rgb(23, 42, 59);
-}
 .duet-multiselect svg.duet-multiselect-icon--rotate {
   transform: rotate(180deg);
 }
@@ -307,11 +272,6 @@
   transform-origin: top right;
   transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;
 }
-.duet-theme-turva .duet-multiselect-checkboxes {
-  background: rgb(255, 255, 255);
-  border-color: rgb(212, 221, 226);
-  box-shadow: 0 4px 10px 0 rgba(23, 28, 58, 0.15);
-}
 .duet-multiselect-checkboxes.duet-multiselect-checkboxes-active {
   visibility: visible;
   opacity: 1;
@@ -339,7 +299,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus, .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva, .duet-theme-turva2 .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus, .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus, .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva, .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus, .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -347,13 +307,6 @@
 .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child {
   border-right: 1px solid rgb(212, 223, 229);
 }
-.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons 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(230, 23, 64);
-}
-.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover {
-  color: rgb(23, 42, 59);
-}
 .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover {
   color: rgb(8, 42, 77);
 }
@@ -383,10 +336,6 @@
   display: block;
   margin-top: 8px;
 }
-.duet-theme-turva .duet-multiselect-help {
-  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(120, 145, 164);
-}
 .has-error .duet-multiselect-help {
   color: rgb(214, 28, 82);
 }
@@ -405,32 +354,69 @@
   clip: rect(0 0 0 0);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect:focus,
-:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect.duet-multiselect-active {
+.duet-theme-turva .duet-multiselect:focus,
+.duet-theme-turva .duet-multiselect.duet-multiselect-active {
   border-color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[disabled] {
+.duet-theme-turva .duet-multiselect[disabled] {
   color: rgb(23, 42, 59) !important;
   background: rgb(245, 246, 247) !important;
   border-color: rgb(245, 246, 247) !important;
   -webkit-text-fill-color: rgb(23, 42, 59) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect {
+.duet-theme-turva .duet-multiselect-wrapper {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+.duet-theme-turva .duet-multiselect {
+  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);
+  border-color: rgb(120, 145, 164);
+}
+.duet-theme-turva .duet-multiselect:hover {
+  border-color: rgb(120, 145, 164);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg {
+.duet-theme-turva .duet-multiselect svg {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge {
+.duet-theme-turva .duet-multiselect .duet-multiselect-badge {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-weight: 700;
   color: rgb(23, 42, 59);
   background: #e8eaeb;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes {
+.duet-theme-turva .duet-multiselect-checkboxes {
+  background: rgb(255, 255, 255);
   border-color: rgb(212, 221, 226);
+  box-shadow: 0 4px 10px 0 rgba(23, 28, 58, 0.15);
+}
+.duet-theme-turva.has-error .duet-multiselect {
+  border-color: rgb(214, 28, 82) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button {
+.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon {
+  color: rgb(214, 28, 82) !important;
+}
+.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons 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(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover {
+.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover {
   color: rgb(23, 42, 59);
+}
+.duet-theme-turva .duet-multiselect-help {
+  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(120, 145, 164);
+}
+.duet-theme-turva.has-error .duet-multiselect-help {
+  color: rgb(214, 28, 82);
 }

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

@@ -44,23 +44,13 @@
   border-bottom-right-radius: var(--notification-border-bottom-radius, 8px);
   border-bottom-left-radius: var(--notification-border-bottom-radius, 8px);
 }
-.duet-notification.duet-theme-turva {
-  color: rgb(23, 42, 59);
-  border-bottom-color: rgb(212, 221, 226);
-}
 .duet-notification.duet-notification-highlight {
   font-weight: 600;
 }
-.duet-notification.duet-notification-highlight.duet-theme-turva {
-  background: rgb(245, 246, 247);
-}
 @media (min-width: 62em) {
   .duet-notification:hover {
     background: rgb(240, 247, 250);
   }
-  .duet-notification:hover.duet-theme-turva {
-    background: rgb(245, 246, 247);
-  }
 }
 .duet-notification a {
   text-decoration: none;
@@ -74,7 +64,7 @@
   outline-color: rgba(0, 119, 179, 0.8);
   z-index: 1;
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-notification:focus-within, :host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-notification:focus-within, :host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-notification:focus-within, :host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-notification:focus-within, :host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
@@ -114,9 +104,6 @@
     width: auto;
   }
 }
-.duet-theme-turva .duet-notification-date {
-  color: rgb(95, 122, 143);
-}
 @media (min-width: 62em) {
   :host(:not([highlight])) ::slotted(duet-heading),
@@ -147,18 +134,24 @@
   margin-bottom: 2px !important;
 }
-:host(.duet-theme-turva2) .duet-notification.duet-theme-turva {
+.duet-notification.duet-theme-turva {
   color: rgb(23, 42, 59);
   border-bottom-color: rgb(251, 225, 209);
 }
-:host(.duet-theme-turva2) .duet-notification.duet-notification-highlight.duet-theme-turva {
+.duet-notification.duet-notification-highlight.duet-theme-turva {
   background: rgb(253, 247, 242);
 }
-:host(.duet-theme-turva2) .duet-notification-badge.duet-theme-turva {
+.duet-notification-badge.duet-theme-turva {
   background: rgb(230, 23, 64);
 }
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-notification:hover.duet-theme-turva {
+  .duet-notification:hover.duet-theme-turva {
     background: rgb(251, 235, 225);
   }
+}
+.duet-theme-turva .duet-notification-date {
+  color: rgb(95, 122, 143);
 }

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

@@ -66,7 +66,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-drawer-toggle:focus, :host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-drawer-toggle:focus, :host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-drawer-toggle:focus, :host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-drawer-toggle:focus, :host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 @media (min-width: 62em) {
@@ -83,21 +83,12 @@
     transition: border 300ms ease;
   }
 }
-.duet-theme-turva .duet-drawer-toggle {
-  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);
-  background-color: rgb(255, 255, 255);
-  border-color: rgb(212, 221, 226);
-}
 .duet-drawer-toggle:active {
   opacity: 0.75;
 }
 .duet-drawer-toggle:hover {
   color: rgb(0, 75, 129);
 }
-.duet-theme-turva .duet-drawer-toggle:hover {
-  color: rgb(95, 122, 143);
-}
 .duet-drawer-toggle::after {
   display: none !important;
 }
@@ -115,19 +106,12 @@
     transform: translateY(3px);
     transition: 300ms ease;
   }
-  .duet-theme-turva .duet-drawer-toggle::after {
-    background: rgb(230, 23, 64);
-  }
 }
 .duet-drawer-toggle[aria-expanded=true], .duet-drawer-toggle[aria-expanded=true]:hover {
   color: rgb(0, 75, 129);
   border-bottom: 1px solid rgb(245, 248, 250);
   border-radius: 0;
 }
-.duet-theme-turva .duet-drawer-toggle[aria-expanded=true], .duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover {
-  color: rgb(95, 122, 143);
-  border-color: rgb(245, 246, 247);
-}
 @media (min-width: 62em) {
   .duet-drawer-toggle[aria-expanded=true], .duet-drawer-toggle[aria-expanded=true]:hover {
     border: 0;
@@ -194,10 +178,6 @@
 .duet-drawer-content:focus {
   outline: 0;
 }
-.duet-theme-turva .duet-drawer-content {
-  background-color: rgb(255, 255, 255);
-  border-color: rgb(212, 223, 229);
-}
 @media (min-width: 62em) {
   .duet-drawer-content {
     --notification-border-top-radius: 0;
@@ -222,9 +202,6 @@
     transform-origin: 50% 0;
     transition: 300ms ease;
   }
-  .duet-theme-turva .duet-drawer-content {
-    background-color: rgb(255, 255, 255);
-  }
   .duet-drawer-content.duet-drawer-left {
     right: 0;
   }
@@ -243,15 +220,34 @@
   }
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle {
+.duet-theme-turva .duet-drawer-toggle {
+  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);
+  background-color: rgb(255, 255, 255);
   border-color: rgb(212, 221, 226);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle::after {
-  background: rgb(230, 23, 64);
+.duet-theme-turva .duet-drawer-toggle:hover {
+  color: rgb(95, 122, 143);
+}
+@media (min-width: 62em) {
+  .duet-theme-turva .duet-drawer-toggle::after {
+    background: rgb(230, 23, 64);
+  }
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true],
-:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover {
+.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],
+.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover {
   color: rgb(140, 0, 30);
   border-color: rgb(245, 246, 247);
+}
+.duet-theme-turva .duet-drawer-content {
+  background-color: rgb(255, 255, 255);
+  border-color: rgb(212, 223, 229);
+}
+@media (min-width: 62em) {
+  .duet-theme-turva .duet-drawer-content {
+    background-color: rgb(255, 255, 255);
+  }
 }

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

@@ -92,7 +92,7 @@
   outline-offset: 0;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus, :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus, :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus, :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus, :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-number-buttons .duet-number-button[aria-disabled=true], .duet-number-buttons .duet-number-button:disabled {
@@ -139,11 +139,4 @@
 }
 :host(.duet-theme-turva) .duet-number-buttons .duet-number-button:last-of-type::before {
   background: rgb(212, 221, 226);
-}
-:host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:first-of-type::before {
-  background: linear-gradient(to left, rgba(178, 194, 205, 0.2) 0%, rgba(178, 194, 205, 0.2) 1px, rgba(178, 194, 205, 0.1) 1px, rgba(178, 194, 205, 0) 100%);
-}
-:host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:last-of-type::before {
-  background: rgb(212, 221, 226);
 }

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

@@ -9,9 +9,6 @@
   background: rgb(8, 42, 77);
   opacity: 0.3;
 }
-.duet-overlay.duet-theme-turva {
-  background: rgb(23, 42, 59);
-}
 .duet-overlay.keep-stacking-context {
   position: absolute;
   top: unset;
@@ -32,9 +29,6 @@
   background: rgb(255, 255, 255);
   opacity: 0.9;
 }
-.duet-overlay.white.duet-theme-turva {
-  background: rgb(255, 255, 255);
-}
 .duet-overlay.display-x-small {
   display: none;
 }
@@ -106,6 +100,9 @@
   transition: 300ms ease;
 }
-:host(.duet-theme-turva2) .duet-overlay.duet-theme-turva {
+.duet-overlay.duet-theme-turva {
   background: rgb(23, 42, 59);
+}
+.duet-overlay.duet-theme-turva.white {
+  background: rgb(255, 255, 255);
 }

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

@@ -209,45 +209,28 @@
 .duet-page-heading .progress-step.active {
   background-color: rgb(0, 119, 179);
 }
 .duet-page-heading.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(8, 42, 77);
 }
-.duet-page-heading.duet-theme-turva .brand-shaped-icon {
-  background: rgba(230, 23, 64, 0.9);
-  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
-  mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-}
-.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon {
-  position: relative;
-  top: -3px;
-}
-.duet-page-heading.duet-theme-turva .progress-step {
-  background-color: rgb(178, 194, 205);
-}
-.duet-page-heading.duet-theme-turva .progress-step.active {
-  background-color: rgb(230, 23, 64);
-}
-:host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .background .background-mask {
+.duet-page-heading.duet-theme-turva .background .background-mask {
   background-image: none;
 }
-:host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .brand-shaped-icon {
+.duet-page-heading.duet-theme-turva .brand-shaped-icon {
   background: rgb(23, 42, 59);
   border-radius: 16%;
   -webkit-mask-image: none;
   mask-image: none;
   transform: rotate(0);
 }
-:host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon {
+.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon {
   top: 0;
   transform: rotate(0);
 }
-:host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .progress-step {
+.duet-page-heading.duet-theme-turva .progress-step {
   background-color: rgb(178, 194, 205);
 }
-:host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .progress-step.active {
+.duet-page-heading.duet-theme-turva .progress-step.active {
   background-color: rgb(230, 23, 64);
 }

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

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

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

@@ -29,11 +29,6 @@
   border: 0 solid rgb(212, 223, 229);
   border-radius: 16px;
 }
-.duet-panel.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);
-  border-color: rgb(212, 221, 226);
-}
 .duet-panel.padding-small {
   padding: 16px;
   border-radius: 12px;
@@ -65,35 +60,26 @@
 .duet-panel.secondary {
   background-color: rgb(245, 248, 250);
 }
-.duet-panel.secondary.duet-theme-turva {
-  background-color: rgb(245, 246, 247);
-}
 .duet-panel.accent {
   background-color: rgb(240, 247, 250);
   border-color: rgb(198, 225, 238);
 }
-.duet-panel.accent.duet-theme-turva {
-  background-color: rgb(245, 246, 247);
-  border-color: rgb(178, 194, 205);
-}
 .duet-panel.accent.secondary {
   background-color: rgb(217, 236, 245);
 }
-.duet-panel.accent.secondary.duet-theme-turva {
-  background-color: rgb(212, 221, 226);
-}
-:host(.duet-theme-turva2) .duet-panel.duet-theme-turva {
+.duet-panel.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);
   border-color: rgb(212, 221, 226);
 }
-:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.secondary {
+.duet-panel.duet-theme-turva.secondary {
   background-color: rgb(245, 246, 247);
 }
-:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent {
+.duet-panel.duet-theme-turva.accent {
   background-color: rgb(253, 247, 242);
   border-color: rgb(241, 202, 178);
 }
-:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent.secondary {
+.duet-panel.duet-theme-turva.accent.secondary {
   background-color: rgb(251, 225, 209);
 }

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

@@ -45,10 +45,6 @@
 .duet-paragraph.duet-m-0 {
   margin: 0 !important;
 }
-.duet-paragraph.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);
-}
 .duet-paragraph.duet-inherit-color {
   color: inherit !important;
 }
@@ -92,28 +88,25 @@
   text-decoration: underline;
   transition: 300ms ease;
 }
-::slotted(a).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(230, 23, 64);
-}
 ::slotted(a):hover {
   color: rgb(0, 75, 129);
   text-decoration: none;
 }
-::slotted(a):hover.duet-theme-turva {
-  color: rgb(140, 0, 30);
-}
 ::slotted(a):active {
   opacity: 0.75;
   transition: none;
 }
-:host(.duet-theme-turva2) .duet-paragraph.duet-theme-turva {
+.duet-paragraph.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) ::slotted(a).duet-theme-turva {
+::slotted(a).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(230, 23, 64);
 }
-:host(.duet-theme-turva2) ::slotted(a:hover).duet-theme-turva {
+::slotted(a:hover).duet-theme-turva {
   color: rgb(140, 0, 30);
 }

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

@@ -54,10 +54,6 @@
   overflow-y: scroll;
   scroll-margin: 20px;
 }
-.duet-popup-menu-list.duet-theme-turva {
-  color: rgb(23, 42, 59) !important;
-  background: rgb(255, 255, 255);
-}
 ::slotted(duet-notification) {
   max-width: 360px;
@@ -67,6 +63,7 @@ slot {
   --divider-margin: var(--space-x-small, 8px);
 }
-:host(.duet-theme-turva2) .duet-popup-menu-list.duet-theme-turva {
+.duet-popup-menu-list.duet-theme-turva {
   color: rgb(23, 42, 59) !important;
+  background: rgb(255, 255, 255);
 }