npm - @duetds/components - Versions diffs - 9.2.0 → 9.2.2 - Mend

@duetds/components 9.2.0 → 9.2.2

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 (791) 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: '9961997225b2be95620a2bb6cd925a38ca781319', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '7f60092c2cbd3243ae62c54ffd64714b967feb4c', class: {
+        return (h(Host, { key: 'f6c7cba47b61653771f763bf926f6e42f043a51a', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '953adfad1705f38f74fef7490b449f51dc3c8372', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", { key: 'bfe777ba2975bdc4fe654dbbe7fcadd9c74a4de9' }))));
+            } }, h("slot", { key: '4129c1565dbec8d0269a41e5c5cf0ce71b315be4' }))));
     }
     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: '896f47e7da60d222d4069e1dbc464df5d2860a5e', role: "listitem" }, h("div", { key: '542c2f9e39019092a4b8710dce3d91204d8e7ea6', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'f02c8e0e89966baaaa60ce01e0d60327f43df4a7', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), h("a", { key: 'def35f8a0cd68ed2bcb029b516fdcd3988bc612c', class: {
+        return (h(Host, { key: 'd563a73d4bfb9f69e7680da922d0b2689565ad1c', role: "listitem" }, h("div", { key: '10fc5b8b4a2c25d70156271a11e3a233e3171b5b', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'bfb363e4ddc22dee217eb2caafddfc2195b211af', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), h("a", { key: '87a994e8838d6b2271066aba7bf9960b5d328393', 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: '9315b8b7b1c4515db35b986214df2a5fe712e90d', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: 'a1e4e13b0624db398595819130a944e37e67f729', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: '7017579590087fda79cb5ec5621d06c0a83b1134' })))));
+            h("duet-icon", { key: '3866247a6992476b2559aced40a034a0cc76c437', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: 'aadee41608241f0903e843ac3e54a7985a947206', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: 'dc5cfef7de5a83c0bd04f32204d042400819129f' })))));
     }
     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: '8efa7a115e6f54542e88d47bcd82dd45f22dfa5a' }, h("nav", { key: 'e33a8eeb307ff1ce61375ac5d7b7d06516ef9748', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: '2ff5911d23c100d3643be758c450037f7e9a188b' }, h("nav", { key: '73bf3c3a13dfbca9d8a627b3833e392a689fdb16', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: 'b316b4613355477852547aeca63cf3ebc2aebd18', class: "container" }, h("div", { key: '80bbfecc44dc1ffcd17c34b63fb1023c387267a7', role: "list", class: "list", style: { color } }, h("slot", { key: '774275bab13a098e5d095e108a2081ce7a0e7350' })), h("div", { key: '7db4bba62ed327f314745e0960c6e550ac865582', class: "bottom-border bottom-border--container" })), h("div", { key: 'b8c2c068f97243f47efbdb0eb808a784932bc795', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: 'eab81ecd243618026326688741ff0eacf6eb1bf0', class: "container" }, h("div", { key: '8c7f57f32ec5f458fe10497450995fbcc5feadca', role: "list", class: "list", style: { color } }, h("slot", { key: '8f89e08a64377083ee60c92599459324439c0f8b' })), h("div", { key: '27bc05b04c9b6f613bb95c6bd1576c2486fa30cf', class: "bottom-border bottom-border--container" })), h("div", { key: '437f2b1c77d0a03503c002ce637c79748eba62ea', 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: '7d5a168da918f73ac6199624717b0722ae637b5f' }, h("div", { key: '6901480796257cefd5276a5ca6eb2194030970bf', class: {
+        return (h(Host, { key: 'e5a47020ada7c007c90d23a7f9c796c2f6b2457e' }, h("div", { key: '136d467b3ef4aa8f442ee7047cc124990fa61bb8', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: 'ceddfb8142f1dca7af00139f28b776cd1e0b3ba3', class: "container" }, h("duet-icon", { key: '85e94a538b36121aaac3d755ee7bddad98312c24', 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: '46bc56966d4eface501dfc1a57715f6d2600e27f' }, h("slot", { key: '1974940d51ac7946d1f139fb3c444b0915c6ea75' })), this.hasAuthorSlot && (h("figcaption", { key: '7173e7c7927111e0d9f1b13def6a08c487ebfff0', class: "author" }, h("span", { key: 'dedb46a4fff0eedd8f95275e608378c8fc021cea' }, "\u2014 "), h("slot", { key: 'fb955af2c57c5d113dc34d9d292ad5bf835ddb99', name: "author" })))))));
+            } }, h("figure", { key: '493242d5535a0c9792bea659848083a341788177', class: "container" }, h("duet-icon", { key: '8b8205d4eee5b38576a9c1d7d38b2fbb440bda73', 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: 'fbde831b7ff9d98ff97bdab185dd20e69f2a199c' }, h("slot", { key: 'b08a535e736f7f7b4a9e9bf0c0f87cbd4feb0b9b' })), this.hasAuthorSlot && (h("figcaption", { key: '4e10df600d75e995d0be670382e9f02eb2b2216c', class: "author" }, h("span", { key: 'b8c898cee551b4b54df90d4cc13a2f8a43747722' }, "\u2014 "), h("slot", { key: 'c0b4ad3dc00ff79d592e0283d31230700d6d9715', 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,