@duetds/components 10.2.3 → 10.3.0

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, 28, 58);
-}
 .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, 28, 58);
-}
 .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, 28, 58);
-  border-color: rgb(23, 28, 58);
-}
 .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(143, 147, 158);
-}
 .duet-checkbox[disabled] + label::before {
   border-color: rgb(181, 198, 208);
 }
-.duet-theme-turva .duet-checkbox[disabled] + label::before {
-  border-color: rgb(199, 202, 207);
-}
 .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(143, 147, 158);
-  border-color: rgb(143, 147, 158);
-}
 
 .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, 28, 58) !important;
-  background: rgb(255, 255, 255);
-  border-color: rgb(199, 202, 207);
-}
-.duet-chip-container.duet-theme-turva:hover {
-  border-color: rgb(198, 12, 48);
-}
 .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(143, 147, 158) !important;
-  background: rgb(245, 247, 250);
-  border-color: rgb(245, 247, 250);
-}
 .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, 247, 250);
-  border-color: rgb(245, 247, 250);
-}
 .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, 241, 241);
-  border-color: rgb(198, 12, 48);
-}
-.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, 213, 215);
-}
 .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, 241, 241);
-  border-color: rgb(245, 247, 250);
-}
 .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(199, 202, 207);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover {
-  border-color: rgb(198, 12, 48);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover {
-  background: rgb(255, 241, 241);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected {
-  background: rgb(255, 241, 241);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover {
-  background: rgb(255, 213, 215);
-  background-clip: padding-box;
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover {
-  background: rgb(255, 185, 190);
-  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

@@ -11,7 +11,7 @@
   margin-right: auto;
 }
 .duet-theme-turva .duet-checkmark-container {
-  border-color: rgb(143, 147, 158);
+  border-color: rgb(120, 145, 164);
 }
 .checked .duet-checkmark-container {
   background: rgb(0, 119, 179);
@@ -19,8 +19,8 @@
   transition: none;
 }
 .duet-theme-turva .checked .duet-checkmark-container {
-  background: rgb(23, 28, 58);
-  border-color: rgb(23, 28, 58) !important;
+  background: rgb(23, 42, 59);
+  border-color: rgb(23, 42, 59) !important;
 }
 .duet-checkmark-container.duet-checkmark-radio {
   border-radius: 50%;
@@ -29,13 +29,13 @@
   border-color: rgb(181, 198, 208) !important;
 }
 .duet-theme-turva [disabled] + label .duet-checkmark-container {
-  border-color: rgb(199, 202, 207) !important;
+  border-color: rgb(178, 194, 205) !important;
 }
 .checked [disabled] + label .duet-checkmark-container {
   background: rgb(181, 198, 208) !important;
 }
 .duet-theme-turva .checked [disabled] + label .duet-checkmark-container {
-  background: rgb(199, 202, 207) !important;
+  background: rgb(178, 194, 205) !important;
 }
 
 .duet-checkmark {
@@ -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;
 }