@duetds/components 10.2.3 → 10.3.0

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

@@ -157,7 +157,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-button:focus, .duet-button:focus.duet-theme-turva, .duet-theme-turva2 .duet-button:focus, .duet-button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-button:focus, .duet-button:focus.duet-theme-turva, .duet-theme-turva .duet-button:focus, .duet-button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -169,26 +169,15 @@
   font-size: 1rem;
   border-radius: 25px;
 }
-.duet-theme-turva .duet-button.duet-button-size-medium {
-  padding-right: 24px;
-  padding-left: 24px;
-  border-radius: 12.5px;
-}
 .duet-button.duet-button-size-medium.square {
   border-radius: 12.5px;
 }
 .duet-button.duet-button-size-medium.icon-left {
   padding-left: 24px;
 }
-.duet-theme-turva .duet-button.duet-button-size-medium.icon-left {
-  padding-left: 18px;
-}
 .duet-button.duet-button-size-medium.icon-right {
   padding-right: 24px;
 }
-.duet-theme-turva .duet-button.duet-button-size-medium.icon-right {
-  padding-right: 18px;
-}
 .duet-button.duet-button-size-small {
   height: 40px;
   padding-right: 20px;
@@ -196,26 +185,15 @@
   font-size: 0.875rem;
   border-radius: 20px;
 }
-.duet-theme-turva .duet-button.duet-button-size-small {
-  padding-right: 18px;
-  padding-left: 18px;
-  border-radius: 10px;
-}
 .duet-button.duet-button-size-small.square {
   border-radius: 10px;
 }
 .duet-button.duet-button-size-small.icon-left {
   padding-left: 18px;
 }
-.duet-theme-turva .duet-button.duet-button-size-small.icon-left {
-  padding-left: 14px;
-}
 .duet-button.duet-button-size-small.icon-right {
   padding-right: 18px;
 }
-.duet-theme-turva .duet-button.duet-button-size-small.icon-right {
-  padding-right: 14px;
-}
 .duet-button.duet-button-size-x-small {
   height: 32px;
   padding-right: 12px;
@@ -248,10 +226,6 @@
 .duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0 {
   padding: 0 !important;
 }
-.duet-theme-turva .duet-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(198, 12, 48) !important;
-}
 .duet-button .duet-button-contents {
   position: relative;
   display: flex;
@@ -303,61 +277,33 @@
   background: rgb(255, 255, 255);
   border-color: rgb(181, 198, 208);
 }
-.duet-theme-turva .duet-button.default {
-  color: rgb(198, 12, 48) !important;
-  border-color: rgb(222, 224, 228);
-}
 .duet-button.default:hover {
   outline: 2px solid rgb(0, 119, 179);
   outline-offset: -2px;
   border-color: rgb(0, 119, 179);
 }
-.duet-theme-turva .duet-button.default:hover {
-  outline-color: rgb(198, 12, 48);
-  border-color: rgb(198, 12, 48);
-}
 .duet-button.default.duet-button-negative {
   background-color: rgb(255, 255, 255);
 }
-.duet-theme-turva .duet-button.default.duet-button-negative {
-  background-color: rgb(222, 224, 228) !important;
-}
 .duet-button.default.duet-button-negative:hover {
   color: rgb(0, 119, 179) !important;
   border-color: rgb(0, 119, 179);
 }
-.duet-theme-turva .duet-button.default.duet-button-negative:hover {
-  color: rgb(198, 12, 48) !important;
-  border-color: rgb(198, 12, 48);
-}
 .duet-button.primary, .duet-button.input-button-primary, .duet-button.input-button-left-primary {
   color: rgb(255, 255, 255) !important;
   background: rgb(0, 119, 179);
   border-color: rgb(0, 119, 179);
 }
-.duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary, .duet-theme-turva .duet-button.input-button-left-primary {
-  color: rgb(255, 255, 255) !important;
-  background: rgb(198, 12, 48);
-  border-color: rgb(198, 12, 48);
-}
 .duet-button.primary:hover, .duet-button.input-button-primary:hover, .duet-button.input-button-left-primary:hover {
   background: #005f8f;
   border-color: #005f8f;
   box-shadow: 0 4px 20px 0 rgba(34, 34, 34, 0.1);
 }
-.duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover, .duet-theme-turva .duet-button.input-button-left-primary:hover {
-  background: rgb(126, 2, 35);
-  border-color: rgb(126, 2, 35);
-}
 .duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-left-secondary, .duet-button.input-button-embedded {
   color: rgb(8, 42, 77) !important;
   background: transparent;
   border-color: rgb(8, 42, 77);
 }
-.duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-left-secondary, .duet-theme-turva .duet-button.input-button-embedded {
-  color: rgb(23, 28, 58) !important;
-  border-color: rgb(23, 28, 58);
-}
 .duet-button.secondary:hover, .duet-button.input-button-secondary:hover, .duet-button.input-button-left-secondary:hover, .duet-button.input-button-embedded:hover {
   color: rgb(0, 119, 179) !important;
   border-color: rgb(0, 119, 179);
@@ -365,28 +311,17 @@
   outline-color: rgb(98, 121, 138);
   outline-offset: -1px;
 }
-.duet-theme-turva .duet-button.secondary:hover, .duet-button.secondary:hover.duet-theme-turva, .duet-theme-turva2 .duet-button.secondary:hover, .duet-button.secondary:hover.duet-theme-turva2, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-button.input-button-secondary:hover.duet-theme-turva, .duet-theme-turva2 .duet-button.input-button-secondary:hover, .duet-button.input-button-secondary:hover.duet-theme-turva2, .duet-theme-turva .duet-button.input-button-left-secondary:hover, .duet-button.input-button-left-secondary:hover.duet-theme-turva, .duet-theme-turva2 .duet-button.input-button-left-secondary:hover, .duet-button.input-button-left-secondary:hover.duet-theme-turva2, .duet-theme-turva .duet-button.input-button-embedded:hover, .duet-button.input-button-embedded:hover.duet-theme-turva, .duet-theme-turva2 .duet-button.input-button-embedded:hover, .duet-button.input-button-embedded:hover.duet-theme-turva2 {
+.duet-theme-turva .duet-button.secondary:hover, .duet-button.secondary:hover.duet-theme-turva, .duet-theme-turva .duet-button.secondary:hover, .duet-button.secondary:hover.duet-theme-turva, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-button.input-button-secondary:hover.duet-theme-turva, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-button.input-button-secondary:hover.duet-theme-turva, .duet-theme-turva .duet-button.input-button-left-secondary:hover, .duet-button.input-button-left-secondary:hover.duet-theme-turva, .duet-theme-turva .duet-button.input-button-left-secondary:hover, .duet-button.input-button-left-secondary:hover.duet-theme-turva, .duet-theme-turva .duet-button.input-button-embedded:hover, .duet-button.input-button-embedded:hover.duet-theme-turva, .duet-theme-turva .duet-button.input-button-embedded:hover, .duet-button.input-button-embedded:hover.duet-theme-turva {
   outline-color: rgb(120, 145, 164);
 }
-.duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-left-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover {
-  color: rgb(198, 12, 48) !important;
-  border-color: rgb(198, 12, 48);
-}
 .duet-button.secondary.duet-button-negative, .duet-button.input-button-secondary.duet-button-negative, .duet-button.input-button-left-secondary.duet-button-negative, .duet-button.input-button-embedded.duet-button-negative {
   color: rgb(212, 223, 229) !important;
   border-color: rgb(255, 255, 255);
 }
-.duet-theme-turva .duet-button.secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative {
-  color: rgb(222, 224, 228) !important;
-}
 .duet-button.secondary.duet-button-negative:hover, .duet-button.input-button-secondary.duet-button-negative:hover, .duet-button.input-button-left-secondary.duet-button-negative:hover, .duet-button.input-button-embedded.duet-button-negative:hover {
   color: rgb(0, 119, 179) !important;
   border-color: rgb(0, 119, 179);
 }
-.duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover {
-  color: rgb(198, 12, 48) !important;
-  border-color: rgb(198, 12, 48);
-}
 .duet-button.input-button-embedded {
   width: 40px;
   min-width: 40px !important;
@@ -403,9 +338,6 @@
   background: rgb(255, 255, 255);
   border-color: rgb(255, 255, 255);
 }
-.duet-theme-turva .duet-button.negative {
-  color: rgb(23, 28, 58) !important;
-}
 .duet-button.negative:hover {
   color: rgb(255, 255, 255) !important;
   background: transparent;
@@ -416,39 +348,21 @@
   background: rgb(214, 28, 82);
   border-color: rgb(214, 28, 82);
 }
-.duet-theme-turva .duet-button.destructive-primary {
-  color: rgb(255, 255, 255) !important;
-  background: rgb(214, 28, 82);
-  border-color: rgb(214, 28, 82);
-}
 .duet-button.destructive-primary:hover {
   background: #ab1642;
   border-color: #ab1642;
   box-shadow: 0 4px 20px 0 rgba(34, 34, 34, 0.1);
 }
-.duet-theme-turva .duet-button.destructive-primary:hover {
-  background: #ab1642;
-}
 .duet-button.destructive, .duet-button.destructive-secondary {
   color: rgb(214, 28, 82) !important;
   background: rgb(255, 255, 255);
   border-color: rgb(214, 28, 82);
 }
-.duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary {
-  color: rgb(214, 28, 82) !important;
-  background: rgb(255, 255, 255);
-  border-color: rgb(214, 28, 82);
-}
 .duet-button.destructive:hover, .duet-button.destructive-secondary:hover {
   color: rgb(255, 255, 255) !important;
   background: #ab1642;
   border-color: #ab1642;
 }
-.duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover {
-  color: rgb(255, 255, 255) !important;
-  background: #ab1642;
-  border-color: #ab1642;
-}
 .duet-button.plain {
   min-width: 48px;
   padding-right: 0 !important;
@@ -460,11 +374,6 @@
   border-color: transparent;
   border-radius: 4px;
 }
-.duet-theme-turva .duet-button.plain {
-  color: rgb(198, 12, 48) !important;
-  background: transparent;
-  border-color: transparent;
-}
 .duet-button.plain.duet-p-0 .duet-button-contents {
   height: auto;
 }
@@ -474,25 +383,13 @@
   background: transparent !important;
   border-color: transparent !important;
 }
-.duet-theme-turva .duet-button.plain[disabled], .duet-theme-turva .duet-button.plain[disabled]:hover {
-  color: rgb(113, 118, 132) !important;
-  cursor: not-allowed;
-  background: transparent !important;
-  border-color: rgb(222, 224, 228) !important;
-}
 .duet-button.plain:hover {
   color: rgb(0, 75, 129) !important;
   background: transparent !important;
 }
-.duet-theme-turva .duet-button.plain:hover {
-  color: rgb(126, 2, 35) !important;
-}
 .duet-button.plain.duet-button-negative {
   color: rgb(255, 255, 255) !important;
 }
-.duet-theme-turva .duet-button.plain.duet-button-negative {
-  color: rgb(255, 255, 255) !important;
-}
 .duet-button.plain.duet-button-negative:hover {
   color: rgba(255, 255, 255, 0.8) !important;
 }
@@ -583,23 +480,11 @@
   background: rgb(0, 119, 179);
   border-color: rgb(0, 119, 179);
 }
-.duet-theme-turva .duet-button.square.duet-button-negative {
-  color: rgb(255, 255, 255) !important;
-  background: rgb(198, 12, 48);
-  border-color: rgb(198, 12, 48);
-}
-.duet-theme-turva .duet-button.square {
-  border-color: rgb(222, 224, 228);
-}
 .duet-button.square:hover {
   outline: 2px solid rgb(0, 119, 179);
   outline-offset: -2px;
   border-color: rgb(0, 119, 179);
 }
-.duet-theme-turva .duet-button.square:hover {
-  outline-color: rgb(198, 12, 48);
-  border-color: rgb(198, 12, 48);
-}
 .duet-button.square .duet-button-contents {
   gap: 0;
 }
@@ -613,13 +498,6 @@
   border-color: rgb(212, 223, 229) !important;
   box-shadow: none !important;
 }
-.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button[disabled]:hover, .duet-theme-turva .duet-button.duet-button-negative [disabled], .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover {
-  color: rgb(143, 147, 158) !important;
-  cursor: not-allowed;
-  outline-color: rgb(222, 224, 228) !important;
-  background: rgb(222, 224, 228) !important;
-  border-color: rgb(222, 224, 228) !important;
-}
 
 .duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary {
   color: rgb(255, 255, 255);
@@ -627,101 +505,145 @@
 .duet-button-is-loading.default {
   color: rgb(0, 119, 179);
 }
-.duet-button-is-loading.default.duet-theme-turva {
-  color: rgb(198, 12, 48);
-}
 .duet-button-is-loading .duet-button-contents {
   visibility: hidden;
   opacity: 0;
 }
 
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button {
+.duet-theme-turva .duet-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) !important;
+  border-radius: 8px;
+}
+.duet-theme-turva .duet-button.duet-button-size-medium {
+  padding-right: 24px;
+  padding-left: 24px;
   border-radius: 8px;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default {
+.duet-theme-turva .duet-button.duet-button-size-medium.icon-left {
+  padding-left: 14px;
+}
+.duet-theme-turva .duet-button.duet-button-size-medium.icon-right {
+  padding-right: 14px;
+}
+.duet-theme-turva .duet-button.duet-button-size-small {
+  padding-right: 18px;
+  padding-left: 18px;
+  border-radius: 8px;
+}
+.duet-theme-turva .duet-button.duet-button-size-small.icon-left {
+  padding-left: 18px;
+}
+.duet-theme-turva .duet-button.duet-button-size-small.icon-right {
+  padding-right: 18px;
+}
+.duet-theme-turva .duet-button.default {
   color: rgb(230, 23, 64) !important;
   border-color: rgb(178, 194, 205);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover {
+.duet-theme-turva .duet-button.default:hover {
   outline-color: rgb(230, 23, 64);
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative {
+.duet-theme-turva .duet-button.default.duet-button-negative {
   background-color: rgb(251, 225, 209) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover {
+.duet-theme-turva .duet-button.default.duet-button-negative:hover {
   color: rgb(230, 23, 64) !important;
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary {
+.duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary, .duet-theme-turva .duet-button.input-button-left-primary {
+  color: rgb(255, 255, 255) !important;
   background: rgb(230, 23, 64);
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary:hover {
+.duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover, .duet-theme-turva .duet-button.input-button-left-primary:hover {
   background: rgb(140, 0, 30);
   border-color: rgb(140, 0, 30);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded {
+.duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-left-secondary, .duet-theme-turva .duet-button.input-button-embedded {
   color: rgb(23, 42, 59) !important;
   border-color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover {
+.duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-left-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover {
   color: rgb(230, 23, 64) !important;
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative {
+.duet-theme-turva .duet-button.secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative {
   color: rgb(251, 225, 209) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover {
+.duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover {
   color: rgb(230, 23, 64) !important;
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-primary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-embedded {
+.duet-theme-turva .duet-button.duet-button.input-button-primary, .duet-theme-turva .duet-button.duet-button.input-button-secondary, .duet-theme-turva .duet-button.duet-button.input-button-embedded {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-left-primary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-left-secondary {
+.duet-theme-turva .duet-button.duet-button.input-button-left-primary, .duet-theme-turva .duet-button.duet-button.input-button-left-secondary {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative {
+.duet-theme-turva .duet-button.negative {
   color: rgb(23, 42, 59) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover {
+.duet-theme-turva .duet-button.negative:hover {
+  color: rgb(255, 255, 255) !important;
+}
+.duet-theme-turva .duet-button.destructive-primary {
   color: rgb(255, 255, 255) !important;
+  background: rgb(214, 28, 82);
+  border-color: rgb(214, 28, 82);
+}
+.duet-theme-turva .duet-button.destructive-primary:hover {
+  background: #ab1642;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain {
+.duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary {
+  color: rgb(214, 28, 82) !important;
+  background: rgb(255, 255, 255);
+  border-color: rgb(214, 28, 82);
+}
+.duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover {
+  color: rgb(255, 255, 255) !important;
+  background: #ab1642;
+  border-color: #ab1642;
+}
+.duet-theme-turva .duet-button.plain {
   color: rgb(230, 23, 64) !important;
+  background: transparent;
+  border-color: transparent;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain.duet-button-negative {
+.duet-theme-turva .duet-button.plain.duet-button-negative {
   color: rgb(255, 255, 255) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain:hover {
+.duet-theme-turva .duet-button.plain:hover {
   color: rgb(140, 0, 30) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled], :host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled]:hover {
+.duet-theme-turva .duet-button.plain[disabled], .duet-theme-turva .duet-button.plain[disabled]:hover {
   color: rgb(95, 122, 143) !important;
+  cursor: not-allowed;
   background: transparent !important;
   border-color: rgb(251, 225, 209) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square {
+.duet-theme-turva .duet-button.square {
   border-color: rgb(212, 221, 226);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative {
+.duet-theme-turva .duet-button.square.duet-button-negative {
+  color: rgb(255, 255, 255) !important;
   background: rgb(230, 23, 64);
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover {
+.duet-theme-turva .duet-button.square:hover {
   outline-color: rgb(230, 23, 64);
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled], :host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled]:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled], :host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover {
+.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button[disabled]:hover, .duet-theme-turva .duet-button.duet-button-negative [disabled], .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover {
   color: rgb(120, 145, 164) !important;
   cursor: not-allowed;
   outline-color: rgb(212, 221, 226) !important;
   background: rgb(212, 221, 226) !important;
   border-color: rgb(212, 221, 226) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default {
+.duet-theme-turva .duet-button-is-loading.default {
   color: rgb(230, 23, 64);
 }

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

@@ -56,18 +56,14 @@ figure {
 .duet-callout .author {
   color: rgb(8, 42, 77);
 }
+.duet-callout.duet-m-0 {
+  margin: 0 !important;
+}
+
 .duet-callout.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-callout.duet-theme-turva .author,
 .duet-callout.duet-theme-turva blockquote {
-  color: rgb(23, 28, 58);
-}
-.duet-callout.duet-m-0 {
-  margin: 0 !important;
-}
-
-:host(.duet-theme-turva2) .duet-callout.duet-theme-turva .author,
-:host(.duet-theme-turva2) .duet-callout.duet-theme-turva blockquote {
   color: rgb(23, 42, 59);
 }

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

@@ -30,23 +30,19 @@
   line-height: 1.25;
 }
 
-: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(72, 100, 122);
-}
-
 :host(.duet-caption-selected) {
   color: rgb(0, 119, 179);
 }
 
-:host(.duet-caption-selected.duet-theme-turva) {
-  color: rgb(23, 28, 58);
-}
-
 :host(.duet-m-0) {
   margin: 0 !important;
 }
 
-:host(.duet-theme-turva2.duet-caption-selected.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(72, 100, 122);
+}
+
+:host(.duet-theme-turva.duet-caption-selected.duet-theme-turva) {
   color: rgb(23, 42, 59);
 }

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

@@ -70,7 +70,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-card:focus, .duet-card:focus.duet-theme-turva, .duet-theme-turva2 .duet-card:focus, .duet-card:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-card:focus, .duet-card:focus.duet-theme-turva, .duet-theme-turva .duet-card:focus, .duet-card:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -125,11 +125,6 @@
     padding: 28px !important;
   }
 }
-.duet-card.duet-theme-turva {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 28, 58);
-  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);
-}
 @media (min-width: 36em) {
   .duet-card.xx-small {
     padding: 12px !important;
@@ -183,9 +178,6 @@
   background: rgba(4, 81, 128, 0.04) !important;
   box-shadow: none;
 }
-.duet-card.info.duet-theme-turva {
-  background: rgba(23, 28, 58, 0.035) !important;
-}
 
 .duet-card.plain {
   box-shadow: none;
@@ -284,7 +276,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus, :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus, :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus, :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus, :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus {
@@ -294,11 +286,6 @@
   margin-bottom: 0 !important;
   border-bottom: 0 !important;
 }
-.duet-theme-turva .duet-card-heading {
-  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);
-  border-color: rgb(222, 224, 228);
-}
 @media (min-width: 36em) {
   .xx-small .duet-card-heading {
     padding: 6px 12px 7px !important;
@@ -382,9 +369,6 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
-.duet-theme-turva .duet-card-footer {
-  background: rgb(245, 247, 250);
-}
 @media (min-width: 36em) {
   .duet-card-footer {
     padding: 15px 28px 16px !important;
@@ -555,15 +539,19 @@ a.duet-card:active {
   transition: none;
 }
 
-:host(.duet-theme-turva2) .duet-card.duet-theme-turva {
+.duet-card.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);
+  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);
 }
-:host(.duet-theme-turva2) .duet-card.duet-theme-turva.info {
+.duet-card.duet-theme-turva.info {
   background: rgb(253, 247, 242) !important;
 }
-:host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-heading {
+.duet-card.duet-theme-turva .duet-card-heading {
+  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-card.duet-theme-turva .duet-card-footer {
+.duet-card.duet-theme-turva .duet-card-footer {
   background: rgb(245, 246, 247);
 }