@duetds/components 10.2.4 → 10.3.0

package/lib/collection/components/duet-show-more/duet-show-more.css

@@ -45,16 +45,13 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-show-more .content:focus, .duet-show-more .content:focus.duet-theme-turva, .duet-theme-turva2 .duet-show-more .content:focus, .duet-show-more .content:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-show-more .content:focus, .duet-show-more .content:focus.duet-theme-turva, .duet-theme-turva .duet-show-more .content:focus, .duet-show-more .content:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
 }
+
 .duet-show-more.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-show-more.duet-theme-turva {
-  color: rgb(23, 42, 59);
 }

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

@@ -52,15 +52,6 @@
   line-height: 1.5;
   color: rgb(8, 42, 77);
 }
-.duet-slideout.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);
-}
-@media (min-width: 62em) {
-  .duet-slideout.duet-theme-turva .desktop-bg {
-    background: rgb(23, 42, 59);
-  }
-}
 .duet-slideout .dialog {
   position: fixed;
   top: 0;
@@ -107,7 +98,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-slideout .dialog .top button:focus, .duet-slideout .dialog .top button:focus.duet-theme-turva, .duet-theme-turva2 .duet-slideout .dialog .top button:focus, .duet-slideout .dialog .top button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-slideout .dialog .top button:focus, .duet-slideout .dialog .top button:focus.duet-theme-turva, .duet-theme-turva .duet-slideout .dialog .top button:focus, .duet-slideout .dialog .top button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -157,53 +148,46 @@
 .duet-slideout .dialog.hidden .top {
   opacity: 0;
 }
+
+slot {
+  color: rgb(8, 42, 77);
+}
+
+.duet-slideout.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);
+}
+
+@media (min-width: 62em) {
+  .duet-slideout.duet-theme-turva .desktop-bg {
+    background: rgb(23, 42, 59);
+  }
+}
+
 .duet-slideout.duet-theme-turva .dialog {
   box-shadow: 0 3px 6px 0 rgba(23, 28, 58, 0.1) inset;
 }
 .duet-slideout.duet-theme-turva .dialog:not(.modal) {
   box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
 }
+
 .duet-slideout.duet-theme-turva button {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 42, 59);
 }
+
 .duet-slideout.duet-theme-turva button.active {
   color: rgb(230, 23, 64);
 }
+
 .duet-slideout.duet-theme-turva button.active::after {
   background: rgb(230, 23, 64);
 }
+
 .duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header {
-  border-bottom: 1px solid rgb(212, 221, 226);
+  border-bottom-color: rgb(212, 221, 226);
 }
 
-slot {
-  color: rgb(8, 42, 77);
-}
 .duet-theme-turva slot {
   color: rgb(23, 42, 59);
-}
-
-:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva {
-  color: rgb(23, 42, 59);
-}
-@media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .desktop-bg {
-    background: rgb(23, 42, 59);
-  }
-}
-:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button {
-  color: rgb(23, 42, 59);
-}
-:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active {
-  color: rgb(230, 23, 64);
-}
-:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva button.active::after {
-  background: rgb(230, 23, 64);
-}
-:host(.duet-theme-turva2) .duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header {
-  border-bottom-color: rgb(212, 221, 226);
-}
-:host(.duet-theme-turva2) slot {
-  color: rgb(23, 42, 59);
 }

package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css

@@ -52,8 +52,4 @@
 
 .duet-theme-turva ::slotted(:not(:last-child))::after {
   background: rgb(23, 42, 59);
-}
-
-:host(.duet-theme-turva2) .duet-theme-turva ::slotted(:not(:last-child))::after {
-  background: rgb(23, 42, 59);
 }

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

@@ -46,14 +46,11 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-slideout-link:focus, .duet-slideout-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-slideout-link:focus, .duet-slideout-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-slideout-link:focus, .duet-slideout-link:focus.duet-theme-turva, .duet-theme-turva .duet-slideout-link:focus, .duet-slideout-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
 }
-.duet-slideout-link.duet-theme-turva {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
 .duet-slideout-link.active span {
   position: relative;
 }
@@ -69,9 +66,6 @@
   background: rgb(0, 119, 179);
   transform: var(--active-translate-y, translateY(2px));
 }
-.duet-slideout-link.active.duet-theme-turva span::after {
-  background: rgb(230, 23, 64);
-}
 .duet-slideout-link.small {
   font-size: 1rem;
   font-weight: 600;
@@ -119,16 +113,16 @@ slot[name=description]::slotted(*) {
   font-weight: 400;
   color: rgb(98, 121, 138);
 }
-.duet-theme-turva slot[name=description]::slotted(*) {
-  color: rgb(95, 122, 143);
-}
 
-:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva {
+.duet-slideout-link.duet-theme-turva {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva.active .label-content::after {
+
+.duet-slideout-link.duet-theme-turva.active .label-content::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) slot[name=description]::slotted(*) {
+
+slot[name=description]::slotted(*) {
   color: rgb(23, 42, 59);
 }

package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css

@@ -62,7 +62,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-slideout-panel .link:focus, .duet-slideout-panel .link:focus.duet-theme-turva, .duet-theme-turva2 .duet-slideout-panel .link:focus, .duet-slideout-panel .link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-slideout-panel .link:focus, .duet-slideout-panel .link:focus.duet-theme-turva, .duet-theme-turva .duet-slideout-panel .link:focus, .duet-slideout-panel .link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -162,11 +162,11 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-slideout-panel .top .back:focus, .duet-slideout-panel .top .back:focus.duet-theme-turva, .duet-theme-turva2 .duet-slideout-panel .top .back:focus, .duet-slideout-panel .top .back:focus.duet-theme-turva2,
+.duet-theme-turva .duet-slideout-panel .top .back:focus, .duet-slideout-panel .top .back:focus.duet-theme-turva, .duet-theme-turva .duet-slideout-panel .top .back:focus, .duet-slideout-panel .top .back:focus.duet-theme-turva,
 .duet-theme-turva .duet-slideout-panel .top .close:focus,
 .duet-slideout-panel .top .close:focus.duet-theme-turva,
-.duet-theme-turva2 .duet-slideout-panel .top .close:focus,
-.duet-slideout-panel .top .close:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-slideout-panel .top .close:focus,
+.duet-slideout-panel .top .close:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -208,24 +208,6 @@
 .duet-slideout-panel duet-indicator {
   top: 4px;
 }
-.duet-slideout-panel.duet-theme-turva .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(23, 42, 59);
-}
-.duet-slideout-panel.duet-theme-turva .link.active .label-text::after {
-  background: rgb(230, 23, 64);
-}
-.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top {
-  background: rgb(245, 246, 247);
-}
-.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header {
-  background: rgb(245, 246, 247);
-  border-bottom: 1px solid rgb(212, 221, 226);
-}
-.duet-slideout-panel.duet-theme-turva .top span {
-  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);
-}
 
 slot:not([name=label]) {
   --active-height: 1px;
@@ -234,26 +216,30 @@ slot:not([name=label]) {
   font-weight: 600;
   color: rgb(8, 42, 77);
 }
-.duet-theme-turva slot:not([name=label]) {
-  color: rgb(23, 42, 59);
-}
 
-:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link {
+.duet-slideout-panel.duet-theme-turva .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(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link.active .label-text::after {
+
+.duet-slideout-panel.duet-theme-turva .link.active .label-text::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top {
+
+.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top {
   background: rgb(253, 247, 242);
 }
-:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header {
+
+.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header {
   background: rgb(253, 247, 242);
   border-bottom-color: rgb(251, 225, 209);
 }
-:host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .top span {
+
+.duet-slideout-panel.duet-theme-turva .top span {
+  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) slot:not([name=label]) {
+
+.duet-theme-turva slot:not([name=label]) {
   color: rgb(23, 42, 59);
 }

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css

@@ -64,7 +64,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-slideout-panel-dropdown button:focus, .duet-slideout-panel-dropdown button:focus.duet-theme-turva, .duet-theme-turva2 .duet-slideout-panel-dropdown button:focus, .duet-slideout-panel-dropdown button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-slideout-panel-dropdown button:focus, .duet-slideout-panel-dropdown button:focus.duet-theme-turva, .duet-theme-turva .duet-slideout-panel-dropdown button:focus, .duet-slideout-panel-dropdown button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -112,13 +112,6 @@
   overflow: hidden;
   transition: max-height 0.3s ease-out, padding-bottom 0.3s ease-out;
 }
-.duet-slideout-panel-dropdown.duet-theme-turva button {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 42, 59);
-}
-.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after {
-  background: rgb(230, 23, 64);
-}
 
 slot {
   --active-height: 1px;
@@ -127,21 +120,21 @@ slot {
   font-weight: 400;
   color: rgb(8, 42, 77);
 }
-.duet-theme-turva slot {
-  color: rgb(23, 42, 59);
-}
 
 slot[name=label] {
   font-size: 1rem;
   font-weight: 600;
 }
 
-:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button {
+.duet-slideout-panel-dropdown.duet-theme-turva button {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after {
+
+.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) slot {
+
+.duet-theme-turva slot {
   color: rgb(23, 42, 59);
 }

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

@@ -44,9 +44,6 @@
   transform-origin: 0% 0%;
   animation: duetRotate 0.6s linear infinite;
 }
-.duet-spinner.duet-theme-turva {
-  color: rgb(230, 23, 64);
-}
 .duet-spinner::after {
   position: absolute;
   top: 50%;
@@ -88,6 +85,6 @@
     transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);
   }
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-spinner {
+.duet-theme-turva.duet-spinner {
   color: rgb(230, 23, 64);
 }

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

@@ -31,10 +31,6 @@
   background: rgb(255, 255, 255);
   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-step.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";
-  box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 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-step.rounded-top {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
@@ -71,7 +67,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-step-heading:focus, :host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-step-heading:focus, :host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-step-heading:focus, :host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-step-heading:focus, :host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-step-heading[aria-disabled=false] {
@@ -83,9 +79,6 @@
 .is-complete .duet-step-heading:hover .duet-step-counter, .is-disabled .duet-step-heading:hover .duet-step-counter {
   background-color: #005f8f;
 }
-.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter, .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter {
-  background-color: #b81233;
-}
 .is-current .duet-step-heading {
   margin-bottom: 20px;
 }
@@ -126,15 +119,9 @@
 .is-complete .duet-step-counter, .is-current .duet-step-counter, .is-disabled .duet-step-counter {
   background-color: rgb(0, 119, 179);
 }
-.duet-theme-turva.is-complete .duet-step-counter, .duet-theme-turva.is-current .duet-step-counter, .duet-theme-turva.is-disabled .duet-step-counter {
-  background-color: rgb(230, 23, 64);
-}
 .is-incomplete .duet-step-counter {
   background-color: rgb(98, 121, 138);
 }
-.duet-theme-turva.is-incomplete .duet-step-counter {
-  background-color: rgb(120, 145, 164);
-}
 
 .duet-step-icon {
   display: flex;
@@ -167,9 +154,6 @@
     margin-left: 19px;
     border-left: 2px solid rgb(212, 223, 229);
   }
-  .duet-theme-turva .duet-step-content-wrapper {
-    border-color: rgb(212, 221, 226);
-  }
   :host(:last-of-type) .duet-step-content-wrapper {
     min-height: 0;
     border: transparent;
@@ -199,15 +183,26 @@
   }
 }
 
-:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-counter,
-:host(.duet-theme-turva2) .duet-theme-turva.is-current .duet-step-counter,
-:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-counter {
+.duet-theme-turva.duet-step {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 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-theme-turva.is-complete .duet-step-counter,
+.duet-theme-turva.is-current .duet-step-counter,
+.duet-theme-turva.is-disabled .duet-step-counter {
   background-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,
-:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter {
+
+.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,
+.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter {
   background-color: #b81233;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-step-content-wrapper {
+
+.duet-theme-turva.is-incomplete .duet-step-counter {
+  background-color: rgb(120, 145, 164);
+}
+
+.duet-theme-turva .duet-step-content-wrapper {
   border-color: rgb(251, 225, 209);
 }

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

@@ -68,7 +68,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar button:focus, .duet-submenu-bar button:focus.duet-theme-turva, .duet-theme-turva2 .duet-submenu-bar button:focus, .duet-submenu-bar button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-submenu-bar button:focus, .duet-submenu-bar button:focus.duet-theme-turva, .duet-theme-turva .duet-submenu-bar button:focus, .duet-submenu-bar button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -152,12 +152,13 @@
     padding-bottom: 0;
   }
 }
+
 .duet-submenu-bar.duet-theme-turva {
-  background: rgb(245, 246, 247);
-  border-bottom: 1px solid rgb(212, 221, 226);
+  background: rgb(253, 247, 242);
+  border-bottom-color: rgb(251, 225, 209);
 }
 .duet-submenu-bar.duet-theme-turva .items {
-  background: rgb(245, 246, 247);
+  background: rgb(253, 247, 242);
 }
 .duet-submenu-bar.duet-theme-turva .mobile-background {
   background: rgb(23, 42, 59);
@@ -169,15 +170,4 @@
   .duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow {
     box-shadow: 0 3px 6px 0 rgba(23, 28, 58, 0.1);
   }
-}
-
-:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva {
-  background: rgb(253, 247, 242);
-  border-bottom-color: rgb(251, 225, 209);
-}
-:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .items {
-  background: rgb(253, 247, 242);
-}
-:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .mobile-background {
-  background: rgb(23, 42, 59);
 }

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

@@ -57,7 +57,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-dropdown button:focus, .duet-submenu-bar-dropdown button:focus.duet-theme-turva, .duet-theme-turva2 .duet-submenu-bar-dropdown button:focus, .duet-submenu-bar-dropdown button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-submenu-bar-dropdown button:focus, .duet-submenu-bar-dropdown button:focus.duet-theme-turva, .duet-theme-turva .duet-submenu-bar-dropdown button:focus, .duet-submenu-bar-dropdown button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -119,15 +119,9 @@
   .duet-submenu-bar-dropdown button:hover.active {
     color: rgb(8, 42, 77);
   }
-  .duet-theme-turva .duet-submenu-bar-dropdown button:hover.active {
-    color: rgb(23, 42, 59);
-  }
   .duet-submenu-bar-dropdown button.active {
     color: rgb(0, 119, 179);
   }
-  .duet-theme-turva .duet-submenu-bar-dropdown button.active {
-    color: rgb(230, 23, 64);
-  }
   .duet-submenu-bar-dropdown button.active::after, .duet-submenu-bar-dropdown button.open::after {
     position: absolute;
     top: auto;
@@ -141,9 +135,6 @@
     transform: translateY(1px);
     transition: 300ms ease;
   }
-  .duet-theme-turva .duet-submenu-bar-dropdown button.active::after, .duet-theme-turva .duet-submenu-bar-dropdown button.open::after {
-    background: rgb(230, 23, 64);
-  }
 }
 .duet-submenu-bar-dropdown .submenu-bar-dropdown-icon {
   width: 20px;
@@ -192,64 +183,41 @@
   overflow: hidden;
   transition: max-height 0.3s ease-in, padding 0.3s ease-in;
 }
+
 .duet-submenu-bar-dropdown.duet-theme-turva button {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 42, 59);
 }
+.duet-submenu-bar-dropdown.duet-theme-turva button.active {
+  color: rgb(230, 23, 64);
+}
+
 @media (min-width: 62em) {
   .duet-submenu-bar-dropdown.duet-theme-turva button:hover {
-    background: rgb(212, 221, 226);
+    background: rgb(251, 225, 209);
   }
 }
-.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after, .duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after {
+.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,
+.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after {
   background: rgb(230, 23, 64);
 }
-@media (min-width: 62em) {
-  .duet-submenu-bar-dropdown.duet-theme-turva button.active, .duet-submenu-bar-dropdown.duet-theme-turva button.open {
-    color: rgb(140, 0, 30);
-  }
-}
-.duet-submenu-bar-dropdown.duet-theme-turva button.active::after, .duet-submenu-bar-dropdown.duet-theme-turva button.open::after {
-  background: rgb(140, 0, 30);
-}
-@media (min-width: 62em) {
-  .duet-submenu-bar-dropdown.duet-theme-turva button.open {
-    background: rgb(212, 221, 226);
-  }
-}
-@media (min-width: 62em) {
-  .duet-submenu-bar-dropdown.duet-theme-turva .items {
-    background: rgb(255, 255, 255);
-  }
-}
 
-:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button {
-  color: rgb(23, 42, 59);
-}
-@media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button:hover {
-    background: rgb(251, 225, 209);
-  }
-}
-:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,
-:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after {
+.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,
+.duet-submenu-bar-dropdown.duet-theme-turva button.open::after {
   background: rgb(230, 23, 64);
 }
+
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active,
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open {
+  .duet-submenu-bar-dropdown.duet-theme-turva button.active,
+  .duet-submenu-bar-dropdown.duet-theme-turva button.open {
     color: rgb(140, 0, 30);
   }
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active::after,
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open::after {
-    background: rgb(230, 23, 64);
-  }
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open {
+  .duet-submenu-bar-dropdown.duet-theme-turva button.open {
     background: rgb(251, 225, 209);
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva .items {
+  .duet-submenu-bar-dropdown.duet-theme-turva .items {
     background: rgb(255, 255, 255);
   }
 }

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

@@ -45,7 +45,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-dropdown-link:focus, .duet-submenu-bar-dropdown-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-submenu-bar-dropdown-link:focus, .duet-submenu-bar-dropdown-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-submenu-bar-dropdown-link:focus, .duet-submenu-bar-dropdown-link:focus.duet-theme-turva, .duet-theme-turva .duet-submenu-bar-dropdown-link:focus, .duet-submenu-bar-dropdown-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -82,13 +82,6 @@
 .duet-submenu-bar-dropdown-link.active .active-check {
   display: none;
 }
-.duet-submenu-bar-dropdown-link.duet-theme-turva {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 42, 59);
-}
-.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after {
-  background: rgb(230, 23, 64);
-}
 @media (min-width: 62em) {
   .duet-submenu-bar-dropdown-link.active {
     background: rgb(240, 247, 250);
@@ -99,37 +92,31 @@
   .duet-submenu-bar-dropdown-link.active .active-check {
     display: block;
   }
-  .duet-submenu-bar-dropdown-link.active.duet-theme-turva {
-    background: rgb(245, 246, 247);
-  }
   .duet-submenu-bar-dropdown-link:hover {
     background: rgb(228, 241, 247);
   }
-  .duet-submenu-bar-dropdown-link:hover.duet-theme-turva {
-    background: rgb(212, 221, 226);
-  }
 }
 .duet-submenu-bar-dropdown-link.highlight {
   color: rgb(0, 119, 179);
 }
-.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva {
-  color: rgb(140, 0, 30);
-}
 
-:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva {
+.duet-submenu-bar-dropdown-link.duet-theme-turva {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after {
+
+.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after {
   background: rgb(230, 23, 64);
 }
+
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active {
+  .duet-submenu-bar-dropdown-link.duet-theme-turva.active {
     background: rgb(253, 247, 242);
   }
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover {
+  .duet-submenu-bar-dropdown-link.duet-theme-turva:hover {
     background: rgb(251, 225, 209);
   }
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.highlight {
+.duet-submenu-bar-dropdown-link.duet-theme-turva.highlight {
   color: rgb(230, 23, 64);
 }