@duetds/components 10.2.3 → 10.2.4

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

@@ -91,7 +91,7 @@
   transform: rotate(180deg);
 }
 .duet-theme-turva .duet-menu-bar-dropdown button.active {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-menu-bar-dropdown button.active::after {
   position: absolute;
@@ -107,7 +107,7 @@
   transition: 300ms ease;
 }
 .duet-theme-turva .duet-menu-bar-dropdown button.active::after {
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 .duet-menu-bar-dropdown .menu-bar-dropdown-icon {
   width: 20px;
@@ -141,16 +141,16 @@
 }
 .duet-menu-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);
 }
 .duet-menu-bar-dropdown.duet-theme-turva button:hover {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-menu-bar-dropdown.duet-theme-turva button.active {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-menu-bar-dropdown.duet-theme-turva button.active::after {
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 .duet-menu-bar-dropdown.duet-theme-turva .items {
   background: rgb(255, 255, 255);

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

@@ -52,13 +52,13 @@
 }
 .duet-menu-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-menu-bar-dropdown-link:hover {
   background: rgb(228, 241, 247);
 }
 .duet-menu-bar-dropdown-link:hover.duet-theme-turva {
-  background: rgb(222, 224, 228);
+  background: rgb(212, 221, 226);
 }
 
 :host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva {

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

@@ -80,7 +80,7 @@
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 .duet-menu-bar-item.duet-theme-turva[aria-expanded=true] {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 @media (min-width: 62em) {
   .duet-menu-bar-item {
@@ -116,17 +116,17 @@
   }
 }
 .duet-menu-bar-item.active.duet-theme-turva {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-menu-bar-item.active.duet-theme-turva::after {
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 @media (min-width: 62em) {
   .duet-menu-bar-item:hover {
     color: rgb(0, 119, 179);
   }
   .duet-menu-bar-item:hover.duet-theme-turva {
-    color: rgb(198, 12, 48);
+    color: rgb(230, 23, 64);
   }
 }
 

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

@@ -94,17 +94,17 @@
   }
 }
 .duet-menu-bar-link.active.duet-theme-turva {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-menu-bar-link.active.duet-theme-turva::after {
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 @media (min-width: 62em) {
   .duet-menu-bar-link:hover {
     color: rgb(0, 119, 179);
   }
   .duet-menu-bar-link:hover.duet-theme-turva {
-    color: rgb(198, 12, 48);
+    color: rgb(230, 23, 64);
   }
 }
 

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

@@ -127,7 +127,7 @@
 }
 .duet-theme-turva .duet-modal {
   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-modal-active .duet-modal {
   opacity: 1;
@@ -287,8 +287,8 @@
   border-radius: 16px 16px 0 0;
 }
 .duet-theme-turva .duet-modal-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-modal-close {

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

@@ -198,7 +198,7 @@
   outline-color: rgb(120, 145, 164);
 }
 .duet-theme-turva .duet-multiselect:hover {
-  border-color: rgb(143, 147, 158);
+  border-color: rgb(120, 145, 164);
 }
 .has-error .duet-multiselect:hover {
   outline: 1px solid;
@@ -216,7 +216,7 @@
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-theme-turva .duet-multiselect:focus, .duet-theme-turva .duet-multiselect.duet-multiselect-active {
-  border-color: rgb(23, 28, 58);
+  border-color: rgb(23, 42, 59);
 }
 .has-error .duet-multiselect:focus, .has-error .duet-multiselect.duet-multiselect-active {
   outline: 1px solid;
@@ -233,10 +233,10 @@
   -webkit-text-fill-color: rgb(8, 42, 77) !important;
 }
 .duet-theme-turva .duet-multiselect[disabled] {
-  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-multiselect > :first-child {
   flex: 1;
@@ -255,8 +255,8 @@
 .duet-theme-turva .duet-multiselect .duet-multiselect-badge {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-weight: 700;
-  color: rgb(23, 28, 58);
-  background: #e8e8eb;
+  color: rgb(23, 42, 59);
+  background: #e8eaeb;
 }
 .duet-multiselect .duet-multiselect-icon {
   margin-left: 12px;
@@ -275,8 +275,8 @@
 }
 .duet-theme-turva .duet-multiselect {
   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-multiselect svg {
   width: 20px;
@@ -285,7 +285,7 @@
   pointer-events: none;
 }
 .duet-theme-turva .duet-multiselect svg {
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-multiselect svg.duet-multiselect-icon--rotate {
   transform: rotate(180deg);
@@ -309,7 +309,7 @@
 }
 .duet-theme-turva .duet-multiselect-checkboxes {
   background: rgb(255, 255, 255);
-  border-color: rgb(222, 224, 228);
+  border-color: rgb(212, 221, 226);
   box-shadow: 0 4px 10px 0 rgba(23, 28, 58, 0.15);
 }
 .duet-multiselect-checkboxes.duet-multiselect-checkboxes-active {
@@ -349,10 +349,10 @@
 }
 .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons 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(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover {
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover {
   color: rgb(8, 42, 77);
@@ -385,7 +385,7 @@
 }
 .duet-theme-turva .duet-multiselect-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-multiselect-help {
   color: rgb(214, 28, 82);

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

@@ -45,21 +45,21 @@
   border-bottom-left-radius: var(--notification-border-bottom-radius, 8px);
 }
 .duet-notification.duet-theme-turva {
-  color: rgb(23, 28, 58);
-  border-bottom-color: rgb(222, 224, 228);
+  color: rgb(23, 42, 59);
+  border-bottom-color: rgb(212, 221, 226);
 }
 .duet-notification.duet-notification-highlight {
   font-weight: 600;
 }
 .duet-notification.duet-notification-highlight.duet-theme-turva {
-  background: rgb(245, 247, 250);
+  background: rgb(245, 246, 247);
 }
 @media (min-width: 62em) {
   .duet-notification:hover {
     background: rgb(240, 247, 250);
   }
   .duet-notification:hover.duet-theme-turva {
-    background: rgb(245, 247, 250);
+    background: rgb(245, 246, 247);
   }
 }
 .duet-notification a {
@@ -115,7 +115,7 @@
   }
 }
 .duet-theme-turva .duet-notification-date {
-  color: rgb(113, 118, 132);
+  color: rgb(95, 122, 143);
 }
 
 @media (min-width: 62em) {

package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css

@@ -85,9 +85,9 @@
 }
 .duet-theme-turva .duet-drawer-toggle {
   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);
   background-color: rgb(255, 255, 255);
-  border-color: rgb(222, 224, 228);
+  border-color: rgb(212, 221, 226);
 }
 .duet-drawer-toggle:active {
   opacity: 0.75;
@@ -96,7 +96,7 @@
   color: rgb(0, 75, 129);
 }
 .duet-theme-turva .duet-drawer-toggle:hover {
-  color: rgb(113, 118, 132);
+  color: rgb(95, 122, 143);
 }
 .duet-drawer-toggle::after {
   display: none !important;
@@ -116,7 +116,7 @@
     transition: 300ms ease;
   }
   .duet-theme-turva .duet-drawer-toggle::after {
-    background: rgb(198, 12, 48);
+    background: rgb(230, 23, 64);
   }
 }
 .duet-drawer-toggle[aria-expanded=true], .duet-drawer-toggle[aria-expanded=true]:hover {
@@ -125,8 +125,8 @@
   border-radius: 0;
 }
 .duet-theme-turva .duet-drawer-toggle[aria-expanded=true], .duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover {
-  color: rgb(113, 118, 132);
-  border-color: rgb(245, 247, 250);
+  color: rgb(95, 122, 143);
+  border-color: rgb(245, 246, 247);
 }
 @media (min-width: 62em) {
   .duet-drawer-toggle[aria-expanded=true], .duet-drawer-toggle[aria-expanded=true]:hover {

package/lib/collection/components/duet-number-input/duet-number-input.css

@@ -135,10 +135,10 @@
 }
 
 :host(.duet-theme-turva) .duet-number-buttons .duet-number-button:first-of-type::before {
-  background: linear-gradient(to left, rgba(199, 202, 207, 0.2) 0%, rgba(199, 202, 207, 0.2) 1px, rgba(199, 202, 207, 0.1) 1px, rgba(199, 202, 207, 0) 100%);
+  background: linear-gradient(to left, rgba(178, 194, 205, 0.2) 0%, rgba(178, 194, 205, 0.2) 1px, rgba(178, 194, 205, 0.1) 1px, rgba(178, 194, 205, 0) 100%);
 }
 :host(.duet-theme-turva) .duet-number-buttons .duet-number-button:last-of-type::before {
-  background: rgb(222, 224, 228);
+  background: rgb(212, 221, 226);
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:first-of-type::before {

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

@@ -10,7 +10,7 @@
   opacity: 0.3;
 }
 .duet-overlay.duet-theme-turva {
-  background: rgb(23, 28, 58);
+  background: rgb(23, 42, 59);
 }
 .duet-overlay.keep-stacking-context {
   position: absolute;

package/lib/collection/components/duet-page-heading/duet-page-heading.css

@@ -214,7 +214,7 @@
   color: rgb(8, 42, 77);
 }
 .duet-page-heading.duet-theme-turva .brand-shaped-icon {
-  background: rgba(198, 12, 48, 0.9);
+  background: rgba(230, 23, 64, 0.9);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
   -webkit-mask-repeat: no-repeat;
@@ -225,10 +225,10 @@
   top: -3px;
 }
 .duet-page-heading.duet-theme-turva .progress-step {
-  background-color: rgb(199, 202, 207);
+  background-color: rgb(178, 194, 205);
 }
 .duet-page-heading.duet-theme-turva .progress-step.active {
-  background-color: rgb(198, 12, 48);
+  background-color: rgb(230, 23, 64);
 }
 
 :host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .background .background-mask {

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

@@ -75,7 +75,7 @@
 
 :host(.duet-theme-turva) .duet-pagination-total-pages {
   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-theme-turva) .duet-pagination-total-pages {

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

@@ -31,8 +31,8 @@
 }
 .duet-panel.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);
-  border-color: rgb(222, 224, 228);
+  color: rgb(23, 42, 59);
+  border-color: rgb(212, 221, 226);
 }
 .duet-panel.padding-small {
   padding: 16px;
@@ -66,21 +66,21 @@
   background-color: rgb(245, 248, 250);
 }
 .duet-panel.secondary.duet-theme-turva {
-  background-color: rgb(245, 247, 250);
+  background-color: rgb(245, 246, 247);
 }
 .duet-panel.accent {
   background-color: rgb(240, 247, 250);
   border-color: rgb(198, 225, 238);
 }
 .duet-panel.accent.duet-theme-turva {
-  background-color: rgb(245, 247, 250);
-  border-color: rgb(199, 202, 207);
+  background-color: rgb(245, 246, 247);
+  border-color: rgb(178, 194, 205);
 }
 .duet-panel.accent.secondary {
   background-color: rgb(217, 236, 245);
 }
 .duet-panel.accent.secondary.duet-theme-turva {
-  background-color: rgb(222, 224, 228);
+  background-color: rgb(212, 221, 226);
 }
 
 :host(.duet-theme-turva2) .duet-panel.duet-theme-turva {

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

@@ -47,7 +47,7 @@
 }
 .duet-paragraph.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-paragraph.duet-inherit-color {
   color: inherit !important;
@@ -94,14 +94,14 @@
 }
 ::slotted(a).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(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 ::slotted(a):hover {
   color: rgb(0, 75, 129);
   text-decoration: none;
 }
 ::slotted(a):hover.duet-theme-turva {
-  color: rgb(126, 2, 35);
+  color: rgb(140, 0, 30);
 }
 ::slotted(a):active {
   opacity: 0.75;

package/lib/collection/components/duet-popup-menu/duet-popup-menu.css

@@ -55,7 +55,7 @@
   scroll-margin: 20px;
 }
 .duet-popup-menu-list.duet-theme-turva {
-  color: rgb(23, 28, 58) !important;
+  color: rgb(23, 42, 59) !important;
   background: rgb(255, 255, 255);
 }
 

package/lib/collection/components/duet-popup-menu/duet-popup-menu.js

@@ -76,12 +76,7 @@ export class DuetPopupMenu {
                 addClickListener = false;
             }
             else {
-                if (typeof this.controller === "string") {
-                    element = typeof this.controller === "string" ? document.getElementById(this.controller) : undefined;
-                }
-                else {
-                    element = this.controller;
-                }
+                element = typeof this.controller === "string" ? document.getElementById(this.controller) : this.controller;
                 if (element && this.openButton === element) {
                     return;
                 }
@@ -195,7 +190,12 @@ export class DuetPopupMenu {
             return;
         }
         this.teleport.observeDeletion();
-        this.setOpenButton();
+        if (this.controller && typeof this.controller !== "string") {
+            this.setOpenButton(this.controller);
+        }
+        else {
+            this.setOpenButton();
+        }
     }
     disconnectedCallback() {
         if (this.autoUpdateCleanup) {
@@ -406,17 +406,17 @@ export class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (h(Host, { key: '38d773eb5b1edc25cd44868b2dbd1266c91a89ed', role: this.accessibleRole === "menu" ? "application" : null }, h("div", { key: '91ceb69caae39a31363ad719d005dccd3b1c8ee2', ref: element => {
+        return (h(Host, { key: '3534adf5c6abb308f55859ca8825f540149c4365', role: this.accessibleRole === "menu" ? "application" : null }, h("div", { key: '8df3cd5cf367bc4bc8fe2414450f2b609ebc8d8b', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (h("div", { key: '8d88b2ea6b9530a3447e4a453e8bb8b7309db2da' }, h("duet-input", { key: '254c2fe75f20cfa1af4154f31091f547ba034971', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), h("duet-visually-hidden", { key: 'cf6b107594e63b231df20558506b2a3b024b4731' }, h("span", { key: 'b4f212123e9d319d2dfcf7b8d57e5f6e63d92e64', role: "status" }, `
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (h("div", { key: '1f455934a4ccc2124488b60ff8f04d82b3200cec' }, h("duet-input", { key: 'b763609a5d22ff87ad82cc7874bda7adf64956ec', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), h("duet-visually-hidden", { key: '91e60fbfc9d747551489af0cc9c5ebdd13d4eba9' }, h("span", { key: '605812e1cb2866eb2c71804a089ad6df771d57d1', role: "status" }, `
                   ${this.filterResultCount}/${this.itemElements.length}
                   ${this.filterResultCountLabel[this.language]}
-                `)), h("duet-spacer", { key: 'e123ca800b6c0ecd7f64099afde69f76ba837235', size: "xx-small" }))), h("slot", { key: '5fe85d5c618f5256a29d3d46155b2ea23e00525d' }))));
+                `)), h("duet-spacer", { key: '50d88c6e45d84d5ca864155420c736df12d5f188', size: "xx-small" }))), h("slot", { key: 'b25f422c968d1b9179a547cc7b022f77d0db0ce3' }))));
     }
     static get is() { return "duet-popup-menu"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css

@@ -58,20 +58,20 @@
 }
 .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, 28, 58);
+  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, 247, 250);
+  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(222, 224, 228);
+  background: rgb(212, 221, 226);
 }
 .duet-popup-menu-item .duet-popup-menu-item-label {
   flex-grow: 1;

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

@@ -49,7 +49,7 @@
   box-shadow: none;
 }
 .duet-theme-turva .duet-progress .progress-bar {
-  background-color: rgb(255, 241, 241);
+  background-color: rgb(255, 242, 242);
 }
 .duet-progress .progress-bar > span {
   display: block;
@@ -59,7 +59,7 @@
   border-radius: 0;
 }
 .duet-theme-turva .duet-progress .progress-bar > span {
-  background-color: rgb(198, 12, 48);
+  background-color: rgb(230, 23, 64);
 }
 .duet-progress progress[value] {
   display: flex;
@@ -90,16 +90,16 @@
   background-color: rgb(240, 247, 250);
 }
 .duet-progress.duet-theme-turva progress[value] {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar {
-  background-color: rgb(255, 241, 241);
+  background-color: rgb(255, 242, 242);
 }
 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-value {
-  background-color: rgb(198, 12, 48);
+  background-color: rgb(230, 23, 64);
 }
 .duet-progress.duet-theme-turva progress[value] ::-moz-progress-bar {
-  background-color: rgb(255, 241, 241);
+  background-color: rgb(255, 242, 242);
 }
 
 .duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar {

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

@@ -90,7 +90,7 @@
 }
 .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);
+  color: rgb(23, 42, 59);
 }
 .duet-label .duet-label-content {
   flex-grow: 1;
@@ -125,7 +125,7 @@
   border-radius: 50%;
 }
 .duet-theme-turva .duet-label::before {
-  border-color: rgb(23, 28, 58);
+  border-color: rgb(23, 42, 59);
 }
 .duet-label.focus::before {
   outline: 2px solid;
@@ -153,19 +153,19 @@
   border-radius: 50%;
 }
 .duet-theme-turva .duet-label.checked::after {
-  background: rgb(23, 28, 58);
+  background: rgb(23, 42, 59);
 }
 .duet-label.disabled {
   color: rgb(98, 121, 138);
 }
 .duet-theme-turva .duet-label.disabled {
-  color: rgb(143, 147, 158);
+  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(143, 147, 158);
+  border-color: rgb(120, 145, 164);
 }
 .duet-label.disabled.checked::before {
   border: 1px solid rgb(127, 150, 165);
@@ -174,8 +174,8 @@
   background: rgb(127, 150, 165);
 }
 .duet-theme-turva .duet-label.disabled.checked::after {
-  background: rgb(143, 147, 158);
-  border-color: rgb(143, 147, 158);
+  background: rgb(120, 145, 164);
+  border-color: rgb(120, 145, 164);
 }
 
 *::slotted([slot=input]) {

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

@@ -182,16 +182,17 @@ export class DuetRadio {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '69aaca2996b0d03551927a1d506a506a64cbc513', onClick: this.onClick, class: {
+        return (h(Host, { key: '6319832bf6574e9cbcca45ccf509563abc980527', onClick: this.onClick, class: {
+                vertical: this.groupDirection === "vertical",
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
-            } }, h("div", { key: '66ea6a60a14b7f41d420ea8c55d0a1a72b829eb3', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: 'f0984e840d5d981d22380562c3e62aee9c39e3e3', name: "input" }), h("label", { key: '64131c520a668b265a4e6269824578c93f435b51', inert: true, ref: element => (this.labelElement = element), class: {
+            } }, h("div", { key: '63a09ea5033fb6170e0b84145861ef5516af6579', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: 'e9032f840a22530acceb3fd467eeb2fd16ff3293', name: "input" }), h("label", { key: '0b07703e6b12480fbbcad9ba33feb75a8d94848b', inert: true, ref: element => (this.labelElement = element), class: {
                 "duet-label": true,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.disabled || this.groupDisabled,
-            } }, h("div", { key: '46ede7327f4250759b61d19bb423aafedaf2f0db', class: "duet-label-content" }, this.hasLabel ? h("slot", { name: "label" }) : this.label)))));
+            } }, h("div", { key: 'a9454ff3922c41c394a758d57be3c23e231122da', class: "duet-label-content" }, this.hasLabel ? h("slot", { name: "label" }) : this.label)))));
     }
     static get is() { return "duet-radio"; }
     static get encapsulation() { return "shadow"; }