@duetds/components 10.2.4 → 10.3.0

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, 42, 59);
-}
-
 :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, 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);
-}
 @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, 42, 59, 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, 42, 59);
-  border-color: rgb(212, 221, 226);
-}
 @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, 246, 247);
-}
 @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);
 }

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

@@ -62,10 +62,6 @@
   background: transparent;
   transition: 300ms ease;
 }
-.duet-theme-turva .duet-label {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 42, 59);
-}
 .duet-label span {
   display: inline-block;
   width: calc(100% - 32px);
@@ -102,38 +98,22 @@
   border: 1px solid rgb(8, 42, 77);
   border-radius: 4px;
 }
-.duet-theme-turva .duet-checkbox + label::before {
-  border-color: rgb(23, 42, 59);
-}
 .duet-checkbox:checked + label::before {
   background: rgb(0, 119, 179);
   border: 1px solid rgb(0, 119, 179);
 }
-.duet-theme-turva .duet-checkbox:checked + label::before {
-  background: rgb(23, 42, 59);
-  border-color: rgb(23, 42, 59);
-}
 .duet-checkbox:focus + label::before {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-checkbox:focus + label::before, .duet-checkbox:focus + label::before.duet-theme-turva, .duet-theme-turva2 .duet-checkbox:focus + label::before, .duet-checkbox:focus + label::before.duet-theme-turva2 {
-  outline-color: rgba(53, 79, 101, 0.8);
-}
-.duet-theme-turva .duet-checkbox:focus + label::before {
-  outline: 2px solid;
-  outline-offset: 2px;
+.duet-theme-turva .duet-checkbox:focus + label::before, .duet-checkbox:focus + label::before.duet-theme-turva, .duet-theme-turva .duet-checkbox:focus + label::before, .duet-checkbox:focus + label::before.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-checkbox[aria-invalid=true] + label::before {
   background: #fdf4f6;
   border-color: rgb(214, 28, 82);
 }
-.duet-theme-turva .duet-checkbox[aria-invalid=true] + label::before {
-  background: #fdf4f6;
-  border-color: rgb(214, 28, 82);
-}
 .duet-checkbox + label {
   position: static;
 }
@@ -155,23 +135,13 @@
 .duet-checkbox[disabled] + label {
   color: rgb(98, 121, 138);
 }
-.duet-theme-turva .duet-checkbox[disabled] + label {
-  color: rgb(120, 145, 164);
-}
 .duet-checkbox[disabled] + label::before {
   border-color: rgb(181, 198, 208);
 }
-.duet-theme-turva .duet-checkbox[disabled] + label::before {
-  border-color: rgb(178, 194, 205);
-}
 .duet-checkbox[disabled]:checked + label::before {
   background: rgb(127, 150, 165);
   border: 1px solid rgb(127, 150, 165);
 }
-.duet-theme-turva .duet-checkbox[disabled]:checked + label::before {
-  background: rgb(120, 145, 164);
-  border-color: rgb(120, 145, 164);
-}
 
 .duet-after-label {
   position: relative;
@@ -192,10 +162,6 @@
   color: rgb(214, 28, 82);
   border-radius: 4px;
 }
-.duet-theme-turva .duet-checkbox-error {
-  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(214, 28, 82);
-}
 
 .duet-label-hidden .duet-label span,
 .duet-label-hidden .duet-checkbox-error span {
@@ -209,13 +175,37 @@
   clip: rect(0 0 0 0);
 }
 
-:host(.duet-theme-turva2) .duet-theme-turva .duet-label {
+.duet-theme-turva .duet-label {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox + label::before {
+.duet-theme-turva .duet-checkbox + label::before {
   border-color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox:checked + label::before {
+.duet-theme-turva .duet-checkbox:checked + label::before {
   background: rgb(23, 42, 59);
   border-color: rgb(23, 42, 59);
+}
+.duet-theme-turva .duet-checkbox:focus + label::before {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(53, 79, 101, 0.8);
+}
+.duet-theme-turva .duet-checkbox[aria-invalid=true] + label::before {
+  background: #fdf4f6;
+  border-color: rgb(214, 28, 82);
+}
+.duet-theme-turva .duet-checkbox[disabled] + label {
+  color: rgb(120, 145, 164);
+}
+.duet-theme-turva .duet-checkbox[disabled] + label::before {
+  border-color: rgb(178, 194, 205);
+}
+.duet-theme-turva .duet-checkbox[disabled]:checked + label::before {
+  background: rgb(120, 145, 164);
+  border-color: rgb(120, 145, 164);
+}
+.duet-theme-turva .duet-checkbox-error {
+  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(214, 28, 82);
 }

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

@@ -69,14 +69,6 @@
 .duet-chip-container.duet-m-0 {
   margin: 0 !important;
 }
-.duet-chip-container.duet-theme-turva {
-  color: rgb(23, 42, 59) !important;
-  background: rgb(255, 255, 255);
-  border-color: rgb(178, 194, 205);
-}
-.duet-chip-container.duet-theme-turva:hover {
-  border-color: rgb(230, 23, 64);
-}
 .duet-chip-container:hover {
   padding: 0 !important;
   border-color: rgb(0, 119, 179);
@@ -88,19 +80,10 @@
   background: rgb(245, 248, 250) !important;
   border-color: rgb(245, 248, 250) !important;
 }
-.duet-chip-container.duet-chip-disabled.duet-theme-turva {
-  color: rgb(120, 145, 164) !important;
-  background: rgb(245, 246, 247);
-  border-color: rgb(245, 246, 247);
-}
 .duet-chip-container.duet-chip-disabled:hover {
   background: rgb(245, 248, 250);
   border-color: rgb(245, 248, 250);
 }
-.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva {
-  background: rgb(245, 246, 247);
-  border-color: rgb(245, 246, 247);
-}
 .duet-chip-container.duet-chip-disabled button,
 .duet-chip-container.duet-chip-disabled label {
   cursor: default;
@@ -190,13 +173,6 @@
   transform: scaleX(1);
   transition: width 300ms ease, transform 300ms ease;
 }
-.duet-chip-container.duet-chip-filter-checked.duet-theme-turva, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva {
-  background: rgb(255, 242, 242);
-  border-color: rgb(230, 23, 64);
-}
-.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover {
-  background: rgb(255, 229, 230);
-}
 .duet-chip-container .duet-chip-popup-disclosure {
   padding-right: 4.5px;
   padding-left: 12.5px;
@@ -208,10 +184,6 @@
   background: rgb(240, 247, 250);
   border-color: rgb(240, 247, 250);
 }
-.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva {
-  background: rgb(255, 242, 242);
-  border-color: rgb(245, 246, 247);
-}
 .duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon {
   transform: rotate(180deg);
 }
@@ -261,26 +233,6 @@
   background: rgb(198, 225, 238);
   background-clip: padding-box;
 }
-.duet-chip-container.duet-chip-input.duet-theme-turva:hover {
-  border-color: rgb(178, 194, 205);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover {
-  border-color: rgb(230, 23, 64);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover {
-  background: rgb(255, 242, 242);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected {
-  background: rgb(255, 242, 242);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover {
-  background: rgb(255, 229, 230);
-  background-clip: padding-box;
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover {
-  background: rgb(255, 201, 204);
-  background-clip: padding-box;
-}
 .duet-chip-container.large button,
 .duet-chip-container.large label {
   padding: 15px 18px;
@@ -300,11 +252,11 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus, :host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-focus, :host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva2,
+.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus, :host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus, :host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,
 .duet-theme-turva :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,
 :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva,
-.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,
-:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,
+:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 
@@ -328,27 +280,51 @@
   z-index: 1;
 }
 
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva {
+.duet-chip-container.duet-theme-turva {
   color: rgb(23, 42, 59) !important;
+  background: rgb(255, 255, 255);
   border-color: rgb(178, 194, 205);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover {
+.duet-chip-container.duet-theme-turva:hover {
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked {
+.duet-chip-container.duet-theme-turva.duet-chip-disabled {
+  color: rgb(120, 145, 164) !important;
+  background: rgb(245, 246, 247);
+  border-color: rgb(245, 246, 247);
+}
+.duet-chip-container.duet-theme-turva.duet-chip-disabled:hover {
+  background: rgb(245, 246, 247);
+  border-color: rgb(245, 246, 247);
+}
+.duet-chip-container.duet-theme-turva.duet-chip-filter-checked, .duet-chip-container.duet-theme-turva.duet-chip-radio-checked {
   background: rgb(253, 247, 242);
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover {
+.duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover, .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover {
   background: rgb(251, 225, 209);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open {
+.duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open {
   background: rgb(253, 247, 242);
   border-color: rgb(178, 194, 205);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover {
+.duet-chip-container.duet-theme-turva.duet-chip-input .duet-chip-remove-button:hover {
+  background: rgb(255, 242, 242);
+}
+.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected {
+  background: rgb(255, 242, 242);
+}
+.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected.duet-chip-hover {
+  background: rgb(255, 229, 230);
+  background-clip: padding-box;
+}
+.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover {
+  background: rgb(255, 201, 204);
+  background-clip: padding-box;
+}
+.duet-chip-container.duet-theme-turva.duet-chip-input:hover {
   border-color: rgb(178, 194, 205);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected {
+.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover, .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected {
   border-color: rgb(230, 23, 64);
 }

package/lib/collection/components/duet-choice/duet-checkmark.css

@@ -72,7 +72,7 @@
     opacity: 1;
   }
 }
-:host(.duet-theme-turva2.duet-theme-turva) .checked .duet-checkmark-container {
+:host(.duet-theme-turva.duet-theme-turva) .checked .duet-checkmark-container {
   background: rgb(23, 42, 59);
   border-color: rgb(23, 42, 59) !important;
 }