@duetds/components 9.2.0 → 9.2.2

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

@@ -85,7 +85,7 @@
   -webkit-hyphens: auto;
   hyphens: auto;
   line-height: 1.1;
-  color: rgb(0, 41, 77) !important;
+  color: rgb(8, 42, 77) !important;
   text-align: left;
   background: rgb(255, 255, 255);
   border-width: 1px;
@@ -122,7 +122,7 @@
   text-decoration: none;
   word-break: break-word;
   cursor: pointer;
-  border: 1px solid rgb(225, 227, 230);
+  border: 1px solid rgb(212, 223, 229);
   border-radius: 8px;
   transition: background-color 150ms ease, border-color 300ms ease;
 }
@@ -146,10 +146,10 @@
   border-bottom-left-radius: 0;
 }
 .duet-theme-turva .duet-choice-label {
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-theme-turva .info .duet-choice-label {
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-choice-label:active {
   opacity: 0.75;
@@ -157,7 +157,7 @@
 }
 .checked > .duet-choice-label {
   padding: 1rem;
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
   border-color: rgb(0, 119, 179) !important;
   border-width: 2px;
 }
@@ -165,7 +165,7 @@
   border-color: rgb(0, 119, 179);
 }
 .duet-theme-turva .checked > .duet-choice-label {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
   border-color: rgb(23, 28, 58) !important;
 }
 .duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
@@ -183,16 +183,16 @@
   border-width: 2px;
 }
 :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container {
-  border-color: rgb(144, 149, 153);
+  border-color: rgb(127, 150, 165);
 }
 .duet-theme-turva :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) {
   border-color: rgb(23, 28, 58);
 }
 .duet-theme-turva :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container {
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 .duet-theme-turva .info :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) {
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 
 :host(:not(.no-hover):not(.disabled):not([checked]):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) {
@@ -220,19 +220,19 @@ input:focus {
 }
 
 input[disabled] + .duet-choice-label {
-  color: rgb(101, 119, 135) !important;
+  color: rgb(98, 121, 138) !important;
   cursor: default !important;
   background: rgb(245, 248, 250) !important;
-  border-color: rgb(225, 227, 230) !important;
+  border-color: rgb(212, 223, 229) !important;
 }
 input[disabled] + .duet-choice-label .duet-choice-card-icon {
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
 }
 .duet-theme-turva input[disabled] + .duet-choice-label .duet-choice-card-icon {
-  color: rgb(116, 116, 117);
+  color: rgb(143, 147, 158);
 }
 input[disabled] + .duet-choice-label .duet-checkmark {
-  border-color: rgb(101, 119, 135) !important;
+  border-color: rgb(98, 121, 138) !important;
 }
 input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label:active, input[disabled] + .duet-choice-label:focus {
   box-shadow: none !important;
@@ -241,20 +241,20 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
 }
 
 .duet-theme-turva input[disabled] + .duet-choice-label {
-  color: rgb(116, 116, 117) !important;
-  background: rgb(245, 245, 247) !important;
-  border-color: rgb(228, 228, 230) !important;
+  color: rgb(143, 147, 158) !important;
+  background: rgb(245, 247, 250) !important;
+  border-color: rgb(222, 224, 228) !important;
 }
 .duet-theme-turva input[disabled] + .duet-choice-label .duet-checkmark {
-  border-color: rgb(116, 116, 117) !important;
+  border-color: rgb(143, 147, 158) !important;
 }
 
 .checked > input[disabled] + .duet-choice-label {
-  border-color: rgb(144, 149, 153) !important;
+  border-color: rgb(127, 150, 165) !important;
 }
 
 .duet-theme-turva .checked > input[disabled] + .duet-choice-label {
-  border-color: rgb(116, 116, 117) !important;
+  border-color: rgb(143, 147, 158) !important;
 }
 
 .duet-checkmark-container {
@@ -262,12 +262,12 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   width: 20px;
   height: 20px;
   margin-left: auto;
-  border: 1px solid rgb(144, 149, 153);
+  border: 1px solid rgb(127, 150, 165);
   border-radius: 4px;
   transition: border 300ms ease;
 }
 .duet-theme-turva .duet-checkmark-container {
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 .checked > .duet-choice-label .duet-checkmark-container {
   background: rgb(0, 119, 179);
@@ -282,18 +282,18 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   border-radius: 50%;
 }
 [disabled] + label .duet-checkmark-container {
-  background: rgb(207, 210, 212) !important;
-  border-color: rgb(207, 210, 212) !important;
+  background: rgb(181, 198, 208) !important;
+  border-color: rgb(181, 198, 208) !important;
 }
 .duet-theme-turva [disabled] + label .duet-checkmark-container {
-  border-color: rgb(207, 207, 209) !important;
+  border-color: rgb(199, 202, 207) !important;
 }
 .checked > [disabled] + label .duet-checkmark-container {
-  background: rgb(207, 210, 212) !important;
+  background: rgb(181, 198, 208) !important;
 }
 .duet-theme-turva .checked > [disabled] + label .duet-checkmark-container {
-  background: rgb(207, 207, 209) !important;
-  border-color: rgb(207, 207, 209) !important;
+  background: rgb(199, 202, 207) !important;
+  border-color: rgb(199, 202, 207) !important;
 }
 
 .duet-checkmark {
@@ -335,7 +335,7 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   color: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-choice-card-icon {
-  color: rgb(173, 11, 43);
+  color: rgb(164, 4, 40);
 }
 .duet-choice-card-icon duet-icon {
   display: block;
@@ -360,8 +360,8 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   position: relative;
   width: 100%;
   font-weight: 400;
-  color: rgb(0, 41, 77);
-  border: 1px solid rgb(225, 227, 230);
+  color: rgb(8, 42, 77);
+  border: 1px solid rgb(212, 223, 229);
   border-top: 0;
   border-radius: 0 0 8px 8px;
   transition: border-color 300ms ease;
@@ -383,12 +383,12 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
 }
 .duet-choice-card-collapsible {
   background: rgb(255, 255, 255);
-  border: 1px solid rgb(225, 227, 230);
+  border: 1px solid rgb(212, 223, 229);
   border-top: 0;
 }
 .duet-choice-card-collapsible.duet-theme-turva {
   background: rgb(255, 255, 255);
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-choice-card-collapsible.checked {
   padding: 19px !important;
@@ -407,17 +407,17 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
 }
 .duet-choice-card-collapsible-disabled {
   background: rgb(245, 248, 250);
-  border-color: rgb(225, 227, 230);
+  border-color: rgb(212, 223, 229);
 }
 .duet-choice-card-collapsible-disabled.checked {
-  border-color: rgb(225, 227, 230);
+  border-color: rgb(212, 223, 229);
 }
 .duet-choice-card-collapsible-disabled.duet-theme-turva {
-  background: rgb(245, 245, 247);
-  border-color: rgb(228, 228, 230);
+  background: rgb(245, 247, 250);
+  border-color: rgb(222, 224, 228);
 }
 .duet-choice-card-collapsible-disabled.duet-theme-turva.checked {
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-choice-card-info {
   font-size: 0.875rem;
@@ -426,8 +426,8 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   transition: 150ms ease-out;
 }
 .duet-choice-card-info.duet-theme-turva {
-  background: rgb(245, 245, 247);
-  border-color: rgb(228, 228, 230);
+  background: rgb(245, 247, 250);
+  border-color: rgb(222, 224, 228);
 }
 .duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*) {
   display: none;
@@ -444,7 +444,7 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   border-width: 2px;
 }
 .duet-theme-turva :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-collapsible:not(.checked) {
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 
 :host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover) > .duet-choice-card-collapsible:not(.checked) {
@@ -467,7 +467,7 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   padding-top: 1.25rem;
   cursor: pointer;
   background: rgb(255, 255, 255);
-  border: 1px solid rgb(225, 227, 230);
+  border: 1px solid rgb(212, 223, 229);
   border-left: 0 none;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
@@ -480,22 +480,22 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   border-bottom-right-radius: 0;
 }
 .duet-theme-turva .duet-choice-info-toggle[aria-expanded=true] {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 .duet-choice-info-toggle[disabled] {
   pointer-events: none;
   background: rgb(245, 248, 250) !important;
-  border-color: rgb(225, 227, 230) !important;
+  border-color: rgb(212, 223, 229) !important;
 }
 .duet-choice-info-toggle[disabled] .duet-choice-info-icon {
-  color: rgb(144, 149, 153) !important;
+  color: rgb(127, 150, 165) !important;
 }
 .duet-choice-info-toggle[disabled].duet-theme-turva {
-  background: rgb(245, 245, 247) !important;
-  border-color: rgb(228, 228, 230) !important;
+  background: rgb(245, 247, 250) !important;
+  border-color: rgb(222, 224, 228) !important;
 }
 .duet-choice-info-toggle[disabled].duet-theme-turva .duet-choice-info-icon {
-  color: rgb(116, 116, 117) !important;
+  color: rgb(143, 147, 158) !important;
 }
 .duet-choice-info-toggle:focus {
   outline: none;
@@ -520,10 +520,10 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
 }
 
 :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle {
-  border-left-color: rgb(144, 149, 153);
+  border-left-color: rgb(127, 150, 165);
 }
 .duet-theme-turva :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle {
-  border-left-color: rgb(116, 116, 117);
+  border-left-color: rgb(143, 147, 158);
 }
 
 .duet-choice-input {

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

@@ -30,7 +30,7 @@
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 
 :host(.duet-theme-turva) {
@@ -53,7 +53,7 @@
   -webkit-hyphens: auto;
   hyphens: auto;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 @media (max-width: 35.9375em) {
   .duet-collapsible-content {
@@ -77,7 +77,7 @@
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   cursor: pointer;
   border-radius: 4px;
@@ -120,7 +120,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   transition: transform 300ms ease;
 }
 .duet-collapsible-heading-icon:last-child, .duet-collapsible-heading-icon:last-of-type {

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

@@ -11,10 +11,10 @@
   display: inline-block;
   width: 100%;
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 :host a {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   transition: none;
 }
 :host.duet-theme-turva {

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

@@ -5,7 +5,7 @@ import { Build, h, Host, } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common";
 import { createID } from "../../utils/create-id";
 import { debounce } from "../../utils/js-utils";
-import { isArrowDownKey, isArrowUpKey, isBackspaceKey, isEnterKey, isEscapeKey, isTabKey, } from "../../utils/keyboard-utils";
+import { isArrowDownKey, isArrowUpKey, isEnterKey, isEscapeKey, isTabKey } from "../../utils/keyboard-utils";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
 import { getElementsFromDefaultSlot } from "../../utils/slot-utils";
 import { parsePossibleJSON } from "../../utils/string-utils";
@@ -89,13 +89,6 @@ export class DuetCombobox {
                 this.listOpen = false;
                 return;
             }
-            if (isBackspaceKey(e) && this.inputValue === "") {
-                if (this.multiple && this.selectedItems.size > 0) {
-                    const lastItem = Array.from(this.selectedItems).pop();
-                    this.removeSelectedItem(lastItem, true);
-                }
-                return;
-            }
             //handle arrow up/down navigation
             let nextActiveItem = this.activeItem;
             if (isArrowUpKey(e)) {
@@ -399,6 +392,7 @@ export class DuetCombobox {
             if (!chipExists) {
                 const chip = document.createElement("duet-chip");
                 chip.variation = "input";
+                chip.role = "option";
                 chip.value = `${id}`;
                 chip.textContent = text;
                 chip.addEventListener("duetRemove", evt => {

package/lib/collection/components/duet-contact-card/duet-contact-card.css

@@ -45,7 +45,7 @@
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-contact-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";

package/lib/collection/components/duet-contact-card/duet-contact-card.js

@@ -45,10 +45,10 @@ export class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: '74f85ad21c040a5a98dee8c360b9958be3109855', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'd11d8de783ddd26e09d9e96923dc781f569e93f9', class: {
+        return (h(Host, { key: '710493f629c7d9cac46f490f0dee228f7242a95c', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '6ebe03954a2fa70044934971a113f2799d883a61', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '7e934c796778de29e95e94bebec6937048b78566' }, this.name && (h("duet-heading", { key: '26031bfeb5a46a69ebba836bd1cc714b077bb121', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '8768df03c1a5dfb04cdf1eda46da5a327bbf3324', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '92235e6bd3a7012a478cfd8100e4f5701f9ea950', class: "email" }, h("duet-icon", { key: '3fe17e7cc18b9f724be2627dcb4e0adf667aaf5b', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'cc356db4a9b7f198504873d3e335cd6f83d7c70c', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: 'b9e6b3cc84f4aa81599ff5b7cd626f3e5f03ab33', class: "phone" }, h("duet-icon", { key: '3223b182ee564f36ec8994536981eb6bc9fba82d', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '2396ee622e62c5a5be8dde2ecc9edecbb823cc9a', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: 'b5d4135434a9627822c9569ae9945bc5c3c2441a', class: "call-to-action" }, h("duet-button", { key: '7ebaddbe3b97f9916fada3f248c343eb7bd6bdde', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '12212314eff53718f85f30af84592ee6447b6b7b' }), h("slot", { key: 'd1d55182364ac381b7f4ce0bcdecc6c0643739bc' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '38bd574fe717f2d7b57c74cde6d5ac57f148b23c' }, this.name && (h("duet-heading", { key: '72ef2682da855b8cb86c2537843b864121b1529b', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: 'b657102818b5864f82ddc9de07ff4c910024e46f', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '310a665ff9dad389ea89c74bcda6b5b637513eca', class: "email" }, h("duet-icon", { key: '0d15be99d190d285cead78ef5a1356ce88802e21', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '67e957450d29245d930ca9b8366cdc421c95b5a0', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '3c7f8dbef0143be61c6da4e5c5aaf50036a5a795', class: "phone" }, h("duet-icon", { key: '107635e97ef8980ce1f9d91cc7c0a20132967d50', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '30993d3b47125ecd85527fd664596deb5b1e6c55', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '08e0710a040f7775d7a8b2c61b5e803212b1a344', class: "call-to-action" }, h("duet-button", { key: '33b3f9f83c8b98df670211fa786bc91e1daeb33f', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '6bd3ab22e2e630bc6de6fd7f841f2b0fd658cc95' }), h("slot", { key: 'ddcf2048393c89dbc94c29254ee703829cdc08a2' }))));
     }
     static get is() { return "duet-contact-card"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css

@@ -56,11 +56,11 @@
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 0.875rem;
   color: rgb(255, 255, 255) !important;
-  background-color: rgba(0, 21, 39, 0.9);
+  background-color: rgba(4, 21, 39, 0.9);
 }
 @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
   .duet-cookie-consent {
-    background: rgba(0, 21, 39, 0.8);
+    background: rgba(4, 21, 39, 0.8);
     -webkit-backdrop-filter: blur(4px);
     backdrop-filter: blur(4px);
   }

package/lib/collection/components/duet-date-picker/duet-date-picker.css

@@ -73,15 +73,15 @@
   justify-content: center;
   width: 48px;
   height: calc(100% - 2px);
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   cursor: pointer;
   background: transparent !important;
-  border-left: 1px solid rgb(207, 210, 212) !important;
+  border-left: 1px solid rgb(181, 198, 208) !important;
   border-radius: 0 4px 4px 0 !important;
 }
 .duet-theme-turva .duet-date-button {
   color: rgb(23, 28, 58);
-  border-color: rgb(207, 207, 209);
+  border-color: rgb(199, 202, 207);
 }
 .duet-date-button::before {
   position: absolute;
@@ -90,7 +90,7 @@
   width: 6px;
   height: 100%;
   content: "";
-  background: linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%);
+  background: linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%);
 }
 .duet-date-button:disabled {
   pointer-events: none;
@@ -99,7 +99,7 @@
   border: 0 !important;
 }
 .duet-theme-turva .duet-date-button:disabled {
-  background: rgb(245, 245, 247) !important;
+  background: rgb(245, 247, 250) !important;
 }
 .duet-date-button:disabled::before {
   display: none;
@@ -178,13 +178,13 @@
   margin-top: 8px;
   margin-left: auto;
   background: rgb(255, 255, 255);
-  border: 1px solid rgb(225, 227, 230);
+  border: 1px solid rgb(212, 223, 229);
   border-radius: 4px;
   box-shadow: 0 4px 10px 0 rgba(0, 41, 77, 0.15);
   transform: none;
 }
 .duet-theme-turva .duet-date-dialog-wrapper {
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 @media (max-width: 35.9375em) {
   .duet-date-dialog-wrapper {
@@ -219,7 +219,7 @@
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: center;
   border-spacing: 0;
   border-collapse: collapse;
@@ -255,7 +255,7 @@
   font-weight: 400;
   font-variant-numeric: tabular-nums;
   line-height: 1.25 !important;
-  color: rgb(0, 41, 77) !important;
+  color: rgb(8, 42, 77) !important;
   text-align: center;
   vertical-align: initial !important;
   cursor: pointer;
@@ -268,20 +268,20 @@
   color: rgb(23, 28, 58) !important;
 }
 .duet-date-table-button:hover {
-  background: rgb(230, 242, 248) !important;
+  background: rgb(228, 241, 247) !important;
 }
 .duet-theme-turva .duet-date-table-button:hover {
-  background: rgb(249, 230, 234) !important;
+  background: rgb(255, 227, 228) !important;
 }
 .duet-date-table-button.today {
   z-index: 200;
-  color: rgb(0, 77, 128) !important;
-  background: rgb(243, 249, 252) !important;
+  color: rgb(0, 75, 129) !important;
+  background: rgb(240, 247, 250) !important;
   box-shadow: 0 0 0 1px #0077b3 !important;
 }
 .duet-theme-turva .duet-date-table-button.today {
-  color: rgb(148, 9, 37) !important;
-  background: rgb(252, 243, 244) !important;
+  color: rgb(126, 2, 35) !important;
+  background: rgb(255, 241, 241) !important;
   box-shadow: 0 0 0 1px #171c3a !important;
 }
 .duet-date-table-button[aria-pressed=true], .duet-date-table-button:focus {
@@ -312,18 +312,18 @@
   box-shadow: 0 0 5px 0 #171c3a !important;
 }
 .duet-date-table-button.disabled {
-  color: rgb(144, 149, 153) !important;
+  color: rgb(127, 150, 165) !important;
   cursor: default;
   background: transparent !important;
   box-shadow: none !important;
 }
 .duet-theme-turva .duet-date-table-button.disabled {
-  color: rgb(116, 116, 117) !important;
+  color: rgb(143, 147, 158) !important;
   background: transparent !important;
   box-shadow: none !important;
 }
 .duet-date-table-button.outside {
-  color: rgb(144, 149, 153) !important;
+  color: rgb(127, 150, 165) !important;
   pointer-events: none;
   cursor: default;
   background: rgb(245, 248, 250) !important;
@@ -331,8 +331,8 @@
   opacity: 0.75;
 }
 .duet-theme-turva .duet-date-table-button.outside {
-  color: rgb(116, 116, 117);
-  background: rgb(245, 245, 247);
+  color: rgb(143, 147, 158);
+  background: rgb(245, 247, 250);
   box-shadow: none;
 }
 
@@ -367,7 +367,7 @@
   font-size: 1.25rem;
   font-weight: 600;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   pointer-events: none;
   border-radius: 4px;
 }
@@ -408,7 +408,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  border-bottom: 1px solid rgb(207, 210, 212);
+  border-bottom: 1px solid rgb(181, 198, 208);
 }
 @media (min-width: 36em) {
   .duet-date-dialog-mobile-header {
@@ -423,7 +423,7 @@
   }
 }
 .duet-theme-turva .duet-date-dialog-mobile-header {
-  border-color: rgb(207, 207, 209);
+  border-color: rgb(199, 202, 207);
 }
 .duet-date-dialog-mobile-header duet-label {
   display: inline-block;
@@ -445,7 +445,7 @@
   width: 24px;
   height: 24px !important;
   padding: 0 !important;
-  color: rgb(0, 41, 77) !important;
+  color: rgb(8, 42, 77) !important;
   cursor: pointer;
   background: rgb(245, 248, 250) !important;
   border-radius: 50%;
@@ -458,13 +458,13 @@
   }
 }
 .duet-theme-turva .duet-date-picker-close {
-  background: rgb(245, 245, 247) !important;
+  background: rgb(245, 247, 250) !important;
 }
 .duet-date-picker-close:hover {
   background: rgb(245, 248, 250) !important;
 }
 .duet-theme-turva .duet-date-picker-close:hover {
-  background: rgb(245, 245, 247) !important;
+  background: rgb(245, 247, 250) !important;
 }
 .duet-date-picker-close:focus {
   outline: none;

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

@@ -32,7 +32,7 @@
   height: 1px;
   margin-top: 36px !important;
   margin-bottom: 28px;
-  background: rgb(225, 227, 230);
+  background: rgb(212, 223, 229);
 }
 .duet-divider.duet-p-0 {
   padding: 0 !important;
@@ -45,5 +45,5 @@
   margin-top: 0 !important;
 }
 .duet-divider.duet-theme-turva {
-  background: rgb(228, 228, 230);
+  background: rgb(222, 224, 228);
 }

package/lib/collection/components/duet-empty-state/duet-empty-state.css

@@ -37,12 +37,12 @@
   width: 100%;
   height: 100%;
   padding: 48px;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: center;
   background: rgb(245, 248, 250);
   border-radius: 4px;
 }
 .duet-empty-state.duet-theme-turva {
   color: rgb(23, 28, 58);
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }

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

@@ -54,7 +54,7 @@ fieldset legend {
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   background: transparent;
 }
@@ -98,7 +98,7 @@ fieldset legend {
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: rgb(222, 35, 98);
+  color: rgb(214, 28, 82);
   border-radius: 4px;
 }
 .duet-fieldset-help span {
@@ -107,7 +107,7 @@ fieldset legend {
 }
 .duet-theme-turva .duet-fieldset-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(224, 42, 13);
+  color: rgb(214, 28, 82);
 }
 
 ::slotted(duet-tooltip) {