@duetds/components 10.2.3 → 10.2.4

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

@@ -135,13 +135,13 @@
 }
 .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, 28, 58);
+  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(143, 147, 158);
+  color: rgb(120, 145, 164);
 }
 
 .duet-range {
@@ -164,7 +164,7 @@
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-theme-turva .duet-range {
-  background: rgb(199, 202, 207);
+  background: rgb(178, 194, 205);
 }
 .duet-ie .duet-range {
   display: block;
@@ -201,7 +201,7 @@
   transition: box-shadow 300ms ease;
 }
 .duet-theme-turva .duet-range::-webkit-slider-thumb {
-  border-color: rgb(143, 147, 158);
+  border-color: rgb(120, 145, 164);
 }
 .duet-range:active::-webkit-slider-thumb {
   cursor: -webkit-grabbing;
@@ -217,7 +217,7 @@
   border-radius: 50%;
 }
 .duet-theme-turva .duet-range::-moz-range-thumb {
-  border-color: rgb(143, 147, 158);
+  border-color: rgb(120, 145, 164);
 }
 .duet-range:active::-moz-range-thumb {
   cursor: -moz-grabbing;
@@ -232,13 +232,13 @@
   border-radius: 50%;
 }
 .duet-theme-turva .duet-range::-ms-thumb {
-  border-color: rgb(143, 147, 158);
+  border-color: rgb(120, 145, 164);
 }
 .duet-range:disabled {
   background: rgb(181, 198, 208) !important;
 }
 .duet-theme-turva .duet-range:disabled {
-  background: rgb(199, 202, 207) !important;
+  background: rgb(178, 194, 205) !important;
 }
 .duet-range:disabled::-webkit-slider-thumb {
   cursor: default;
@@ -246,7 +246,7 @@
   border-color: transparent;
 }
 .duet-theme-turva .duet-range:disabled::-webkit-slider-thumb {
-  background: rgb(199, 202, 207);
+  background: rgb(178, 194, 205);
   border-color: transparent;
 }
 .duet-range:disabled::-moz-range-thumb {
@@ -255,7 +255,7 @@
   border-color: transparent;
 }
 .duet-theme-turva .duet-range:disabled::-moz-range-thumb {
-  background: rgb(199, 202, 207);
+  background: rgb(178, 194, 205);
   border-color: transparent;
 }
 .duet-range:disabled::-ms-thumb {
@@ -264,7 +264,7 @@
   border-color: transparent;
 }
 .duet-theme-turva .duet-range:disabled::-ms-thumb {
-  background: rgb(199, 202, 207);
+  background: rgb(178, 194, 205);
   border-color: transparent;
 }
 .duet-range::-ms-fill-lower {
@@ -272,14 +272,14 @@
   background: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-range::-ms-fill-lower {
-  background: rgb(198, 12, 48);
+  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(199, 202, 207);
+  background: rgb(178, 194, 205);
 }
 
 .duet-label-hidden .duet-internal-label,

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

@@ -104,13 +104,13 @@
   /* stylelint-enable */
 }
 .duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
-  border-color: rgb(113, 118, 132);
+  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(113, 118, 132);
+  border-color: rgb(95, 122, 143);
 }
 :host .duet-scrollable-items .duet-scrollable-list {
   display: flex;

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

@@ -227,7 +227,7 @@ duet-tooltip,
   outline-color: rgb(120, 145, 164);
 }
 .duet-theme-turva .duet-select-wrapper select:hover + .duet-select {
-  border-color: rgb(143, 147, 158);
+  border-color: rgb(120, 145, 164);
 }
 .has-error .duet-select-wrapper select:hover + .duet-select {
   outline: 1px solid;
@@ -245,10 +245,10 @@ duet-tooltip,
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-theme-turva .duet-select-wrapper select:focus + .duet-select {
-  border-color: rgb(23, 28, 58);
+  border-color: rgb(23, 42, 59);
 }
 .duet-theme-turva .duet-select-wrapper select:focus + .duet-select .duet-select-icon {
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-select-wrapper select:focus + .duet-select .duet-select-icon {
   color: rgb(0, 119, 179);
@@ -271,10 +271,10 @@ duet-tooltip,
   -webkit-text-fill-color: rgb(8, 42, 77) !important;
 }
 .duet-theme-turva .duet-select-wrapper select[disabled] + .duet-select {
-  color: rgb(23, 28, 58) !important;
-  background: rgb(245, 247, 250) !important;
-  border-color: rgb(245, 247, 250) !important;
-  -webkit-text-fill-color: rgb(23, 28, 58) !important;
+  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;
@@ -324,8 +324,8 @@ duet-tooltip,
 }
 .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, 28, 58);
-  border-color: rgb(143, 147, 158);
+  color: rgb(23, 42, 59);
+  border-color: rgb(120, 145, 164);
 }
 .duet-select svg {
   position: absolute;
@@ -339,7 +339,7 @@ duet-tooltip,
   transform: translateY(-50%);
 }
 .duet-theme-turva .duet-select svg {
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-select-variation-tiny .duet-select, .duet-select-variation-compact .duet-select {
   width: 72px;
@@ -378,7 +378,7 @@ duet-tooltip,
 }
 .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(143, 147, 158);
+  color: rgb(120, 145, 164);
 }
 .has-error .duet-select-help {
   color: rgb(214, 28, 82);

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

@@ -60,7 +60,7 @@
 }
 .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, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-share-chart-item-list span {
   display: inline-block;

package/lib/collection/components/duet-show-more/duet-show-more.css

@@ -52,7 +52,7 @@
 }
 .duet-show-more.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);
+  color: rgb(23, 42, 59);
 }
 
 :host(.duet-theme-turva2) .duet-show-more.duet-theme-turva {

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

@@ -54,11 +54,11 @@
 }
 .duet-slideout.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);
+  color: rgb(23, 42, 59);
 }
 @media (min-width: 62em) {
   .duet-slideout.duet-theme-turva .desktop-bg {
-    background: rgb(23, 28, 58);
+    background: rgb(23, 42, 59);
   }
 }
 .duet-slideout .dialog {
@@ -165,23 +165,23 @@
 }
 .duet-slideout.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, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-slideout.duet-theme-turva button.active {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-slideout.duet-theme-turva button.active::after {
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 .duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header {
-  border-bottom: 1px solid rgb(222, 224, 228);
+  border-bottom: 1px solid rgb(212, 221, 226);
 }
 
 slot {
   color: rgb(8, 42, 77);
 }
 .duet-theme-turva slot {
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 
 :host(.duet-theme-turva2) .duet-slideout.duet-theme-turva {

package/lib/collection/components/duet-slideout/duet-slideout.js

@@ -63,12 +63,7 @@ export class DuetSlideout {
                 addClickListener = false;
             }
             else {
-                if (typeof this.opener === "string") {
-                    element = typeof this.opener === "string" ? document.getElementById(this.opener) : undefined;
-                }
-                else {
-                    element = this.opener;
-                }
+                element = typeof this.controller === "string" ? document.getElementById(this.controller) : this.controller;
                 if (element && this.openButton === element) {
                     return;
                 }
@@ -163,7 +158,12 @@ export class DuetSlideout {
         if (this.mutationObserver) {
             this.mutationObserver.observe(this.element, { childList: true, attributeFilter: ["open"], subtree: true });
         }
-        this.setOpenButton();
+        if (this.opener && typeof this.opener !== "string") {
+            this.setOpenButton(this.opener);
+        }
+        else {
+            this.setOpenButton();
+        }
     }
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
@@ -294,17 +294,17 @@ export class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (h(Host, { key: 'caa2d4aaf502159fc88254ad81019fdc23d03077' }, h("div", { key: 'd8608bf34db74e3ac3e652024f689db40af9284d', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '10f8e7f301624b2fcad5ce710cd75e6febcba1bd', visible: this.open, zIndex: "600" }), h("div", { key: '5e841060cbb940a91266cb5e42d12a16bda8097b', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (h(Host, { key: 'd7b06f4616c56fe0a9deb3df7218be41d262556c' }, h("div", { key: '4413b3aa5b8a3c01cc4016e3846b10dd136c393c', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: 'abe01c506ded568802ba19de8f24d872f81b24dd', visible: this.open, zIndex: "600" }), h("div", { key: '888233b81ba64512ccd9785b4b5a290da3a8eb43', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, h(FocusGuard, { key: '72270e11e6c5fcbb6f8c55456975c88adb9ba213', moveFocusTo: this.closeButton }), h("div", { key: 'f88bb02a237361ab0bde75663eb99b659c1c6471', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'ad57422ab4f6f14528a487c4a7bf98568fa2ca35', class: "top" }, h("button", { key: '23ff1871ebc24e6ee03e3bbeb4593c2099b545d6', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: '7c2b5eb4d236ddd5b7baa9062b0ea2bd49cc5522', moveFocusTo: this.closeButton }), h("div", { key: '3635b98dc3bf6414d914c38dbbc6bc1c020dda7a', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'e6bc2f2ca5ba5f05d225b3f700eaad4a8d207ef1', class: "top" }, h("button", { key: '8bdb551c5dabba2bdbbc4a7a08ada1bfad2a8d0b', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
                 "slideout-close": true,
                 active: this.open,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '15cfafb84a258a1005eac6d28f49b838b7c1ed9f', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '32b724d54613edd0646672ed0fc79c1ae414f4c1', class: "sticky-header" }, h("slot", { key: 'e6750058c55d427d89eeecb7c99a0327ad3c72c2', name: "sticky-header" }))), h("div", { key: 'ed3a11356f224d5d0305f13ed63db838d7ca6e00', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '2134ec846a523228214b9ae75da36c2b52daaa63', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '915b4da81dc28d593fb081e7fb261adde35a7859', class: "sticky-header" }, h("slot", { key: '882f60d86cc80ee465f4ab6e0a46ec58103a1611', name: "sticky-header" }))), h("div", { key: '6cdddc38ce0abd27431f702054a17b971c5098c9', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: '3255a6c639d8c8c13044f72cd55fa3132ea99545' })), h(FocusGuard, { key: '461421f76f88fd46a741033acb090e753aef8f1c', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '9981a5f609c93d9b666edc3d8f13cbacbf78becc' })), h(FocusGuard, { key: 'a18fb90c02f65dde3dc192f77c5b7460e626f641', moveFocusTo: this.closeButton })))));
     }
     static get is() { return "duet-slideout"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css

@@ -51,7 +51,7 @@
 }
 
 .duet-theme-turva ::slotted(:not(:last-child))::after {
-  background: rgb(23, 28, 58);
+  background: rgb(23, 42, 59);
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva ::slotted(:not(:last-child))::after {

package/lib/collection/components/duet-slideout-link/duet-slideout-link.css

@@ -70,7 +70,7 @@
   transform: var(--active-translate-y, translateY(2px));
 }
 .duet-slideout-link.active.duet-theme-turva span::after {
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 .duet-slideout-link.small {
   font-size: 1rem;
@@ -120,7 +120,7 @@ slot[name=description]::slotted(*) {
   color: rgb(98, 121, 138);
 }
 .duet-theme-turva slot[name=description]::slotted(*) {
-  color: rgb(113, 118, 132);
+  color: rgb(95, 122, 143);
 }
 
 :host(.duet-theme-turva2) .duet-slideout-link.duet-theme-turva {

package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css

@@ -210,21 +210,21 @@
 }
 .duet-slideout-panel.duet-theme-turva .link {
   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);
+  color: rgb(23, 42, 59);
 }
 .duet-slideout-panel.duet-theme-turva .link.active .label-text::after {
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top {
-  background: rgb(245, 247, 250);
+  background: rgb(245, 246, 247);
 }
 .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header {
-  background: rgb(245, 247, 250);
-  border-bottom: 1px solid rgb(222, 224, 228);
+  background: rgb(245, 246, 247);
+  border-bottom: 1px solid rgb(212, 221, 226);
 }
 .duet-slideout-panel.duet-theme-turva .top span {
   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);
+  color: rgb(23, 42, 59);
 }
 
 slot:not([name=label]) {
@@ -235,7 +235,7 @@ slot:not([name=label]) {
   color: rgb(8, 42, 77);
 }
 .duet-theme-turva slot:not([name=label]) {
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 
 :host(.duet-theme-turva2) .duet-slideout-panel.duet-theme-turva .link {

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css

@@ -114,10 +114,10 @@
 }
 .duet-slideout-panel-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, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after {
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 
 slot {
@@ -128,7 +128,7 @@ slot {
   color: rgb(8, 42, 77);
 }
 .duet-theme-turva slot {
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 
 slot[name=label] {

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

@@ -45,7 +45,7 @@
   animation: duetRotate 0.6s linear infinite;
 }
 .duet-spinner.duet-theme-turva {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-spinner::after {
   position: absolute;

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

@@ -84,7 +84,7 @@
   background-color: #005f8f;
 }
 .duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter, .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter {
-  background-color: #9e0a26;
+  background-color: #b81233;
 }
 .is-current .duet-step-heading {
   margin-bottom: 20px;
@@ -127,13 +127,13 @@
   background-color: rgb(0, 119, 179);
 }
 .duet-theme-turva.is-complete .duet-step-counter, .duet-theme-turva.is-current .duet-step-counter, .duet-theme-turva.is-disabled .duet-step-counter {
-  background-color: rgb(198, 12, 48);
+  background-color: rgb(230, 23, 64);
 }
 .is-incomplete .duet-step-counter {
   background-color: rgb(98, 121, 138);
 }
 .duet-theme-turva.is-incomplete .duet-step-counter {
-  background-color: rgb(143, 147, 158);
+  background-color: rgb(120, 145, 164);
 }
 
 .duet-step-icon {
@@ -168,7 +168,7 @@
     border-left: 2px solid rgb(212, 223, 229);
   }
   .duet-theme-turva .duet-step-content-wrapper {
-    border-color: rgb(222, 224, 228);
+    border-color: rgb(212, 221, 226);
   }
   :host(:last-of-type) .duet-step-content-wrapper {
     min-height: 0;

package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css

@@ -153,14 +153,14 @@
   }
 }
 .duet-submenu-bar.duet-theme-turva {
-  background: rgb(245, 247, 250);
-  border-bottom: 1px solid rgb(222, 224, 228);
+  background: rgb(245, 246, 247);
+  border-bottom: 1px solid rgb(212, 221, 226);
 }
 .duet-submenu-bar.duet-theme-turva .items {
-  background: rgb(245, 247, 250);
+  background: rgb(245, 246, 247);
 }
 .duet-submenu-bar.duet-theme-turva .mobile-background {
-  background: rgb(23, 28, 58);
+  background: rgb(23, 42, 59);
 }
 .duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow {
   box-shadow: 0 2px 6px 0 rgba(23, 28, 58, 0.07);

package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.css

@@ -120,13 +120,13 @@
     color: rgb(8, 42, 77);
   }
   .duet-theme-turva .duet-submenu-bar-dropdown button:hover.active {
-    color: rgb(23, 28, 58);
+    color: rgb(23, 42, 59);
   }
   .duet-submenu-bar-dropdown button.active {
     color: rgb(0, 119, 179);
   }
   .duet-theme-turva .duet-submenu-bar-dropdown button.active {
-    color: rgb(198, 12, 48);
+    color: rgb(230, 23, 64);
   }
   .duet-submenu-bar-dropdown button.active::after, .duet-submenu-bar-dropdown button.open::after {
     position: absolute;
@@ -142,7 +142,7 @@
     transition: 300ms ease;
   }
   .duet-theme-turva .duet-submenu-bar-dropdown button.active::after, .duet-theme-turva .duet-submenu-bar-dropdown button.open::after {
-    background: rgb(198, 12, 48);
+    background: rgb(230, 23, 64);
   }
 }
 .duet-submenu-bar-dropdown .submenu-bar-dropdown-icon {
@@ -194,27 +194,27 @@
 }
 .duet-submenu-bar-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, 28, 58);
+  color: rgb(23, 42, 59);
 }
 @media (min-width: 62em) {
   .duet-submenu-bar-dropdown.duet-theme-turva button:hover {
-    background: rgb(222, 224, 228);
+    background: rgb(212, 221, 226);
   }
 }
 .duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after, .duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after {
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 @media (min-width: 62em) {
   .duet-submenu-bar-dropdown.duet-theme-turva button.active, .duet-submenu-bar-dropdown.duet-theme-turva button.open {
-    color: rgb(126, 2, 35);
+    color: rgb(140, 0, 30);
   }
 }
 .duet-submenu-bar-dropdown.duet-theme-turva button.active::after, .duet-submenu-bar-dropdown.duet-theme-turva button.open::after {
-  background: rgb(126, 2, 35);
+  background: rgb(140, 0, 30);
 }
 @media (min-width: 62em) {
   .duet-submenu-bar-dropdown.duet-theme-turva button.open {
-    background: rgb(222, 224, 228);
+    background: rgb(212, 221, 226);
   }
 }
 @media (min-width: 62em) {

package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.css

@@ -84,10 +84,10 @@
 }
 .duet-submenu-bar-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, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after {
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 @media (min-width: 62em) {
   .duet-submenu-bar-dropdown-link.active {
@@ -100,20 +100,20 @@
     display: block;
   }
   .duet-submenu-bar-dropdown-link.active.duet-theme-turva {
-    background: rgb(245, 247, 250);
+    background: rgb(245, 246, 247);
   }
   .duet-submenu-bar-dropdown-link:hover {
     background: rgb(228, 241, 247);
   }
   .duet-submenu-bar-dropdown-link:hover.duet-theme-turva {
-    background: rgb(222, 224, 228);
+    background: rgb(212, 221, 226);
   }
 }
 .duet-submenu-bar-dropdown-link.highlight {
   color: rgb(0, 119, 179);
 }
 .duet-submenu-bar-dropdown-link.highlight.duet-theme-turva {
-  color: rgb(126, 2, 35);
+  color: rgb(140, 0, 30);
 }
 
 :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva {

package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.css

@@ -98,7 +98,7 @@
   color: rgb(0, 119, 179);
 }
 .duet-submenu-bar-item.active.duet-theme-turva {
-  color: rgb(126, 2, 35);
+  color: rgb(140, 0, 30);
 }
 .duet-submenu-bar-item.active::after {
   position: absolute;
@@ -115,24 +115,24 @@
 }
 .duet-submenu-bar-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, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-submenu-bar-item.duet-theme-turva.active .label::after {
-  background: rgb(126, 2, 35);
+  background: rgb(140, 0, 30);
 }
 .duet-submenu-bar-item.duet-theme-turva.active::after {
-  background: rgb(126, 2, 35);
+  background: rgb(140, 0, 30);
 }
 .duet-submenu-bar-item:hover {
   color: rgb(8, 42, 77);
   background: rgb(228, 241, 247);
 }
 .duet-submenu-bar-item:hover.duet-theme-turva {
-  color: rgb(23, 28, 58);
-  background: rgb(222, 224, 228);
+  color: rgb(23, 42, 59);
+  background: rgb(212, 221, 226);
 }
 .duet-submenu-bar-item:hover.duet-theme-turva.active {
-  color: rgb(126, 2, 35);
+  color: rgb(140, 0, 30);
 }
 
 :host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva {

package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.css

@@ -80,7 +80,7 @@
     color: rgb(0, 119, 179);
   }
   .duet-submenu-bar-link.active.duet-theme-turva {
-    color: rgb(126, 2, 35);
+    color: rgb(140, 0, 30);
   }
 }
 .duet-submenu-bar-link.active .label {
@@ -118,13 +118,13 @@
 }
 .duet-submenu-bar-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, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-submenu-bar-link.duet-theme-turva.active .label::after {
-  background: rgb(126, 2, 35);
+  background: rgb(140, 0, 30);
 }
 .duet-submenu-bar-link.duet-theme-turva.active::after {
-  background: rgb(126, 2, 35);
+  background: rgb(140, 0, 30);
 }
 @media (min-width: 62em) {
   .duet-submenu-bar-link:hover {
@@ -132,11 +132,11 @@
     background: rgb(228, 241, 247);
   }
   .duet-submenu-bar-link:hover.duet-theme-turva {
-    color: rgb(23, 28, 58);
-    background: rgb(222, 224, 228);
+    color: rgb(23, 42, 59);
+    background: rgb(212, 221, 226);
   }
   .duet-submenu-bar-link:hover.duet-theme-turva.active {
-    color: rgb(126, 2, 35);
+    color: rgb(140, 0, 30);
   }
 }