@duetds/components 10.2.3 → 10.2.4

package/lib/cjs/{tokens.module-Bc3oSOjD.js → tokens.module-CdKmGLcD.js}

@@ -59,16 +59,16 @@ const colorData14 = "rgb(128, 98, 17)";
 const colorData15 = "rgb(0, 41, 77)";
 const colorGray = "rgb(181, 198, 208)";
 const colorGrayDark = "rgb(127, 150, 165)";
-const colorGrayDarkTurva = "rgb(143, 147, 158)";
+const colorGrayDarkTurva = "rgb(120, 145, 164)";
 const colorGrayDarker = "rgb(98, 121, 138)";
-const colorGrayDarkerTurva = "rgb(113, 118, 132)";
+const colorGrayDarkerTurva = "rgb(95, 122, 143)";
 const colorGrayLight = "rgb(212, 223, 229)";
-const colorGrayLightTurva = "rgb(222, 224, 228)";
+const colorGrayLightTurva = "rgb(212, 221, 226)";
 const colorGrayLighter = "rgb(245, 248, 250)";
-const colorGrayLighterTurva = "rgb(245, 247, 250)";
+const colorGrayLighterTurva = "rgb(245, 246, 247)";
 const colorGrayLightest = "rgb(255, 255, 255)";
 const colorGrayLightestTurva = "rgb(255, 255, 255)";
-const colorGrayTurva = "rgb(199, 202, 207)";
+const colorGrayTurva = "rgb(178, 194, 205)";
 const colorLtBlue00 = "rgb(240, 247, 250)";
 const colorLtBlue100 = "rgb(217, 236, 245)";
 const colorLtBlue1000 = "rgb(8, 42, 77)";
@@ -96,18 +96,18 @@ const colorLtGray900 = "rgb(30, 45, 59)";
 const colorPartnerBrandSGroup = "rgb(0, 170, 70)";
 const colorPrimary = "rgb(0, 119, 179)";
 const colorPrimaryDark = "rgb(0, 75, 129)";
-const colorPrimaryDarkTurva = "rgb(126, 2, 35)";
+const colorPrimaryDarkTurva = "rgb(140, 0, 30)";
 const colorPrimaryDarker = "rgb(0, 97, 155)";
-const colorPrimaryDarkerTurva = "rgb(164, 4, 40)";
+const colorPrimaryDarkerTurva = "rgb(185, 3, 41)";
 const colorPrimaryLight = "rgb(198, 225, 238)";
-const colorPrimaryLightTurva = "rgb(255, 185, 190)";
+const colorPrimaryLightTurva = "rgb(255, 201, 204)";
 const colorPrimaryLighter = "rgb(228, 241, 247)";
-const colorPrimaryLighterTurva = "rgb(255, 227, 228)";
+const colorPrimaryLighterTurva = "rgb(255, 236, 236)";
 const colorPrimaryLightest = "rgb(240, 247, 250)";
-const colorPrimaryLightestTurva = "rgb(255, 241, 241)";
-const colorPrimaryTurva = "rgb(198, 12, 48)";
+const colorPrimaryLightestTurva = "rgb(255, 242, 242)";
+const colorPrimaryTurva = "rgb(230, 23, 64)";
 const colorSecondary = "rgb(8, 42, 77)";
-const colorSecondaryTurva = "rgb(23, 28, 58)";
+const colorSecondaryTurva = "rgb(23, 42, 59)";
 const colorSuccess = "rgb(48, 131, 105)";
 const colorSuccess00 = "rgb(244, 250, 247)";
 const colorSuccess100 = "rgb(218, 246, 233)";
@@ -146,18 +146,18 @@ const colorTurva2Red600 = "rgb(230, 23, 64)";
 const colorTurva2Red700 = "rgb(185, 3, 41)";
 const colorTurva2Red800 = "rgb(140, 0, 30)";
 const colorTurva2Red900 = "rgb(96, 0, 20)";
-const colorTurvaGray00 = "rgb(245, 247, 250)";
-const colorTurvaGray100 = "rgb(222, 224, 228)";
-const colorTurvaGray1000 = "rgb(8, 13, 38)";
-const colorTurvaGray200 = "rgb(199, 202, 207)";
-const colorTurvaGray300 = "rgb(175, 178, 186)";
-const colorTurvaGray400 = "rgb(143, 147, 158)";
-const colorTurvaGray50 = "rgb(234, 235, 239)";
-const colorTurvaGray500 = "rgb(113, 118, 132)";
-const colorTurvaGray600 = "rgb(98, 104, 122)";
-const colorTurvaGray700 = "rgb(71, 78, 101)";
-const colorTurvaGray800 = "rgb(45, 52, 79)";
-const colorTurvaGray900 = "rgb(23, 28, 58)";
+const colorTurvaGray00 = "rgb(245, 246, 247)";
+const colorTurvaGray100 = "rgb(212, 221, 226)";
+const colorTurvaGray1000 = "rgb(6, 23, 38)";
+const colorTurvaGray200 = "rgb(178, 194, 205)";
+const colorTurvaGray300 = "rgb(148, 169, 185)";
+const colorTurvaGray400 = "rgb(120, 145, 164)";
+const colorTurvaGray50 = "rgb(228, 233, 237)";
+const colorTurvaGray500 = "rgb(95, 122, 143)";
+const colorTurvaGray600 = "rgb(72, 100, 122)";
+const colorTurvaGray700 = "rgb(53, 79, 101)";
+const colorTurvaGray800 = "rgb(37, 60, 80)";
+const colorTurvaGray900 = "rgb(23, 42, 59)";
 const colorTurvaNude00 = "rgb(253, 247, 242)";
 const colorTurvaNude100 = "rgb(251, 225, 209)";
 const colorTurvaNude1000 = "rgb(38, 21, 15)";
@@ -170,18 +170,18 @@ const colorTurvaNude600 = "rgb(140, 98, 79)";
 const colorTurvaNude700 = "rgb(114, 76, 60)";
 const colorTurvaNude800 = "rgb(89, 56, 43)";
 const colorTurvaNude900 = "rgb(64, 38, 28)";
-const colorTurvaRed00 = "rgb(255, 241, 241)";
-const colorTurvaRed100 = "rgb(255, 213, 215)";
-const colorTurvaRed1000 = "rgb(51, 5, 20)";
-const colorTurvaRed200 = "rgb(255, 185, 190)";
-const colorTurvaRed300 = "rgb(252, 148, 158)";
-const colorTurvaRed400 = "rgb(240, 102, 119)";
-const colorTurvaRed50 = "rgb(255, 227, 228)";
-const colorTurvaRed500 = "rgb(221, 49, 77)";
-const colorTurvaRed600 = "rgb(198, 12, 48)";
-const colorTurvaRed700 = "rgb(164, 4, 40)";
-const colorTurvaRed800 = "rgb(126, 2, 35)";
-const colorTurvaRed900 = "rgb(87, 4, 29)";
+const colorTurvaRed00 = "rgb(255, 242, 242)";
+const colorTurvaRed100 = "rgb(255, 229, 230)";
+const colorTurvaRed1000 = "rgb(51, 0, 10)";
+const colorTurvaRed200 = "rgb(255, 201, 204)";
+const colorTurvaRed300 = "rgb(249, 164, 172)";
+const colorTurvaRed400 = "rgb(243, 119, 133)";
+const colorTurvaRed50 = "rgb(255, 236, 236)";
+const colorTurvaRed500 = "rgb(236, 69, 96)";
+const colorTurvaRed600 = "rgb(230, 23, 64)";
+const colorTurvaRed700 = "rgb(185, 3, 41)";
+const colorTurvaRed800 = "rgb(140, 0, 30)";
+const colorTurvaRed900 = "rgb(96, 0, 20)";
 const colorWarning = "rgb(247, 178, 40)";
 const colorWarning00 = "rgb(255, 251, 242)";
 const colorWarning100 = "rgb(255, 244, 198)";

package/lib/collection/components/duet-action-button/duet-action-button.css

@@ -51,8 +51,8 @@
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-action-button.duet-theme-turva {
-  color: rgb(23, 28, 58);
-  background: rgb(245, 247, 250);
+  color: rgb(23, 42, 59);
+  background: rgb(245, 246, 247);
 }
 .duet-action-button duet-icon {
   display: block;
@@ -67,13 +67,13 @@
   background: #e9ecee;
 }
 .duet-action-button:not(:disabled):hover.duet-theme-turva {
-  background: #e9ebee;
+  background: #e9eaeb;
 }
 .duet-action-button:active:focus {
   background: #dddfe1 !important;
 }
 .duet-action-button:active:focus.duet-theme-turva {
-  background: #dddee1 !important;
+  background: #ddddde !important;
 }
 .duet-action-button:disabled {
   color: rgb(127, 150, 165);
@@ -82,8 +82,8 @@
   opacity: 0.75;
 }
 .duet-action-button.duet-theme-turva:disabled {
-  color: rgb(143, 147, 158);
-  background: rgb(245, 247, 250);
+  color: rgb(120, 145, 164);
+  background: rgb(245, 246, 247);
 }
 
 :host(.duet-theme-turva2) .duet-action-button.duet-theme-turva {

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

@@ -63,8 +63,8 @@
   padding: 5.4444444444px 12px 4.4444444444px;
   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-badge.warning {
   background: #fdecc9;
@@ -91,8 +91,8 @@
   background: none;
 }
 .duet-badge.subtle.duet-theme-turva {
-  color: rgb(113, 118, 132);
-  outline-color: rgb(222, 224, 228);
+  color: rgb(95, 122, 143);
+  outline-color: rgb(212, 221, 226);
   background: none;
 }
 .duet-badge.background-strong.default {
@@ -101,7 +101,7 @@
 }
 .duet-badge.background-strong.default.duet-theme-turva {
   color: rgb(255, 255, 255);
-  background: rgb(23, 28, 58);
+  background: rgb(23, 42, 59);
 }
 .duet-badge.background-strong.warning {
   background: #f9c153;
@@ -130,8 +130,8 @@
   border-color: rgb(181, 198, 208);
 }
 .duet-badge.background-strong.subtle.duet-theme-turva {
-  outline-color: rgb(23, 28, 58);
-  border-color: rgb(199, 202, 207);
+  outline-color: rgb(23, 42, 59);
+  border-color: rgb(178, 194, 205);
 }
 
 :host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default {

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

@@ -83,11 +83,11 @@
   background: rgb(212, 223, 229);
 }
 .duet-breadcrumbs.header.duet-theme-turva {
-  color: rgb(23, 28, 58);
-  background: rgb(245, 247, 250);
+  color: rgb(23, 42, 59);
+  background: rgb(245, 246, 247);
 }
 .duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover {
-  color: rgb(126, 2, 35);
+  color: rgb(140, 0, 30);
 }
 .duet-breadcrumbs.footer {
   color: rgb(255, 255, 255);
@@ -128,7 +128,7 @@
 }
 .duet-breadcrumbs.footer.duet-theme-turva {
   color: rgb(255, 255, 255);
-  background: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
 }
 .duet-breadcrumbs.plain .container {
   max-width: none;
@@ -147,7 +147,7 @@
   background: rgb(253, 247, 242);
 }
 :host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover {
-  color: rgb(126, 2, 35);
+  color: rgb(140, 0, 30);
 }
 :host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.footer {
   background: rgb(230, 23, 64);

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

@@ -250,7 +250,7 @@
 }
 .duet-theme-turva .duet-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) !important;
+  color: rgb(230, 23, 64) !important;
 }
 .duet-button .duet-button-contents {
   position: relative;
@@ -304,8 +304,8 @@
   border-color: rgb(181, 198, 208);
 }
 .duet-theme-turva .duet-button.default {
-  color: rgb(198, 12, 48) !important;
-  border-color: rgb(222, 224, 228);
+  color: rgb(230, 23, 64) !important;
+  border-color: rgb(212, 221, 226);
 }
 .duet-button.default:hover {
   outline: 2px solid rgb(0, 119, 179);
@@ -313,22 +313,22 @@
   border-color: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-button.default:hover {
-  outline-color: rgb(198, 12, 48);
-  border-color: rgb(198, 12, 48);
+  outline-color: rgb(230, 23, 64);
+  border-color: rgb(230, 23, 64);
 }
 .duet-button.default.duet-button-negative {
   background-color: rgb(255, 255, 255);
 }
 .duet-theme-turva .duet-button.default.duet-button-negative {
-  background-color: rgb(222, 224, 228) !important;
+  background-color: rgb(212, 221, 226) !important;
 }
 .duet-button.default.duet-button-negative:hover {
   color: rgb(0, 119, 179) !important;
   border-color: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-button.default.duet-button-negative:hover {
-  color: rgb(198, 12, 48) !important;
-  border-color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64) !important;
+  border-color: rgb(230, 23, 64);
 }
 .duet-button.primary, .duet-button.input-button-primary, .duet-button.input-button-left-primary {
   color: rgb(255, 255, 255) !important;
@@ -337,8 +337,8 @@
 }
 .duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary, .duet-theme-turva .duet-button.input-button-left-primary {
   color: rgb(255, 255, 255) !important;
-  background: rgb(198, 12, 48);
-  border-color: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
+  border-color: rgb(230, 23, 64);
 }
 .duet-button.primary:hover, .duet-button.input-button-primary:hover, .duet-button.input-button-left-primary:hover {
   background: #005f8f;
@@ -346,8 +346,8 @@
   box-shadow: 0 4px 20px 0 rgba(34, 34, 34, 0.1);
 }
 .duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover, .duet-theme-turva .duet-button.input-button-left-primary:hover {
-  background: rgb(126, 2, 35);
-  border-color: rgb(126, 2, 35);
+  background: rgb(140, 0, 30);
+  border-color: rgb(140, 0, 30);
 }
 .duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-left-secondary, .duet-button.input-button-embedded {
   color: rgb(8, 42, 77) !important;
@@ -355,8 +355,8 @@
   border-color: rgb(8, 42, 77);
 }
 .duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-left-secondary, .duet-theme-turva .duet-button.input-button-embedded {
-  color: rgb(23, 28, 58) !important;
-  border-color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59) !important;
+  border-color: rgb(23, 42, 59);
 }
 .duet-button.secondary:hover, .duet-button.input-button-secondary:hover, .duet-button.input-button-left-secondary:hover, .duet-button.input-button-embedded:hover {
   color: rgb(0, 119, 179) !important;
@@ -369,23 +369,23 @@
   outline-color: rgb(120, 145, 164);
 }
 .duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-left-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover {
-  color: rgb(198, 12, 48) !important;
-  border-color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64) !important;
+  border-color: rgb(230, 23, 64);
 }
 .duet-button.secondary.duet-button-negative, .duet-button.input-button-secondary.duet-button-negative, .duet-button.input-button-left-secondary.duet-button-negative, .duet-button.input-button-embedded.duet-button-negative {
   color: rgb(212, 223, 229) !important;
   border-color: rgb(255, 255, 255);
 }
 .duet-theme-turva .duet-button.secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative {
-  color: rgb(222, 224, 228) !important;
+  color: rgb(212, 221, 226) !important;
 }
 .duet-button.secondary.duet-button-negative:hover, .duet-button.input-button-secondary.duet-button-negative:hover, .duet-button.input-button-left-secondary.duet-button-negative:hover, .duet-button.input-button-embedded.duet-button-negative:hover {
   color: rgb(0, 119, 179) !important;
   border-color: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover {
-  color: rgb(198, 12, 48) !important;
-  border-color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64) !important;
+  border-color: rgb(230, 23, 64);
 }
 .duet-button.input-button-embedded {
   width: 40px;
@@ -404,7 +404,7 @@
   border-color: rgb(255, 255, 255);
 }
 .duet-theme-turva .duet-button.negative {
-  color: rgb(23, 28, 58) !important;
+  color: rgb(23, 42, 59) !important;
 }
 .duet-button.negative:hover {
   color: rgb(255, 255, 255) !important;
@@ -461,7 +461,7 @@
   border-radius: 4px;
 }
 .duet-theme-turva .duet-button.plain {
-  color: rgb(198, 12, 48) !important;
+  color: rgb(230, 23, 64) !important;
   background: transparent;
   border-color: transparent;
 }
@@ -475,17 +475,17 @@
   border-color: transparent !important;
 }
 .duet-theme-turva .duet-button.plain[disabled], .duet-theme-turva .duet-button.plain[disabled]:hover {
-  color: rgb(113, 118, 132) !important;
+  color: rgb(95, 122, 143) !important;
   cursor: not-allowed;
   background: transparent !important;
-  border-color: rgb(222, 224, 228) !important;
+  border-color: rgb(212, 221, 226) !important;
 }
 .duet-button.plain:hover {
   color: rgb(0, 75, 129) !important;
   background: transparent !important;
 }
 .duet-theme-turva .duet-button.plain:hover {
-  color: rgb(126, 2, 35) !important;
+  color: rgb(140, 0, 30) !important;
 }
 .duet-button.plain.duet-button-negative {
   color: rgb(255, 255, 255) !important;
@@ -585,11 +585,11 @@
 }
 .duet-theme-turva .duet-button.square.duet-button-negative {
   color: rgb(255, 255, 255) !important;
-  background: rgb(198, 12, 48);
-  border-color: rgb(198, 12, 48);
+  background: rgb(230, 23, 64);
+  border-color: rgb(230, 23, 64);
 }
 .duet-theme-turva .duet-button.square {
-  border-color: rgb(222, 224, 228);
+  border-color: rgb(212, 221, 226);
 }
 .duet-button.square:hover {
   outline: 2px solid rgb(0, 119, 179);
@@ -597,8 +597,8 @@
   border-color: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-button.square:hover {
-  outline-color: rgb(198, 12, 48);
-  border-color: rgb(198, 12, 48);
+  outline-color: rgb(230, 23, 64);
+  border-color: rgb(230, 23, 64);
 }
 .duet-button.square .duet-button-contents {
   gap: 0;
@@ -614,11 +614,11 @@
   box-shadow: none !important;
 }
 .duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button[disabled]:hover, .duet-theme-turva .duet-button.duet-button-negative [disabled], .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover {
-  color: rgb(143, 147, 158) !important;
+  color: rgb(120, 145, 164) !important;
   cursor: not-allowed;
-  outline-color: rgb(222, 224, 228) !important;
-  background: rgb(222, 224, 228) !important;
-  border-color: rgb(222, 224, 228) !important;
+  outline-color: rgb(212, 221, 226) !important;
+  background: rgb(212, 221, 226) !important;
+  border-color: rgb(212, 221, 226) !important;
 }
 
 .duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary {
@@ -628,7 +628,7 @@
   color: rgb(0, 119, 179);
 }
 .duet-button-is-loading.default.duet-theme-turva {
-  color: rgb(198, 12, 48);
+  color: rgb(230, 23, 64);
 }
 .duet-button-is-loading .duet-button-contents {
   visibility: hidden;

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

@@ -61,7 +61,7 @@ figure {
 }
 .duet-callout.duet-theme-turva .author,
 .duet-callout.duet-theme-turva blockquote {
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 .duet-callout.duet-m-0 {
   margin: 0 !important;

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

@@ -40,7 +40,7 @@
 }
 
 :host(.duet-caption-selected.duet-theme-turva) {
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 
 :host(.duet-m-0) {

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

@@ -127,7 +127,7 @@
 }
 .duet-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";
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
   box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
 }
 @media (min-width: 36em) {
@@ -184,7 +184,7 @@
   box-shadow: none;
 }
 .duet-card.info.duet-theme-turva {
-  background: rgba(23, 28, 58, 0.035) !important;
+  background: rgba(23, 42, 59, 0.035) !important;
 }
 
 .duet-card.plain {
@@ -296,8 +296,8 @@
 }
 .duet-theme-turva .duet-card-heading {
   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);
 }
 @media (min-width: 36em) {
   .xx-small .duet-card-heading {
@@ -383,7 +383,7 @@
   border-bottom-left-radius: 4px;
 }
 .duet-theme-turva .duet-card-footer {
-  background: rgb(245, 247, 250);
+  background: rgb(245, 246, 247);
 }
 @media (min-width: 36em) {
   .duet-card-footer {

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

@@ -64,7 +64,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 span {
   display: inline-block;
@@ -103,15 +103,15 @@
   border-radius: 4px;
 }
 .duet-theme-turva .duet-checkbox + label::before {
-  border-color: rgb(23, 28, 58);
+  border-color: rgb(23, 42, 59);
 }
 .duet-checkbox:checked + label::before {
   background: rgb(0, 119, 179);
   border: 1px solid rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-checkbox:checked + label::before {
-  background: rgb(23, 28, 58);
-  border-color: rgb(23, 28, 58);
+  background: rgb(23, 42, 59);
+  border-color: rgb(23, 42, 59);
 }
 .duet-checkbox:focus + label::before {
   outline: 2px solid;
@@ -156,21 +156,21 @@
   color: rgb(98, 121, 138);
 }
 .duet-theme-turva .duet-checkbox[disabled] + label {
-  color: rgb(143, 147, 158);
+  color: rgb(120, 145, 164);
 }
 .duet-checkbox[disabled] + label::before {
   border-color: rgb(181, 198, 208);
 }
 .duet-theme-turva .duet-checkbox[disabled] + label::before {
-  border-color: rgb(199, 202, 207);
+  border-color: rgb(178, 194, 205);
 }
 .duet-checkbox[disabled]:checked + label::before {
   background: rgb(127, 150, 165);
   border: 1px solid rgb(127, 150, 165);
 }
 .duet-theme-turva .duet-checkbox[disabled]:checked + label::before {
-  background: rgb(143, 147, 158);
-  border-color: rgb(143, 147, 158);
+  background: rgb(120, 145, 164);
+  border-color: rgb(120, 145, 164);
 }
 
 .duet-after-label {

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

@@ -70,12 +70,12 @@
   margin: 0 !important;
 }
 .duet-chip-container.duet-theme-turva {
-  color: rgb(23, 28, 58) !important;
+  color: rgb(23, 42, 59) !important;
   background: rgb(255, 255, 255);
-  border-color: rgb(199, 202, 207);
+  border-color: rgb(178, 194, 205);
 }
 .duet-chip-container.duet-theme-turva:hover {
-  border-color: rgb(198, 12, 48);
+  border-color: rgb(230, 23, 64);
 }
 .duet-chip-container:hover {
   padding: 0 !important;
@@ -89,17 +89,17 @@
   border-color: rgb(245, 248, 250) !important;
 }
 .duet-chip-container.duet-chip-disabled.duet-theme-turva {
-  color: rgb(143, 147, 158) !important;
-  background: rgb(245, 247, 250);
-  border-color: rgb(245, 247, 250);
+  color: rgb(120, 145, 164) !important;
+  background: rgb(245, 246, 247);
+  border-color: rgb(245, 246, 247);
 }
 .duet-chip-container.duet-chip-disabled:hover {
   background: rgb(245, 248, 250);
   border-color: rgb(245, 248, 250);
 }
 .duet-chip-container.duet-chip-disabled:hover.duet-theme-turva {
-  background: rgb(245, 247, 250);
-  border-color: rgb(245, 247, 250);
+  background: rgb(245, 246, 247);
+  border-color: rgb(245, 246, 247);
 }
 .duet-chip-container.duet-chip-disabled button,
 .duet-chip-container.duet-chip-disabled label {
@@ -191,11 +191,11 @@
   transition: width 300ms ease, transform 300ms ease;
 }
 .duet-chip-container.duet-chip-filter-checked.duet-theme-turva, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva {
-  background: rgb(255, 241, 241);
-  border-color: rgb(198, 12, 48);
+  background: rgb(255, 242, 242);
+  border-color: rgb(230, 23, 64);
 }
 .duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover {
-  background: rgb(255, 213, 215);
+  background: rgb(255, 229, 230);
 }
 .duet-chip-container .duet-chip-popup-disclosure {
   padding-right: 4.5px;
@@ -209,8 +209,8 @@
   border-color: rgb(240, 247, 250);
 }
 .duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva {
-  background: rgb(255, 241, 241);
-  border-color: rgb(245, 247, 250);
+  background: rgb(255, 242, 242);
+  border-color: rgb(245, 246, 247);
 }
 .duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon {
   transform: rotate(180deg);
@@ -262,23 +262,23 @@
   background-clip: padding-box;
 }
 .duet-chip-container.duet-chip-input.duet-theme-turva:hover {
-  border-color: rgb(199, 202, 207);
+  border-color: rgb(178, 194, 205);
 }
 .duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover {
-  border-color: rgb(198, 12, 48);
+  border-color: rgb(230, 23, 64);
 }
 .duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover {
-  background: rgb(255, 241, 241);
+  background: rgb(255, 242, 242);
 }
 .duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected {
-  background: rgb(255, 241, 241);
+  background: rgb(255, 242, 242);
 }
 .duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover {
-  background: rgb(255, 213, 215);
+  background: rgb(255, 229, 230);
   background-clip: padding-box;
 }
 .duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover {
-  background: rgb(255, 185, 190);
+  background: rgb(255, 201, 204);
   background-clip: padding-box;
 }
 .duet-chip-container.large button,

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

@@ -11,7 +11,7 @@
   margin-right: auto;
 }
 .duet-theme-turva .duet-checkmark-container {
-  border-color: rgb(143, 147, 158);
+  border-color: rgb(120, 145, 164);
 }
 .checked .duet-checkmark-container {
   background: rgb(0, 119, 179);
@@ -19,8 +19,8 @@
   transition: none;
 }
 .duet-theme-turva .checked .duet-checkmark-container {
-  background: rgb(23, 28, 58);
-  border-color: rgb(23, 28, 58) !important;
+  background: rgb(23, 42, 59);
+  border-color: rgb(23, 42, 59) !important;
 }
 .duet-checkmark-container.duet-checkmark-radio {
   border-radius: 50%;
@@ -29,13 +29,13 @@
   border-color: rgb(181, 198, 208) !important;
 }
 .duet-theme-turva [disabled] + label .duet-checkmark-container {
-  border-color: rgb(199, 202, 207) !important;
+  border-color: rgb(178, 194, 205) !important;
 }
 .checked [disabled] + label .duet-checkmark-container {
   background: rgb(181, 198, 208) !important;
 }
 .duet-theme-turva .checked [disabled] + label .duet-checkmark-container {
-  background: rgb(199, 202, 207) !important;
+  background: rgb(178, 194, 205) !important;
 }
 
 .duet-checkmark {