@duetds/components 9.1.2 → 9.2.1

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) {

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

@@ -39,20 +39,20 @@ export class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4da3e5f66820460f1ef0493f60f630c76d818473', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: 'ed739d61e287215e42e4506b4c71595540bc361d', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: '48d4ee16b180357c5f92388611b1d9811fc560ad', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '8c8ec9d18b60ea69f0f8a7bc68f0a27fd93d7b4a', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("legend", { key: '2bad3be10867df4d945fd05b0dc208107ed6a792', id: this.labelId }, h(this.labelHeadingLevel, { key: 'd6cc673f67359ddd2ee7e5edd740de0c465e1ac8' }, this.label), this.caption && h("span", { key: '1831049370a39c6d8ac1e63cad3f56516ffa2073' }, this.caption)), h("div", { key: '58aeac7ddfee203189ab2e9f9d796b370de6ab89', class: {
+            } }, h("legend", { key: '6f165b5e848a765821866fe0f8cf622fb5f43231', id: this.labelId }, h(this.labelHeadingLevel, { key: '68c8512465df39e946cb40414c248bdac8e201d6' }, this.label), this.caption && h("span", { key: 'c4e7436c129b51e34efb44bdc4ac4cff1fd0264a' }, this.caption)), h("div", { key: 'fb2d654dc97701d77af4a089af9d05d334b76d9d', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, h("div", { key: '5572f59933addae60637f304ffb1dc900313375e', class: "duet-fieldset-label" }, h("span", { key: '35c227c6950d0d5f2717a967d3d660022ef91915', "aria-hidden": "true" }, this.label), h("slot", { key: '1e0b4cff03a36a0e101e972b36d5bbfeef399e7f', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '139fb6fddaace73d9ef5e0d6c3c07b5281641f65', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '4603eb768b61f4b6b342c5b08549dd708bcc2c1b', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '6e0732f202a8228c0b5c10d2dfe54f072e829837' }), h("span", { key: '90b501fd275d5bdd63a500c2478e0831b48f2fbe', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '55be98cfad770433b98a20fa045e1bcb15433441' }, this.error)))));
+            } }, h("div", { key: '4fc06cf70c203c6bb13b2ef7f73ed34aa0c5b7f3', class: "duet-fieldset-label" }, h("span", { key: 'ba029a7b2a434a26d454c6c679fd6692ffd1bf05', "aria-hidden": "true" }, this.label), h("slot", { key: 'f2f48a06fe8d6b4cd2636d11615375dba7faed00', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '5706095fca6636ba7009add12721c1d4f3d13338', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: 'd09d569c80f8a803eafd0e30339a62b40c0bbd29', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: 'a6964b4d2a1932e979cc94ca7542fb2041582aac' }), h("span", { key: 'd92b76a6fab3c900a8b9f42301dd234e62632cfd', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '0006b187f93449997c58335e12cbe51c899e972a' }, this.error)))));
     }
     static get is() { return "duet-fieldset"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@
   line-height: 1.5;
   color: rgb(255, 255, 255);
   text-align: left;
-  background: rgb(0, 41, 77);
+  background: rgb(8, 42, 77);
 }
 .duet-footer.duet-p-0 {
   padding: 0 !important;
@@ -279,9 +279,9 @@ duet-logo {
   padding: 0;
   margin: 0;
   margin-top: 16px;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   background: transparent !important;
-  border-top: 1px solid rgb(225, 227, 230);
+  border-top: 1px solid rgb(212, 223, 229);
 }
 .duet-footer-simple .duet-footer-wrapper {
   max-width: 100%;
@@ -300,7 +300,7 @@ duet-logo {
 }
 .duet-footer-simple .duet-footer-copyright,
 .duet-footer-simple .duet-footer-menu a {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-footer-simple .duet-footer-menu {
   padding: 20px 0 !important;
@@ -310,7 +310,7 @@ duet-logo {
 }
 .duet-footer-simple.duet-theme-turva {
   color: rgb(23, 28, 58);
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-footer-simple.duet-theme-turva .duet-footer-copyright,
 .duet-footer-simple.duet-theme-turva .duet-footer-menu a {

package/lib/collection/components/duet-grid-item/duet-grid-item.css

@@ -18,7 +18,7 @@
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 
 :host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-child) {

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

@@ -71,7 +71,7 @@
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
 }
 .duet-header.duet-theme-turva {
@@ -106,7 +106,7 @@
   height: 4rem;
   padding: 0 16px;
   background: rgb(255, 255, 255);
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);
 }
 @media (min-width: 62em) {
@@ -125,7 +125,7 @@
   }
 }
 .duet-theme-turva .duet-header-top {
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
   box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13);
 }
 @media (min-width: 62em) {
@@ -145,10 +145,10 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  border-left: 1px solid rgb(207, 210, 212);
+  border-left: 1px solid rgb(181, 198, 208);
 }
 .duet-theme-turva .duet-header-top .duet-header-region {
-  border-color: rgb(207, 207, 209);
+  border-color: rgb(199, 202, 207);
 }
 @media (max-width: 35.9375em) {
   .duet-header-top .duet-header-region {
@@ -172,12 +172,12 @@
   width: 100%;
   overflow-y: auto;
   visibility: hidden;
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
   opacity: 0;
   -webkit-overflow-scrolling: touch;
 }
 .duet-theme-turva .duet-header-bottom {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 @media (min-width: 62em) {
   .duet-header-bottom {
@@ -263,7 +263,7 @@
   }
 }
 .duet-header-items .duet-header-item-container {
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
   border-radius: 0;
 }
 @media (min-width: 62em) {
@@ -294,7 +294,7 @@
   overflow: hidden;
   font-size: 1rem;
   line-height: 48px;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -307,13 +307,13 @@
 }
 .duet-theme-turva .duet-header-items .duet-header-item {
   color: rgb(23, 28, 58);
-  border-color: rgb(225, 227, 230);
+  border-color: rgb(212, 223, 229);
 }
 .duet-header-items .duet-header-item:hover {
-  color: rgb(0, 77, 128);
+  color: rgb(0, 75, 129);
 }
 .duet-theme-turva .duet-header-items .duet-header-item:hover {
-  color: rgb(68, 68, 69);
+  color: rgb(113, 118, 132);
 }
 .duet-header-items .duet-header-item:focus {
   outline: 0;
@@ -411,7 +411,7 @@
   display: block;
   width: 100%;
   height: 2px;
-  background: rgb(0, 41, 77);
+  background: rgb(8, 42, 77);
   border-radius: 20rem;
   opacity: 1;
   transition: 0.25s ease-in-out;
@@ -503,26 +503,26 @@ button {
   font-size: 1rem;
   font-weight: 400;
   line-height: 48px;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
   border-radius: 4px;
   -webkit-appearance: none;
   appearance: none;
 }
 .duet-theme-turva .duet-header-button {
   color: rgb(23, 28, 58);
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-header-button:hover {
-  color: rgb(0, 77, 128);
+  color: rgb(0, 75, 129);
 }
 .duet-theme-turva .duet-header-button:hover {
-  color: rgb(148, 9, 37);
+  color: rgb(126, 2, 35);
 }
 .duet-header-button:focus {
   outline: 0;
@@ -553,11 +553,11 @@ button {
     width: 1px;
     height: 20px;
     content: "";
-    background: rgb(207, 210, 212);
+    background: rgb(181, 198, 208);
     transform: translateY(-50%);
   }
   .duet-theme-turva .duet-header-button::before {
-    background: rgb(207, 207, 209);
+    background: rgb(199, 202, 207);
   }
 }
 .duet-header-button.active {
@@ -608,7 +608,7 @@ button {
   height: 2.5rem;
   margin: 2.25rem 0;
   font-weight: 600;
-  border: 2px solid rgb(0, 41, 77);
+  border: 2px solid rgb(8, 42, 77);
   border-radius: 20rem;
 }
 .duet-theme-turva .duet-header-utils .duet-header-button.duet-header-logout {
@@ -750,7 +750,7 @@ button {
   box-shadow: 0 0 0 1px #c18b1f;
 }
 .duet-theme-turva .duet-header-badge {
-  background: rgb(250, 164, 15);
+  background: rgb(247, 178, 40);
 }
 
 .active-bar {
@@ -814,11 +814,11 @@ button {
   background: rgb(198, 12, 48);
 }
 .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active, .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active:hover {
-  border-color: rgb(245, 245, 247);
+  border-color: rgb(245, 247, 250);
 }
 @media (min-width: 62em) {
   .duet-header-dropdown .duet-header-dropdown-toggle.active, .duet-header-dropdown .duet-header-dropdown-toggle.active:hover {
-    color: rgb(0, 77, 128);
+    color: rgb(0, 75, 129);
     border: 0;
   }
   .duet-header-dropdown .duet-header-dropdown-toggle.active::after, .duet-header-dropdown .duet-header-dropdown-toggle.active:hover::after {
@@ -831,7 +831,7 @@ button {
     transform: translateY(0);
   }
   .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active, .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active:hover {
-    color: rgb(148, 9, 37);
+    color: rgb(126, 2, 35);
   }
 }
 @media (min-width: 62em) {
@@ -842,18 +842,18 @@ button {
   }
   .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.duet-header-session:hover, .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.duet-header-session.active, .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.duet-header-session.active:hover {
     color: rgb(255, 255, 255);
-    background: rgb(148, 9, 37);
+    background: rgb(126, 2, 35);
   }
 }
 .duet-header-dropdown .duet-header-dropdown-content {
   display: none;
   padding-bottom: 16px;
-  background: rgb(243, 249, 252);
-  border-bottom: 1px solid rgb(225, 227, 230);
+  background: rgb(240, 247, 250);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(245, 245, 247);
-  border-color: rgb(225, 227, 230);
+  background: rgb(245, 247, 250);
+  border-color: rgb(212, 223, 229);
 }
 @media (min-width: 62em) {
   .duet-header-dropdown .duet-header-dropdown-content {
@@ -914,7 +914,7 @@ button {
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   text-decoration: none;
   white-space: nowrap;
@@ -932,10 +932,10 @@ button {
 }
 @media (min-width: 62em) {
   .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover {
-    background: rgb(230, 242, 248);
+    background: rgb(228, 241, 247);
   }
   .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover {
-    background: rgb(228, 228, 230);
+    background: rgb(222, 224, 228);
   }
 }
 .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):focus {
@@ -1068,7 +1068,7 @@ button {
   margin-left: 2rem;
 }
 .duet-header-multi-level .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
 }
 .duet-header-multi-level .logo-and-segment button {
   align-items: flex-start;
@@ -1107,9 +1107,9 @@ button {
   width: 100%;
   height: 4.5rem;
   padding: 0;
-  background: rgb(243, 249, 252);
-  border-top: 1px solid rgb(225, 227, 230);
-  border-bottom: 1px solid rgb(225, 227, 230);
+  background: rgb(240, 247, 250);
+  border-top: 1px solid rgb(212, 223, 229);
+  border-bottom: 1px solid rgb(212, 223, 229);
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);
   transition: none;
 }
@@ -1176,7 +1176,7 @@ button {
   z-index: 400;
 }
 .duet-header-multi-level-utils .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
 }
 .duet-header-multi-level-utils .duet-header-button-label,
 .duet-header-multi-level-utils .duet-header-dropdown-label {
@@ -1195,7 +1195,7 @@ button {
   padding-left: 0.5rem;
 }
 .duet-header-multi-level .duet-theme-turva .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 .duet-header-multi-level .duet-theme-turva .duet-header-multi-level-utils > :nth-last-child(2).duet-header-dropdown .duet-header-button::before {
   display: none;
@@ -1204,8 +1204,8 @@ button {
   color: rgb(198, 12, 48);
 }
 .duet-header-multi-level .duet-theme-turva .duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(245, 245, 247);
-  border-color: rgb(228, 228, 230);
+  background: rgb(245, 247, 250);
+  border-color: rgb(222, 224, 228);
 }
 .duet-header-multi-level .duet-theme-turva .duet-header-multi-level-nav .duet-header-dropdown .duet-header-dropdown-content a::after {
   background: rgb(198, 12, 48);
@@ -1215,5 +1215,5 @@ button {
   background: none;
 }
 .duet-header-multi-level .duet-theme-turva .duet-header-multi-level-utils .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }

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

@@ -33,7 +33,7 @@
   font-weight: 800;
   font-variant-numeric: tabular-nums;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-decoration: none;
   letter-spacing: -0.01rem;
   word-break: break-word;
@@ -51,10 +51,10 @@
 }
 .duet-heading.duet-heading-border {
   padding-bottom: 20px;
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-heading.duet-heading-border.duet-heading-border-solid {
-  border-bottom-color: rgb(101, 119, 135);
+  border-bottom-color: rgb(98, 121, 138);
 }
 .duet-heading.duet-heading-hyphenate {
   -webkit-hyphens: auto;