npm - @duetds/components - Versions diffs - 9.1.2 → 9.2.1 - Mend

@duetds/components 9.1.2 → 9.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (828) hide show

package/lib/collection/components/duet-alert/duet-alert.css CHANGED Viewed

@@ -59,7 +59,7 @@
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   background: #f2f8fb;
   border: 1px solid rgb(0, 119, 179);
   border-radius: 4px;
@@ -82,29 +82,29 @@
   border-color: rgb(247, 178, 40);
 }
 .duet-alert-wrapper.warning.duet-theme-turva {
-  background: #fffaf3;
-  border-color: rgb(250, 164, 15);
+  background: #fffbf4;
+  border-color: rgb(247, 178, 40);
 }
 .duet-alert-wrapper.danger {
-  background: #fdf4f7;
-  border-color: rgb(222, 35, 98);
+  background: #fdf4f6;
+  border-color: rgb(214, 28, 82);
 }
 .duet-alert-wrapper.danger.duet-theme-turva {
-  background: #fdf4f3;
-  border-color: rgb(224, 42, 13);
+  background: #fdf4f6;
+  border-color: rgb(214, 28, 82);
 }
 .duet-alert-wrapper.success {
-  background: #f2f9f7;
-  border-color: rgb(0, 135, 90);
+  background: #f5f9f8;
+  border-color: rgb(48, 131, 105);
 }
 .duet-alert-wrapper.success.duet-theme-turva {
-  background: #f3f9f6;
-  border-color: rgb(8, 135, 78);
+  background: #f5f9f8;
+  border-color: rgb(48, 131, 105);
 }
 .duet-alert-wrapper.below-nav {
   margin-bottom: 0 !important;
   border: 0;
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-alert-wrapper .duet-alert {
   position: relative;

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

@@ -43,7 +43,7 @@
   font-style: normal;
   font-weight: 600;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: center;
   word-break: break-word;
   vertical-align: middle;
@@ -67,30 +67,30 @@
   background: #fdecc9;
 }
 .duet-badge.warning.duet-theme-turva {
-  background: #fee8c3;
+  background: #fdecc9;
 }
 .duet-badge.danger {
-  background: #f8d3e0;
+  background: #f7d2dc;
 }
 .duet-badge.danger.duet-theme-turva {
-  background: #f9d4cf;
+  background: #f7d2dc;
 }
 .duet-badge.success {
-  background: #cce7de;
+  background: #d6e6e1;
 }
 .duet-badge.success.duet-theme-turva {
-  background: #cee7dc;
+  background: #d6e6e1;
 }
 .duet-badge.subtle {
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
   background: none;
-  outline: 1px solid rgb(225, 227, 230);
+  outline: 1px solid rgb(212, 223, 229);
   outline-offset: -1px;
 }
 .duet-badge.subtle.duet-theme-turva {
-  color: rgb(68, 68, 69);
+  color: rgb(113, 118, 132);
   background: none;
-  outline-color: rgb(228, 228, 230);
+  outline-color: rgb(222, 224, 228);
 }
 .duet-badge.background-strong.default {
   color: rgb(255, 255, 255);
@@ -104,29 +104,29 @@
   background: #f9c153;
 }
 .duet-badge.background-strong.warning.duet-theme-turva {
-  background: #fbb63f;
+  background: #f9c153;
 }
 .duet-badge.background-strong.danger {
   color: rgb(255, 255, 255);
-  background: rgb(222, 35, 98);
+  background: rgb(214, 28, 82);
 }
 .duet-badge.background-strong.danger.duet-theme-turva {
   color: rgb(255, 255, 255);
-  background: rgb(224, 42, 13);
+  background: rgb(214, 28, 82);
 }
 .duet-badge.background-strong.success {
   color: rgb(255, 255, 255);
-  background: rgb(0, 135, 90);
+  background: rgb(48, 131, 105);
 }
 .duet-badge.background-strong.success.duet-theme-turva {
   color: rgb(255, 255, 255);
-  background: rgb(8, 135, 78);
+  background: rgb(48, 131, 105);
 }
 .duet-badge.background-strong.subtle {
-  border-color: rgb(207, 210, 212);
-  outline-color: rgb(0, 41, 77);
+  border-color: rgb(181, 198, 208);
+  outline-color: rgb(8, 42, 77);
 }
 .duet-badge.background-strong.subtle.duet-theme-turva {
-  border-color: rgb(207, 207, 209);
+  border-color: rgb(199, 202, 207);
   outline-color: rgb(23, 28, 58);
 }

package/lib/collection/components/duet-badge/duet-badge.js CHANGED Viewed

@@ -22,12 +22,12 @@ export class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (h(Host, { key: 'a98ddf68ce6e0d104c642e48a2d5d6d5660498f4', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: 'aa121dca4645858c43d9d81bc29ec710723a026f', class: {
+        return (h(Host, { key: 'fa6c996be60aa738c5324d36785910a2df451fda', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: 'fb20eeca5e56a6b530468e01b0c50fdfc62dab5b', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", { key: '9baaff220b3bfaca21de1951ecc81fa1dde17c03' }))));
+            } }, h("slot", { key: 'e8a75efc4cfa0fffd6ec03c37550b967ceec0a9a' }))));
     }
     static get is() { return "duet-badge"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js CHANGED Viewed

@@ -42,14 +42,14 @@ export class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (h(Host, { key: '469447515096cfa85132eb550ed925b796a87b6b', role: "listitem" }, h("div", { key: '0b264055e49b6603b803bea06f4450e937b1a424', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '0a175a06d4230eeace901b741ba9a08f2947a3ba', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), h("a", { key: '501dd186b46c158775b992863689014d4b520927', class: {
+        return (h(Host, { key: '689d0258e18fdfbbd6f4d01c8ab355a1a8312c2f', role: "listitem" }, h("div", { key: '909354599a3a41ee94fd902605d5299666bd599b', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '9fc66ffab8615edd97b3bedefd33f7fa80491694', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), h("a", { key: 'ed4010eedd8d1da13bde66c21a9885d8831c580b', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            h("duet-icon", { key: 'a7993d28976f091a7f8291378990dea66413be57', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: '966433c4f0ec2c663dfeff67b8b70ae913d6a5e8', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: 'b98f199af76f8596bb8d06af9dc277c89ed03870' })))));
+            h("duet-icon", { key: '9b0d1364911cb1737106f201a2c4db931133f38e', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: '27f506daef53b848c270e8be99c0f2aaebb80004', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: '2bc8ee802dc29cc82123e91b9178e5f51e9709c9' })))));
     }
     static get is() { return "duet-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

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

@@ -72,26 +72,26 @@
   height: 1px;
 }
 .duet-breadcrumbs.header {
-  color: rgb(0, 41, 77);
-  background: rgb(243, 249, 252);
+  color: rgb(8, 42, 77);
+  background: rgb(240, 247, 250);
 }
 .duet-breadcrumbs.header .list duet-breadcrumb[href]:hover {
-  color: rgb(0, 77, 128);
+  color: rgb(0, 75, 129);
 }
 .duet-breadcrumbs.header .bottom-border--nav {
   display: block;
-  background: rgb(225, 227, 230);
+  background: rgb(212, 223, 229);
 }
 .duet-breadcrumbs.header.duet-theme-turva {
   color: rgb(23, 28, 58);
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 .duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover {
-  color: rgb(148, 9, 37);
+  color: rgb(126, 2, 35);
 }
 .duet-breadcrumbs.footer {
   color: rgb(255, 255, 255);
-  background: rgb(0, 41, 77);
+  background: rgb(8, 42, 77);
 }
 @media (min-width: 64.0625em) {
   .duet-breadcrumbs.footer {

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js CHANGED Viewed

@@ -53,11 +53,11 @@ export class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: '8a9b4d9db25877fedbb9bbbc6a7f3c70ddc972f8' }, h("nav", { key: 'c66a5b2ab26e65aea1d4cb624c5fd5e57b165d0e', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: '996e5aefa1bd4292a2ef8e9defb42967032c8011' }, h("nav", { key: '5971870c10d1faabc65248ee6113cd8a84e7a2ae', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: '23194ac8d39fcc089a5f16689fdf31f6f5bbd630', class: "container" }, h("div", { key: '924ce340d38e919201c361c402b5b2ee7d25f6d2', role: "list", class: "list", style: { color } }, h("slot", { key: '0fbdd33ff72667c2cd845f407a85719349a70eab' })), h("div", { key: '11493cfc88623feebae218352c8f9530a3c2456c', class: "bottom-border bottom-border--container" })), h("div", { key: 'd5f962874148aab37813f688ba5ff77bddb30533', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: 'e13adcf97e2a6fefb2e73a302b09776418d81272', class: "container" }, h("div", { key: 'a628bb7c78faaa9952d40bc5dab4171e1bfb9f00', role: "list", class: "list", style: { color } }, h("slot", { key: 'bde592b8806f2e74c1031d2ac4ca58b2b0279c55' })), h("div", { key: 'c6c7386a1148b7173eae0919a4c3ba7cee0322c1', class: "bottom-border bottom-border--container" })), h("div", { key: '668a74528b4859e29e226f3c33311557191a9bc3', class: "bottom-border bottom-border--nav" }))));
     }
     static get is() { return "duet-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -281,11 +281,11 @@
 }
 .duet-button.default {
   background: rgb(255, 255, 255);
-  border-color: rgb(207, 210, 212);
+  border-color: rgb(181, 198, 208);
 }
 .duet-theme-turva .duet-button.default {
   color: rgb(198, 12, 48) !important;
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-button.default:hover {
   border-color: rgb(0, 119, 179);
@@ -300,7 +300,7 @@
   background-color: rgb(255, 255, 255);
 }
 .duet-theme-turva .duet-button.default.duet-button-negative {
-  background-color: rgb(228, 228, 230) !important;
+  background-color: rgb(222, 224, 228) !important;
 }
 .duet-button.default.duet-button-negative:hover {
   color: rgb(0, 119, 179) !important;
@@ -326,8 +326,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 {
-  background: rgb(148, 9, 37);
-  border-color: rgb(148, 9, 37);
+  background: rgb(126, 2, 35);
+  border-color: rgb(126, 2, 35);
 }
 .duet-button.primary:focus, .duet-button.input-button-primary:focus {
   outline: 0;
@@ -337,9 +337,9 @@
   box-shadow: 0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75);
 }
 .duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-embedded {
-  color: rgb(0, 41, 77) !important;
+  color: rgb(8, 42, 77) !important;
   background: transparent;
-  border-color: rgb(0, 41, 77);
+  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-embedded {
   color: rgb(23, 28, 58) !important;
@@ -354,11 +354,11 @@
   border-color: rgb(198, 12, 48);
 }
 .duet-button.secondary.duet-button-negative, .duet-button.input-button-secondary.duet-button-negative, .duet-button.input-button-embedded.duet-button-negative {
-  color: rgb(225, 227, 230) !important;
+  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-embedded.duet-button-negative {
-  color: rgb(228, 228, 230) !important;
+  color: rgb(222, 224, 228) !important;
 }
 .duet-button.secondary.duet-button-negative:hover, .duet-button.input-button-secondary.duet-button-negative:hover, .duet-button.input-button-embedded.duet-button-negative:hover {
   color: rgb(0, 119, 179) !important;
@@ -380,7 +380,7 @@
   height: auto;
 }
 .duet-button.negative {
-  color: rgb(0, 41, 77) !important;
+  color: rgb(8, 42, 77) !important;
   background: rgb(255, 255, 255);
   border-color: rgb(255, 255, 255);
 }
@@ -401,41 +401,41 @@
 }
 .duet-button.destructive-primary {
   color: rgb(255, 255, 255) !important;
-  background: rgb(222, 35, 98);
-  border-color: rgb(222, 35, 98);
+  background: rgb(214, 28, 82);
+  border-color: rgb(214, 28, 82);
 }
 .duet-theme-turva .duet-button.destructive-primary {
   color: rgb(255, 255, 255) !important;
-  background: rgb(224, 42, 13);
-  border-color: rgb(224, 42, 13);
+  background: rgb(214, 28, 82);
+  border-color: rgb(214, 28, 82);
 }
 .duet-button.destructive-primary:hover {
-  background: #b21c4e;
-  border-color: #b21c4e;
+  background: #ab1642;
+  border-color: #ab1642;
   box-shadow: 0 4px 20px 0 rgba(34, 34, 34, 0.1);
 }
 .duet-theme-turva .duet-button.destructive-primary:hover {
-  background: #b3220a;
+  background: #ab1642;
 }
 .duet-button.destructive, .duet-button.destructive-secondary {
-  color: rgb(222, 35, 98) !important;
+  color: rgb(214, 28, 82) !important;
   background: rgb(255, 255, 255);
-  border-color: rgb(222, 35, 98);
+  border-color: rgb(214, 28, 82);
 }
 .duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary {
-  color: rgb(224, 42, 13) !important;
+  color: rgb(214, 28, 82) !important;
   background: rgb(255, 255, 255);
-  border-color: rgb(224, 42, 13);
+  border-color: rgb(214, 28, 82);
 }
 .duet-button.destructive:hover, .duet-button.destructive-secondary:hover {
   color: rgb(255, 255, 255) !important;
-  background: #b21c4e;
-  border-color: #b21c4e;
+  background: #ab1642;
+  border-color: #ab1642;
 }
 .duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover {
   color: rgb(255, 255, 255) !important;
-  background: #b3220a;
-  border-color: #b3220a;
+  background: #ab1642;
+  border-color: #ab1642;
 }
 .duet-button.plain {
   min-width: 48px;
@@ -457,7 +457,7 @@
   height: auto;
 }
 .duet-button.plain[disabled] {
-  color: rgb(101, 119, 135) !important;
+  color: rgb(98, 121, 138) !important;
   cursor: not-allowed;
   background: transparent !important;
   border-color: transparent !important;
@@ -466,14 +466,14 @@
   color: transparent !important;
   cursor: not-allowed;
   background: transparent !important;
-  border-color: rgb(228, 228, 230) !important;
+  border-color: rgb(222, 224, 228) !important;
 }
 .duet-button.plain:hover {
-  color: rgb(0, 77, 128) !important;
+  color: rgb(0, 75, 129) !important;
   background: transparent !important;
 }
 .duet-theme-turva .duet-button.plain:hover {
-  color: rgb(148, 9, 37) !important;
+  color: rgb(126, 2, 35) !important;
 }
 .duet-button.plain.duet-button-negative {
   color: rgb(255, 255, 255) !important;
@@ -538,7 +538,7 @@
   min-width: auto !important;
   padding: 0 !important;
   font-size: 1rem;
-  border-color: rgb(207, 210, 212);
+  border-color: rgb(181, 198, 208);
   border-width: 1px;
 }
 .duet-button.square.duet-button-size-small {
@@ -560,7 +560,7 @@
   border-color: rgb(198, 12, 48);
 }
 .duet-theme-turva .duet-button.square {
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-button.square:hover {
   border-color: rgb(0, 119, 179);
@@ -575,19 +575,19 @@
   gap: 0;
 }
 .duet-button[disabled], .duet-button[disabled]:hover, .duet-button.duet-button-negative[disabled], .duet-button.duet-button-negative[disabled]:hover {
-  color: rgb(101, 119, 135) !important;
+  color: rgb(98, 121, 138) !important;
   cursor: not-allowed;
-  background: rgb(225, 227, 230) !important;
-  border-color: rgb(225, 227, 230) !important;
-  outline-color: rgb(225, 227, 230) !important;
+  background: rgb(212, 223, 229) !important;
+  border-color: rgb(212, 223, 229) !important;
+  outline-color: rgb(212, 223, 229) !important;
   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(116, 116, 117) !important;
+  color: rgb(143, 147, 158) !important;
   cursor: not-allowed;
-  background: rgb(228, 228, 230) !important;
-  border-color: rgb(228, 228, 230) !important;
-  outline-color: rgb(228, 228, 230) !important;
+  background: rgb(222, 224, 228) !important;
+  border-color: rgb(222, 224, 228) !important;
+  outline-color: rgb(222, 224, 228) !important;
 }
 .duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary {

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

@@ -41,7 +41,7 @@ figure {
   font-size: 2.7vw;
   font-weight: 600;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 @media (max-width: 37.037037037rem) {
   .duet-callout blockquote {
@@ -54,7 +54,7 @@ figure {
   }
 }
 .duet-callout .author {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-callout.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-callout/duet-callout.js CHANGED Viewed

@@ -31,11 +31,11 @@ export class DuetCallout {
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (h(Host, { key: 'f15d0650bf33e9ca7f1ce28065ff46f9ec08066d' }, h("div", { key: 'ee7e16c113b6a5229be9cbe4e6f52972b0403a4d', class: {
+        return (h(Host, { key: '2d1eadb42a67c31dd1d5e3498f00254e08b9b2cd' }, h("div", { key: '6e5be94e6e61eaf272e52f9de9070f8de6a9484d', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: 'b1209eb4a81b1c71e016f311cb8143e8358fb70f', class: "container" }, h("duet-icon", { key: 'ca683a906622a8c8225b07176b1ee19df3dcbe6d', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: 'e9198af97b7db83a4c6fbe60f65ed1122cb9b398' }, h("slot", { key: '378ba5f182620048730e714c00d4433d9bd684ff' })), this.hasAuthorSlot && (h("figcaption", { key: 'b170bece235f975d0a0139d5c0bdc0571c782146', class: "author" }, h("span", { key: '7917d19b5a7d199798346250719da6618b31107c' }, "\u2014 "), h("slot", { key: 'be8a7f6bfee1c152a8cc79978d0163d299fe52d8', name: "author" })))))));
+            } }, h("figure", { key: '1652580bcf78ac7c5ddb8b0a254de66725b98e9b', class: "container" }, h("duet-icon", { key: '541cfe32ac9e9155924e22e7bf00850b70b79602', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: '59af18b18c95e816e8dc446a3bcbe45f9c13f4fe' }, h("slot", { key: 'f90f9674baa8d9e81c688920babcccc9e3e20468' })), this.hasAuthorSlot && (h("figcaption", { key: 'ee4f1307e15ebfa58d6b7d29a7bdea93b3b5868f', class: "author" }, h("span", { key: 'e6861f2ba21ba016d94cf482d93c614e5433e805' }, "\u2014 "), h("slot", { key: 'c9cede4ee6f69cbf35c591d4c23787ccc7c7c8d1', name: "author" })))))));
     }
     static get is() { return "duet-callout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
   vertical-align: top;
 }
 :host.duet-p-0 {
@@ -32,7 +32,7 @@
 :host(.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(116, 116, 117);
+  color: rgb(143, 147, 158);
 }
 :host(.duet-caption-selected) {

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

@@ -45,7 +45,7 @@
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-decoration: none;
   border-radius: 4px;
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 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);
@@ -168,7 +168,7 @@
 }
 .duet-card.info {
-  background: rgba(0, 80, 128, 0.04) !important;
+  background: rgba(4, 81, 128, 0.04) !important;
   box-shadow: none;
 }
 .duet-card.info.duet-theme-turva {
@@ -232,8 +232,8 @@
   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: 1.25rem;
   font-weight: 800;
-  color: rgb(0, 41, 77);
-  border-bottom: 1px solid rgb(225, 227, 230);
+  color: rgb(8, 42, 77);
+  border-bottom: 1px solid rgb(212, 223, 229);
   border-radius: 4px 4px 0 0;
 }
 @media (min-width: 36em) {
@@ -278,7 +278,7 @@
 .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(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 @media (min-width: 36em) {
   .xx-small .duet-card-heading {
@@ -364,7 +364,7 @@
   border-bottom-left-radius: 4px;
 }
 .duet-theme-turva .duet-card-footer {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 @media (min-width: 36em) {
   .duet-card-footer {

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

@@ -47,7 +47,7 @@
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   vertical-align: top;
   cursor: pointer;
   background: transparent;
@@ -91,7 +91,7 @@
   vertical-align: top;
   content: "";
   background: rgb(255, 255, 255);
-  border: 1px solid rgb(0, 41, 77);
+  border: 1px solid rgb(8, 42, 77);
   border-radius: 4px;
 }
 .duet-theme-turva .duet-checkbox + label::before {
@@ -112,12 +112,12 @@
   box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
 }
 .duet-checkbox[aria-invalid=true] + label::before {
-  background: #fdf4f7;
-  border-color: rgb(222, 35, 98);
+  background: #fdf4f6;
+  border-color: rgb(214, 28, 82);
 }
 .duet-theme-turva .duet-checkbox[aria-invalid=true] + label::before {
-  background: #fdf4f3;
-  border-color: rgb(224, 42, 13);
+  background: #fdf4f6;
+  border-color: rgb(214, 28, 82);
 }
 .duet-checkbox + label {
   position: static;
@@ -138,24 +138,24 @@
   cursor: default;
 }
 .duet-checkbox[disabled] + label {
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
 }
 .duet-theme-turva .duet-checkbox[disabled] + label {
-  color: rgb(116, 116, 117);
+  color: rgb(143, 147, 158);
 }
 .duet-checkbox[disabled] + label::before {
-  border-color: rgb(207, 210, 212);
+  border-color: rgb(181, 198, 208);
 }
 .duet-theme-turva .duet-checkbox[disabled] + label::before {
-  border-color: rgb(207, 207, 209);
+  border-color: rgb(199, 202, 207);
 }
 .duet-checkbox[disabled]:checked + label::before {
-  background: rgb(144, 149, 153);
-  border: 1px solid rgb(144, 149, 153);
+  background: rgb(127, 150, 165);
+  border: 1px solid rgb(127, 150, 165);
 }
 .duet-theme-turva .duet-checkbox[disabled]:checked + label::before {
-  background: rgb(116, 116, 117);
-  border-color: rgb(116, 116, 117);
+  background: rgb(143, 147, 158);
+  border-color: rgb(143, 147, 158);
 }
 .duet-checkbox-error {
@@ -164,12 +164,12 @@
   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-theme-turva .duet-checkbox-error {
   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);
 }
 .duet-label-hidden .duet-label span,