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-toolbar-dropdown/duet-toolbar-dropdown.css CHANGED Viewed

@@ -49,7 +49,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-toolbar-dropdown button:focus, .duet-toolbar-dropdown button:focus.duet-theme-turva, .duet-theme-turva2 .duet-toolbar-dropdown button:focus, .duet-toolbar-dropdown button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-toolbar-dropdown button:focus, .duet-toolbar-dropdown button:focus.duet-theme-turva, .duet-theme-turva .duet-toolbar-dropdown button:focus, .duet-toolbar-dropdown button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -107,23 +107,6 @@
   right: auto;
   left: 0%;
 }
-.duet-toolbar-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-toolbar-dropdown.duet-theme-turva button:hover {
-  color: rgb(23, 42, 59);
-  background: rgb(245, 246, 247);
-}
-.duet-toolbar-dropdown.duet-theme-turva button.active, .duet-toolbar-dropdown.duet-theme-turva button.open {
-  color: rgb(23, 42, 59);
-}
-.duet-toolbar-dropdown.duet-theme-turva button.active::after, .duet-toolbar-dropdown.duet-theme-turva button.open::after {
-  background: rgb(230, 23, 64);
-}
-.duet-toolbar-dropdown.duet-theme-turva .items {
-  background: rgb(255, 255, 255);
-}
 .duet-toolbar-dropdown.negative button {
   color: rgb(255, 255, 255);
 }
@@ -143,49 +126,53 @@
 .duet-toolbar-dropdown.negative button duet-icon {
   color: rgb(198, 225, 238);
 }
+.duet-toolbar-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-toolbar-dropdown.duet-theme-turva button:hover {
+  color: rgb(23, 42, 59);
+  background: rgb(253, 247, 242);
+}
+.duet-toolbar-dropdown.duet-theme-turva button.active::after,
+.duet-toolbar-dropdown.duet-theme-turva button.open::after {
+  background: rgb(230, 23, 64);
+}
+.duet-toolbar-dropdown.duet-theme-turva button.active,
+.duet-toolbar-dropdown.duet-theme-turva button.open {
+  color: rgb(23, 42, 59);
+}
 .duet-toolbar-dropdown.duet-theme-turva.negative button {
   color: rgb(255, 255, 255);
 }
-.duet-toolbar-dropdown.duet-theme-turva.negative button:hover {
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
+.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon {
+  color: rgb(241, 202, 178);
 }
 .duet-toolbar-dropdown.duet-theme-turva.negative button.active {
   font-weight: 600;
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
 }
+.duet-toolbar-dropdown.duet-theme-turva.negative button:hover,
+.duet-toolbar-dropdown.duet-theme-turva.negative button.active,
 .duet-toolbar-dropdown.duet-theme-turva.negative button.open {
   color: rgb(255, 255, 255);
   background: rgba(23, 42, 59, 0.2);
 }
-.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon {
-  color: rgb(255, 201, 204);
-}
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button {
-  color: rgb(23, 42, 59);
-}
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button:hover {
-  color: rgb(23, 42, 59);
-  background: rgb(253, 247, 242);
-}
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active::after,
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open::after {
-  background: rgb(230, 23, 64);
-}
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active,
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open {
-  color: rgb(23, 42, 59);
-}
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover,
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active,
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.open {
-  background: rgba(23, 42, 59, 0.2);
+.duet-theme-turva .items {
+  background: rgb(255, 255, 255);
 }
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button {
+.duet-toolbar-dropdown.duet-theme-turva.negative button {
   color: rgb(255, 255, 255);
 }
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover, :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active, :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.open {
+.duet-toolbar-dropdown.duet-theme-turva.negative button:hover, .duet-toolbar-dropdown.duet-theme-turva.negative button.active, .duet-toolbar-dropdown.duet-theme-turva.negative button.open {
   color: rgb(255, 255, 255);
 }

package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.css CHANGED Viewed

@@ -45,7 +45,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-toolbar-dropdown-link:focus, .duet-toolbar-dropdown-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-toolbar-dropdown-link:focus, .duet-toolbar-dropdown-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-toolbar-dropdown-link:focus, .duet-toolbar-dropdown-link:focus.duet-theme-turva, .duet-theme-turva .duet-toolbar-dropdown-link:focus, .duet-toolbar-dropdown-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -54,29 +54,22 @@
   flex: 1;
   text-align: left;
 }
-.duet-toolbar-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-toolbar-dropdown-link.active {
   background: rgb(240, 247, 250);
 }
-.duet-toolbar-dropdown-link.active.duet-theme-turva {
-  background: rgb(245, 246, 247);
-}
 .duet-toolbar-dropdown-link:hover {
   background: rgb(228, 241, 247);
 }
-.duet-toolbar-dropdown-link:hover.duet-theme-turva {
-  background: rgb(212, 221, 226);
-}
-:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva {
+.duet-toolbar-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-toolbar-dropdown-link.duet-theme-turva.active {
+.duet-toolbar-dropdown-link.duet-theme-turva.active {
   background: rgb(253, 247, 242);
 }
-:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva:hover {
+.duet-toolbar-dropdown-link.duet-theme-turva:hover {
   background: rgb(251, 225, 209);
 }

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css CHANGED Viewed

@@ -46,7 +46,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva, .duet-theme-turva2 .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva, .duet-theme-turva .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -93,19 +93,6 @@
 .duet-toolbar-item.secondary[aria-expanded=true] {
   background: rgb(3, 56, 102);
 }
-.duet-toolbar-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-toolbar-item.duet-theme-turva.primary {
-  color: rgb(255, 255, 255);
-}
-.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true] {
-  background: rgba(23, 42, 59, 0.2);
-}
-.duet-toolbar-item.duet-theme-turva.primary duet-icon {
-  color: rgb(255, 201, 204);
-}
 .duet-toolbar-item:hover {
   color: rgb(8, 42, 77);
   background: rgb(240, 247, 250);
@@ -119,14 +106,6 @@
 .duet-toolbar-item:hover.secondary {
   background: rgb(3, 56, 102);
 }
-.duet-toolbar-item:hover.duet-theme-turva {
-  color: rgb(23, 42, 59);
-  background: rgb(245, 246, 247);
-}
-.duet-toolbar-item:hover.duet-theme-turva.primary {
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
-}
 .duet-toolbar-item.active {
   color: rgb(8, 42, 77);
 }
@@ -156,19 +135,6 @@
   transform: translateY(1px);
   transition: 300ms ease;
 }
-.duet-toolbar-item.active::after.duet-theme-turva {
-  background: rgb(230, 23, 64);
-}
-.duet-toolbar-item.active.duet-theme-turva {
-  color: rgb(23, 42, 59);
-}
-.duet-toolbar-item.active.duet-theme-turva::after {
-  background: rgb(230, 23, 64);
-}
-.duet-toolbar-item.active.duet-theme-turva.primary {
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
-}
 duet-indicator {
   top: 4px;
@@ -179,27 +145,47 @@ duet-indicator:has(+ .duet-toolbar-item .duet-toolbar-icon) {
   left: 36px;
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:not(.primary) {
+.duet-toolbar-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";
+}
+.duet-toolbar-item.duet-theme-turva:not(.primary) {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true] {
+.duet-toolbar-item.duet-theme-turva.primary {
+  color: rgb(255, 255, 255);
+}
+.duet-toolbar-item.duet-theme-turva.primary duet-icon {
+  color: rgb(241, 202, 178);
+}
+.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true] {
   background: rgba(23, 42, 59, 0.2);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover {
+.duet-toolbar-item.duet-theme-turva:hover {
   background: rgb(253, 247, 242);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover:not(.primary) {
+.duet-toolbar-item.duet-theme-turva:hover:not(.primary) {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover.primary {
+.duet-toolbar-item.duet-theme-turva:hover.primary {
+  color: rgb(255, 255, 255);
   background: rgba(23, 42, 59, 0.2);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva::after {
+.duet-toolbar-item.active.duet-theme-turva::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva:not(.primary) {
+.duet-toolbar-item.active.duet-theme-turva:not(.primary) {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva.primary {
+.duet-toolbar-item.active.duet-theme-turva.primary {
+  color: rgb(255, 255, 255);
   background: rgba(23, 42, 59, 0.2);
 }

package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.css CHANGED Viewed

@@ -45,7 +45,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-toolbar-link:focus, .duet-toolbar-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-toolbar-link:focus, .duet-toolbar-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-toolbar-link:focus, .duet-toolbar-link:focus.duet-theme-turva, .duet-theme-turva .duet-toolbar-link:focus, .duet-toolbar-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -61,16 +61,6 @@
 .duet-toolbar-link.negative duet-icon {
   color: rgb(198, 225, 238);
 }
-.duet-toolbar-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-toolbar-link.duet-theme-turva.negative {
-  color: rgb(255, 255, 255);
-}
-.duet-toolbar-link.duet-theme-turva.negative duet-icon {
-  color: rgb(255, 201, 204);
-}
 .duet-toolbar-link:hover {
   color: rgb(8, 42, 77);
   background: rgb(240, 247, 250);
@@ -79,21 +69,13 @@
   color: rgb(255, 255, 255);
   background: rgba(8, 42, 77, 0.2);
 }
-.duet-toolbar-link:hover.duet-theme-turva {
-  color: rgb(23, 42, 59);
-  background: rgb(245, 246, 247);
-}
-.duet-toolbar-link:hover.duet-theme-turva.negative {
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
-}
 .duet-toolbar-link.active {
   color: rgb(8, 42, 77);
 }
 .duet-toolbar-link.active.negative {
   font-weight: 600;
   color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
+  background: rgba(8, 42, 77, 0.2);
 }
 .duet-toolbar-link.active.negative::after {
   display: none;
@@ -111,58 +93,52 @@
   transform: translateY(1px);
   transition: 300ms ease;
 }
-.duet-toolbar-link.active::after.duet-theme-turva {
-  background: rgb(230, 23, 64);
-}
-.duet-toolbar-link.active.duet-theme-turva {
-  color: rgb(23, 42, 59);
-}
-.duet-toolbar-link.active.duet-theme-turva::after {
-  background: rgb(230, 23, 64);
-}
-.duet-toolbar-link.active.duet-theme-turva.negative {
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
-}
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva {
+.duet-toolbar-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);
   background: transparent;
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva.negative {
+.duet-toolbar-link.duet-theme-turva.negative {
   color: rgb(255, 255, 255);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva.negative duet-icon {
+.duet-toolbar-link.duet-theme-turva.negative duet-icon {
   color: rgb(255, 229, 230);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover {
+.duet-toolbar-link.duet-theme-turva:hover {
   color: rgb(23, 42, 59);
   background: rgb(253, 247, 242);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative {
+.duet-toolbar-link.duet-theme-turva:hover.negative {
   color: rgb(255, 255, 255);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative duet-icon {
+.duet-toolbar-link.duet-theme-turva:hover.negative duet-icon {
   color: rgb(255, 229, 230);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative {
+.duet-toolbar-link.duet-theme-turva:hover.negative {
   background: rgba(23, 42, 59, 0.2);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva {
+.duet-toolbar-link.active.duet-theme-turva {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative {
+.duet-toolbar-link.active.duet-theme-turva.negative {
   color: rgb(255, 255, 255);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative duet-icon {
+.duet-toolbar-link.active.duet-theme-turva.negative duet-icon {
   color: rgb(255, 229, 230);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva::after {
+.duet-toolbar-link.active.duet-theme-turva::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.negative {
+.duet-toolbar-link.active.negative {
   background: rgba(23, 42, 59, 0.2);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative {
+.duet-toolbar-link.active.duet-theme-turva.negative {
   background: rgba(23, 42, 59, 0.2);
 }

package/lib/collection/components/duet-tooltip/duet-tooltip-button.css CHANGED Viewed

@@ -46,21 +46,15 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus, :host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-button:focus, :host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus, :host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus, :host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
-.duet-tooltip-button.duet-theme-turva {
-  color: rgb(230, 23, 64);
-}
 .duet-tooltip-button.duet-tooltip-button-negative {
   color: rgb(255, 255, 255);
 }
 .duet-tooltip-button:hover {
   color: rgb(0, 75, 129);
 }
-.duet-tooltip-button:hover.duet-theme-turva {
-  color: rgb(140, 0, 30);
-}
 .duet-tooltip-button:hover.duet-tooltip-button-negative {
   color: rgb(255, 255, 255);
 }
@@ -91,13 +85,15 @@
   text-align: left;
   white-space: normal;
 }
-.duet-theme-turva .duet-tooltip-label {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
-:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva {
+.duet-tooltip-button.duet-theme-turva {
   color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover {
+.duet-tooltip-button.duet-theme-turva:hover {
   color: rgb(230, 23, 64);
+}
+.duet-theme-turva .duet-tooltip-label {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }

package/lib/collection/components/duet-tooltip/duet-tooltip-popup.css CHANGED Viewed

@@ -42,12 +42,6 @@
   transform-origin: 100% 100%;
   transition: 300ms ease;
 }
-.duet-tooltip.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);
-  border-color: rgb(212, 221, 226);
-  box-shadow: 0 2px 10px 0 rgba(117, 117, 117, 0.13);
-}
 .duet-tooltip .arrow {
   position: absolute;
   width: 22px;
@@ -92,9 +86,6 @@
   border: 11px solid transparent;
   border-top: 11px solid rgb(212, 223, 229);
 }
-.duet-theme-turva .duet-tooltip .arrow-container.top::before, .duet-theme-turva .duet-tooltip .arrow-container.top-start::before, .duet-theme-turva .duet-tooltip .arrow-container.top-end::before {
-  border-top: 11px solid rgb(212, 221, 226);
-}
 .duet-tooltip .arrow-container.bottom::after, .duet-tooltip .arrow-container.bottom-start::after, .duet-tooltip .arrow-container.bottom-end::after {
   bottom: 1px;
   left: 2px;
@@ -107,9 +98,6 @@
   border: 11px solid transparent;
   border-bottom: 11px solid rgb(212, 223, 229);
 }
-.duet-theme-turva .duet-tooltip .arrow-container.bottom::before, .duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before, .duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before {
-  border-top: 11px solid rgb(212, 221, 226);
-}
 .duet-tooltip.duet-tooltip-has-label {
   right: auto !important;
   left: 0;
@@ -140,7 +128,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-content-area:focus, :host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-content-area:focus, :host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-content-area:focus, :host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-content-area:focus, :host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-tooltip-content-area::-webkit-scrollbar {
@@ -153,9 +141,6 @@
   background: rgb(212, 223, 229);
   border-radius: 4px;
 }
-.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb {
-  background: rgb(212, 221, 226);
-}
 .duet-tooltip-close {
   position: absolute;
@@ -182,7 +167,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-tooltip-close:focus, .duet-tooltip-close:focus.duet-theme-turva, .duet-theme-turva2 .duet-tooltip-close:focus, .duet-tooltip-close:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-tooltip-close:focus, .duet-tooltip-close:focus.duet-theme-turva, .duet-theme-turva .duet-tooltip-close:focus, .duet-tooltip-close:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -191,27 +176,29 @@
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-tooltip {
-  color: rgb(23, 42, 59);
-  border-color: rgb(212, 221, 226);
-}
-:host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva {
+.duet-theme-turva.duet-tooltip.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);
   border-color: rgb(212, 221, 226);
+  box-shadow: 0 2px 10px 0 rgba(117, 117, 117, 0.13);
 }
-:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top::before,
-:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-start::before,
-:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-end::before {
+.duet-theme-turva.duet-tooltip .arrow-container.top::before,
+.duet-theme-turva.duet-tooltip .arrow-container.top-start::before,
+.duet-theme-turva.duet-tooltip .arrow-container.top-end::before {
   border-top: 11px solid rgb(212, 221, 226);
 }
-:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom::before,
-:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-start::before,
-:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-end::before {
+.duet-theme-turva.duet-tooltip .arrow-container.bottom::before,
+.duet-theme-turva.duet-tooltip .arrow-container.bottom-start::before,
+.duet-theme-turva.duet-tooltip .arrow-container.bottom-end::before {
   border-bottom: 11px solid rgb(212, 221, 226);
 }
-:host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb {
+.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb {
   background: rgb(212, 221, 226);
 }
-:host(.duet-theme-turva2) .duet-tooltip-close {
+.duet-theme-turva .duet-tooltip-close {
   color: rgb(23, 42, 59);
 }

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

@@ -55,7 +55,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-tray:focus, :host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-tray:focus, :host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-tray:focus, :host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-tray:focus, :host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 @media (min-width: 62em) {
@@ -68,12 +68,6 @@
     padding: 16px 52px 16px 60px;
   }
 }
-.duet-tray.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);
-  background: rgb(245, 246, 247);
-  border-color: rgb(212, 221, 226);
-}
 .duet-tray.duet-tray-is-active {
   visibility: visible;
   opacity: 1;
@@ -128,9 +122,6 @@
   margin-top: 16px;
   border-top: 1px solid rgb(212, 223, 229);
 }
-.duet-theme-turva .duet-tray-expandable-content {
-  border-color: rgb(212, 221, 226);
-}
 .duet-tray-button {
   -webkit-user-select: none;
@@ -155,7 +146,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-tray-button:focus, :host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-tray-button:focus, :host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-tray-button:focus, :host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva, .duet-theme-turva :host(.user-is-tabbing) .duet-tray-button:focus, :host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 @media (min-width: 62em) {
@@ -168,9 +159,6 @@
     margin-right: 36px;
   }
 }
-.duet-theme-turva .duet-tray-button {
-  color: rgb(23, 42, 59);
-}
 .duet-tray-button.duet-tray-is-expanded {
   transform: rotate(-180deg);
 }
@@ -179,14 +167,17 @@
   opacity: 0.75;
 }
-:host(.duet-theme-turva2) .duet-tray.duet-theme-turva {
+.duet-tray.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);
   background: rgb(253, 247, 242);
   border-color: rgb(251, 225, 209);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-expandable-content {
+.duet-theme-turva .duet-tray-expandable-content {
   border-color: rgb(251, 225, 209);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-button {
+.duet-theme-turva .duet-tray-button {
   color: rgb(23, 42, 59);
 }

package/lib/collection/utils/token-utils.js CHANGED Viewed

@@ -2,16 +2,8 @@
  * Built with Duet Design System
  */
 import * as tokens from "@duetds/tokens";
-import turva2ColorTokens from "./turva2-color-tokens";
 const allowedThemes = ["turva"];
 const MATCH_CAPITAL_CASE = /[A-Z]/g;
-function isTurva2() {
-    var _a;
-    if (typeof document === "undefined") {
-        return false;
-    }
-    return !!((_a = document.documentElement.attributes.getNamedItem("class")) === null || _a === void 0 ? void 0 : _a.value.includes("duet-theme-turva2"));
-}
 export function isCamelCase(str) {
     const camel = MATCH_CAPITAL_CASE.test(str);
     const barredString = !str.includes("_") && !str.includes("-") && !str.includes(" ");
@@ -84,36 +76,6 @@ export function getColorByName(name, theme = "") {
     if (!name) {
         return undefined;
     }
-    if ((theme === "turva" || name.endsWith("-turva")) && isTurva2()) {
-        switch (name.replace(/-turva$/, "")) {
-            case "primary-lightest":
-                return turva2ColorTokens["color-turva-nude-00"];
-            case "primary-lighter":
-                return turva2ColorTokens["color-turva-nude-50"];
-            case "primary-light":
-                return turva2ColorTokens["color-turva-nude-200"];
-            case "primary":
-                return turva2ColorTokens["color-turva2-red-600"];
-            case "primary-darker":
-                return turva2ColorTokens["color-turva2-red-700"];
-            case "primary-dark":
-                return turva2ColorTokens["color-turva2-red-800"];
-            case "secondary":
-                return turva2ColorTokens["color-turva2-gray-900"];
-            case "gray-lighter":
-                return turva2ColorTokens["color-turva2-gray-00"];
-            case "gray-light":
-                return turva2ColorTokens["color-turva2-gray-100"];
-            case "gray":
-                return turva2ColorTokens["color-turva2-gray-200"];
-            case "gray-dark":
-                return turva2ColorTokens["color-turva2-gray-400"];
-            case "gray-darker":
-                return turva2ColorTokens["color-turva2-gray-500"];
-            default:
-            // carry on to old turva colors
-        }
-    }
     const defaultColor = convertToColorName(name);
     const themedColor = theme && convertToColorName(name, theme);
     // return themed color if it exists