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-popup-menu-item/duet-popup-menu-item.css CHANGED Viewed

@@ -51,28 +51,18 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-popup-menu-item:focus, .duet-popup-menu-item:focus.duet-theme-turva, .duet-theme-turva2 .duet-popup-menu-item:focus, .duet-popup-menu-item:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-popup-menu-item:focus, .duet-popup-menu-item:focus.duet-theme-turva, .duet-theme-turva .duet-popup-menu-item:focus, .duet-popup-menu-item:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
 }
-.duet-popup-menu-item.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-popup-menu-item.active {
   z-index: 0;
   background: rgb(240, 247, 250);
 }
-.duet-popup-menu-item.active.duet-theme-turva {
-  background: rgb(245, 246, 247);
-}
 .duet-popup-menu-item:hover {
   background: rgb(228, 241, 247);
 }
-.duet-popup-menu-item:hover.duet-theme-turva {
-  background: rgb(212, 221, 226);
-}
 .duet-popup-menu-item .duet-popup-menu-item-label {
   flex-grow: 1;
 }
@@ -85,16 +75,19 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .active-descendant, .active-descendant.duet-theme-turva, .duet-theme-turva2 .active-descendant, .active-descendant.duet-theme-turva2 {
+.duet-theme-turva .active-descendant, .active-descendant.duet-theme-turva, .duet-theme-turva .active-descendant, .active-descendant.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
-:host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva {
+.duet-popup-menu-item.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-popup-menu-item.active.duet-theme-turva {
+.duet-popup-menu-item.active.duet-theme-turva {
   background: rgb(253, 247, 242);
 }
-:host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva {
+.duet-popup-menu-item:hover.duet-theme-turva {
   background: rgb(251, 235, 225);
 }

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

@@ -48,9 +48,6 @@
   border-radius: 0;
   box-shadow: none;
 }
-.duet-theme-turva .duet-progress .progress-bar {
-  background-color: rgb(255, 242, 242);
-}
 .duet-progress .progress-bar > span {
   display: block;
   height: inherit;
@@ -58,9 +55,6 @@
   background-color: rgb(0, 119, 179);
   border-radius: 0;
 }
-.duet-theme-turva .duet-progress .progress-bar > span {
-  background-color: rgb(230, 23, 64);
-}
 .duet-progress progress[value] {
   display: flex;
   width: 100%;
@@ -89,34 +83,27 @@
 .duet-progress progress[value] ::-moz-progress-bar {
   background-color: rgb(240, 247, 250);
 }
-.duet-progress.duet-theme-turva progress[value] {
-  color: rgb(230, 23, 64);
-}
-.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar {
-  background-color: rgb(255, 242, 242);
-}
-.duet-progress.duet-theme-turva progress[value]::-webkit-progress-value {
-  background-color: rgb(230, 23, 64);
-}
-.duet-progress.duet-theme-turva progress[value] ::-moz-progress-bar {
-  background-color: rgb(255, 242, 242);
-}
-.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar {
+.duet-progress.duet-theme-turva .progress-bar {
   background-color: rgb(253, 247, 242);
 }
-.duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar > span {
+.duet-progress.duet-theme-turva .progress-bar > span {
   background-color: rgb(230, 23, 64);
 }
-.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value] {
+.duet-progress.duet-theme-turva progress[value] {
   color: rgb(230, 23, 64);
 }
-.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar {
+.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar {
   background-color: rgb(253, 247, 242);
 }
-.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-value {
+.duet-progress.duet-theme-turva progress[value]::-webkit-progress-value {
   background-color: rgb(230, 23, 64);
 }
-.duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-moz-progress-bar {
+.duet-progress.duet-theme-turva progress[value]::-moz-progress-bar {
   background-color: rgb(253, 247, 242);
 }

package/lib/collection/components/duet-promo-card/duet-promo-card.css CHANGED Viewed

@@ -66,7 +66,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-promo-card .content-wrapper:focus, .duet-promo-card .content-wrapper:focus.duet-theme-turva, .duet-theme-turva2 .duet-promo-card .content-wrapper:focus, .duet-promo-card .content-wrapper:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-promo-card .content-wrapper:focus, .duet-promo-card .content-wrapper:focus.duet-theme-turva, .duet-theme-turva .duet-promo-card .content-wrapper:focus, .duet-promo-card .content-wrapper:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -103,9 +103,6 @@
 .duet-promo-card.no-bg-color .image {
   border-radius: 16px;
 }
-.duet-promo-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";
-}
 .duet-promo-card-link {
   transition: box-shadow 300ms ease;
@@ -113,6 +110,10 @@
 .duet-promo-card-link:hover {
   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), 0 2px 10px 0 rgba(0, 41, 77, 0.1);
 }
-.duet-promo-card-link:hover.duet-theme-turva {
+.duet-theme-turva.duet-promo-card {
+  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-promo-card-link:hover {
   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), 0 2px 10px 0 rgba(117, 117, 117, 0.15);
 }

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

@@ -88,10 +88,6 @@
   cursor: pointer;
   background: transparent;
 }
-.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 .duet-label-content {
   flex-grow: 1;
   font-size: 1rem;
@@ -124,20 +120,12 @@
   border: 1px solid rgb(8, 42, 77);
   border-radius: 50%;
 }
-.duet-theme-turva .duet-label::before {
-  border-color: rgb(23, 42, 59);
-}
 .duet-label.focus::before {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-label.focus::before, .duet-label.focus::before.duet-theme-turva, .duet-theme-turva2 .duet-label.focus::before, .duet-label.focus::before.duet-theme-turva2 {
-  outline-color: rgba(53, 79, 101, 0.8);
-}
-.duet-theme-turva .duet-label.focus::before {
-  outline: 2px solid;
-  outline-offset: 2px;
+.duet-theme-turva .duet-label.focus::before, .duet-label.focus::before.duet-theme-turva, .duet-theme-turva .duet-label.focus::before, .duet-label.focus::before.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-label.checked::after {
@@ -152,31 +140,18 @@
   background: rgb(0, 119, 179);
   border-radius: 50%;
 }
-.duet-theme-turva .duet-label.checked::after {
-  background: rgb(23, 42, 59);
-}
 .duet-label.disabled {
   color: rgb(98, 121, 138);
 }
-.duet-theme-turva .duet-label.disabled {
-  color: rgb(120, 145, 164);
-}
 .duet-label.disabled::before {
   border-color: rgb(181, 198, 208);
 }
-.duet-theme-turva .duet-label.disabled::before {
-  border-color: rgb(120, 145, 164);
-}
 .duet-label.disabled.checked::before {
   border: 1px solid rgb(127, 150, 165);
 }
 .duet-label.disabled.checked::after {
   background: rgb(127, 150, 165);
 }
-.duet-theme-turva .duet-label.disabled.checked::after {
-  background: rgb(120, 145, 164);
-  border-color: rgb(120, 145, 164);
-}
 *::slotted([slot=input]) {
   padding: 14px !important;
@@ -194,22 +169,49 @@
   cursor: default;
 }
-: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-radio + label::before {
+.duet-theme-turva .duet-radio + label::before {
   border-color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-radio:checked + label::after {
+.duet-theme-turva .duet-label.focus::before {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(53, 79, 101, 0.8);
+}
+.duet-theme-turva .duet-label.checked::after {
+  background: rgb(23, 42, 59);
+}
+.duet-theme-turva .duet-label.disabled {
+  color: rgb(120, 145, 164);
+}
+.duet-theme-turva .duet-label.disabled::before {
+  border-color: rgb(120, 145, 164);
+}
+.duet-theme-turva .duet-label.disabled.checked::after {
+  background: rgb(120, 145, 164);
+  border-color: rgb(120, 145, 164);
+}
+.duet-theme-turva .duet-radio:checked + label::after {
   background: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled] + label {
+.duet-theme-turva .duet-radio[disabled] + label {
   color: rgb(120, 145, 164);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled] + label::before {
+.duet-theme-turva .duet-radio[disabled] + label::before {
   border-color: rgb(120, 145, 164);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]:checked + label::after {
+.duet-theme-turva .duet-radio[disabled]:checked + label::after {
   background: rgb(120, 145, 164);
   border-color: rgb(120, 145, 164);
 }

package/lib/collection/components/duet-range-slider/duet-range-slider.css CHANGED Viewed

@@ -133,16 +133,9 @@
   color: rgb(8, 42, 77);
   background: rgb(255, 255, 255);
 }
-.duet-theme-turva .duet-output {
-  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-range-disabled .duet-output {
   color: rgb(127, 150, 165);
 }
-.duet-range-disabled.duet-theme-turva .duet-output {
-  color: rgb(120, 145, 164);
-}
 .duet-range {
   position: relative;
@@ -160,12 +153,9 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-range:focus, :host(.user-is-tabbing) .duet-range:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-range:focus, :host(.user-is-tabbing) .duet-range:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-range:focus, :host(.user-is-tabbing) .duet-range:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-range:focus, :host(.user-is-tabbing) .duet-range:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
-.duet-theme-turva .duet-range {
-  background: rgb(178, 194, 205);
-}
 .duet-ie .duet-range {
   display: block;
   width: auto;
@@ -200,9 +190,6 @@
   border-radius: 50%;
   transition: box-shadow 300ms ease;
 }
-.duet-theme-turva .duet-range::-webkit-slider-thumb {
-  border-color: rgb(120, 145, 164);
-}
 .duet-range:active::-webkit-slider-thumb {
   cursor: -webkit-grabbing;
 }
@@ -216,9 +203,6 @@
   border: 1px solid rgb(127, 150, 165);
   border-radius: 50%;
 }
-.duet-theme-turva .duet-range::-moz-range-thumb {
-  border-color: rgb(120, 145, 164);
-}
 .duet-range:active::-moz-range-thumb {
   cursor: -moz-grabbing;
 }
@@ -231,56 +215,32 @@
   border: 1px solid rgb(127, 150, 165);
   border-radius: 50%;
 }
-.duet-theme-turva .duet-range::-ms-thumb {
-  border-color: rgb(120, 145, 164);
-}
 .duet-range:disabled {
   background: rgb(181, 198, 208) !important;
 }
-.duet-theme-turva .duet-range:disabled {
-  background: rgb(178, 194, 205) !important;
-}
 .duet-range:disabled::-webkit-slider-thumb {
   cursor: default;
   background: rgb(181, 198, 208);
   border-color: transparent;
 }
-.duet-theme-turva .duet-range:disabled::-webkit-slider-thumb {
-  background: rgb(178, 194, 205);
-  border-color: transparent;
-}
 .duet-range:disabled::-moz-range-thumb {
   cursor: default;
   background: rgb(181, 198, 208);
   border-color: transparent;
 }
-.duet-theme-turva .duet-range:disabled::-moz-range-thumb {
-  background: rgb(178, 194, 205);
-  border-color: transparent;
-}
 .duet-range:disabled::-ms-thumb {
   cursor: default;
   background: rgb(181, 198, 208);
   border-color: transparent;
 }
-.duet-theme-turva .duet-range:disabled::-ms-thumb {
-  background: rgb(178, 194, 205);
-  border-color: transparent;
-}
 .duet-range::-ms-fill-lower {
   height: 4px;
   background: rgb(0, 119, 179);
 }
-.duet-theme-turva .duet-range::-ms-fill-lower {
-  background: rgb(230, 23, 64);
-}
 .duet-range::-ms-fill-upper {
   height: 4px;
   background: rgb(181, 198, 208);
 }
-.duet-theme-turva .duet-range::-ms-fill-upper {
-  background: rgb(178, 194, 205);
-}
 .duet-label-hidden .duet-internal-label,
 .duet-label-hidden output {
@@ -294,39 +254,54 @@
   clip: rect(0 0 0 0);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-output {
+.duet-theme-turva .duet-output {
+  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-range-disabled.duet-theme-turva .duet-output {
+.duet-range-disabled.duet-theme-turva .duet-output {
   color: rgb(120, 145, 164);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-range {
+.duet-theme-turva .duet-range {
   background: rgb(178, 194, 205);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-range::-webkit-slider-thumb {
+.duet-theme-turva .duet-range::-webkit-slider-thumb {
   border-color: rgb(120, 145, 164);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-range::-moz-range-thumb {
+.duet-theme-turva .duet-range::-moz-range-thumb {
   border-color: rgb(120, 145, 164);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-range::-ms-thumb {
+.duet-theme-turva .duet-range::-ms-thumb {
   border-color: rgb(120, 145, 164);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled {
+.duet-theme-turva .duet-range:disabled {
   background: rgb(178, 194, 205) !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled::-webkit-slider-thumb {
+.duet-theme-turva .duet-range:disabled::-webkit-slider-thumb {
   background: rgb(178, 194, 205);
+  border-color: transparent;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled::-moz-range-thumb {
+.duet-theme-turva .duet-range:disabled::-moz-range-thumb {
   background: rgb(178, 194, 205);
+  border-color: transparent;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled::-ms-thumb {
+.duet-theme-turva .duet-range:disabled::-ms-thumb {
   background: rgb(178, 194, 205);
+  border-color: transparent;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-range::-ms-fill-lower {
+.duet-theme-turva .duet-range::-ms-fill-lower {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-range::-ms-fill-upper {
+.duet-theme-turva .duet-range::-ms-fill-upper {
   background: rgb(178, 194, 205);
 }

package/lib/collection/components/duet-range-stepper/duet-range-stepper.css CHANGED Viewed

@@ -48,6 +48,6 @@
   border: 0;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-range-step-counter {
+.duet-theme-turva .duet-range-step-counter {
   color: rgb(23, 42, 59);
 }

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

@@ -99,19 +99,10 @@
 :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
   border-color: rgb(0, 119, 179);
   border-width: 2px;
-  /* stylelint-disable */
-  /* too deep nesting */
-  /* stylelint-enable */
-}
-.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
-  border-color: rgb(95, 122, 143);
 }
 :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden] {
   display: none !important;
 }
-:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
-  border-color: rgb(95, 122, 143);
-}
 :host .duet-scrollable-items .duet-scrollable-list {
   display: flex;
   flex-wrap: nowrap;
@@ -210,9 +201,10 @@
   transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
+.duet-theme-turva .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
   border-color: rgb(120, 145, 164);
 }
-:host(.duet-theme-turva2) .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
+.duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
   border-color: rgb(120, 145, 164);
 }

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

@@ -185,9 +185,6 @@ duet-tooltip,
   font-weight: 400;
   line-height: 1.25;
 }
-.duet-theme-turva .duet-select-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-select-variation-tiny .duet-select-wrapper {
   width: 81px;
   padding: 0 !important;
@@ -214,21 +211,15 @@ duet-tooltip,
   border: 0;
   opacity: 0;
 }
-.duet-theme-turva .duet-select-wrapper select {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
 .duet-select-wrapper select:hover + .duet-select {
   outline: 2px solid;
   outline-color: rgb(98, 121, 138);
   outline-offset: -1px;
   border-color: rgb(127, 150, 165);
 }
-.duet-theme-turva .duet-select-wrapper select:hover + .duet-select, .duet-select-wrapper select:hover + .duet-select.duet-theme-turva, .duet-theme-turva2 .duet-select-wrapper select:hover + .duet-select, .duet-select-wrapper select:hover + .duet-select.duet-theme-turva2 {
+.duet-theme-turva .duet-select-wrapper select:hover + .duet-select, .duet-select-wrapper select:hover + .duet-select.duet-theme-turva, .duet-theme-turva .duet-select-wrapper select:hover + .duet-select, .duet-select-wrapper select:hover + .duet-select.duet-theme-turva {
   outline-color: rgb(120, 145, 164);
 }
-.duet-theme-turva .duet-select-wrapper select:hover + .duet-select {
-  border-color: rgb(120, 145, 164);
-}
 .has-error .duet-select-wrapper select:hover + .duet-select {
   outline: 1px solid;
   outline-color: rgb(214, 28, 82);
@@ -241,15 +232,9 @@ duet-tooltip,
   border-color: rgb(0, 119, 179);
   transition: none;
 }
-.duet-theme-turva .duet-select-wrapper select:focus + .duet-select, .duet-select-wrapper select:focus + .duet-select.duet-theme-turva, .duet-theme-turva2 .duet-select-wrapper select:focus + .duet-select, .duet-select-wrapper select:focus + .duet-select.duet-theme-turva2 {
+.duet-theme-turva .duet-select-wrapper select:focus + .duet-select, .duet-select-wrapper select:focus + .duet-select.duet-theme-turva, .duet-theme-turva .duet-select-wrapper select:focus + .duet-select, .duet-select-wrapper select:focus + .duet-select.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
-.duet-theme-turva .duet-select-wrapper select:focus + .duet-select {
-  border-color: rgb(23, 42, 59);
-}
-.duet-theme-turva .duet-select-wrapper select:focus + .duet-select .duet-select-icon {
-  color: rgb(23, 42, 59);
-}
 .duet-select-wrapper select:focus + .duet-select .duet-select-icon {
   color: rgb(0, 119, 179);
 }
@@ -270,12 +255,6 @@ duet-tooltip,
   opacity: 1 !important;
   -webkit-text-fill-color: rgb(8, 42, 77) !important;
 }
-.duet-theme-turva .duet-select-wrapper select[disabled] + .duet-select {
-  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-select-wrapper span.duet-keep-container-height {
   opacity: 0;
 }
@@ -316,17 +295,6 @@ duet-tooltip,
 .has-error .duet-select .duet-select-icon {
   color: rgb(214, 28, 82) !important;
 }
-.duet-theme-turva.has-error .duet-select {
-  border-color: rgb(214, 28, 82) !important;
-}
-.duet-theme-turva.has-error .duet-select .duet-select-icon {
-  color: rgb(214, 28, 82) !important;
-}
-.duet-theme-turva .duet-select {
-  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-select svg {
   position: absolute;
   top: 50%;
@@ -338,9 +306,6 @@ duet-tooltip,
   pointer-events: none;
   transform: translateY(-50%);
 }
-.duet-theme-turva .duet-select svg {
-  color: rgb(23, 42, 59);
-}
 .duet-select-variation-tiny .duet-select, .duet-select-variation-compact .duet-select {
   width: 72px;
   min-width: inherit;
@@ -376,16 +341,9 @@ duet-tooltip,
   display: block;
   margin-top: 8px;
 }
-.duet-theme-turva .duet-select-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-select-help {
   color: rgb(214, 28, 82);
 }
-.duet-theme-turva.has-error .duet-select-help {
-  color: rgb(214, 28, 82);
-}
 .duet-label-hidden .duet-internal-label {
   position: absolute;
@@ -398,25 +356,47 @@ duet-tooltip,
   clip: rect(0 0 0 0);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:hover + .duet-select {
+.duet-theme-turva .duet-select-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-select-wrapper select:hover + .duet-select {
   border-color: rgb(120, 145, 164);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:focus + .duet-select {
+.duet-theme-turva .duet-select-wrapper select:focus + .duet-select {
   border-color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:focus + .duet-select .duet-select-icon {
+.duet-theme-turva .duet-select-wrapper select:focus + .duet-select .duet-select-icon {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select[disabled] + .duet-select {
+.duet-theme-turva .duet-select-wrapper select[disabled] + .duet-select {
   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-select {
+.duet-theme-turva.has-error .duet-select {
+  border-color: rgb(214, 28, 82) !important;
+}
+.duet-theme-turva.has-error .duet-select .duet-select-icon {
+  color: rgb(214, 28, 82) !important;
+}
+.duet-theme-turva .duet-select {
+  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);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-select svg {
+.duet-theme-turva .duet-select svg {
   color: rgb(23, 42, 59);
+}
+.duet-theme-turva .duet-select-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-select-help {
+  color: rgb(214, 28, 82);
 }

package/lib/collection/components/duet-share-chart/duet-share-chart.css CHANGED Viewed

@@ -58,10 +58,6 @@
   font-variant-numeric: tabular-nums;
   color: rgb(8, 42, 77);
 }
-.duet-share-chart-item-list li.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-share-chart-item-list span {
   display: inline-block;
 }
@@ -77,6 +73,7 @@
   font-weight: 600;
 }
-:host(.duet-theme-turva2) .duet-share-chart-item-list li.duet-theme-turva {
+.duet-share-chart-item-list li.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);
 }