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

@duetds/components 9.2.0 → 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 (832) 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-alert/duet-alert.js CHANGED Viewed

@@ -428,7 +428,7 @@ export class DuetAlert {
                     "references": {
                         "DuetAlertEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-alert/duet-alert.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-alert/duet-alert.tsx",
                             "id": "src/components/duet-alert/duet-alert.tsx::DuetAlertEvent"
                         }
                     }

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: '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: 'bfe777ba2975bdc4fe654dbbe7fcadd9c74a4de9' }))));
+            } }, h("slot", { key: 'e8a75efc4cfa0fffd6ec03c37550b967ceec0a9a' }))));
     }
     static get is() { return "duet-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -267,7 +267,7 @@ export class DuetBanner {
                     "references": {
                         "bannerSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-banner/duet-banner.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-banner/duet-banner.tsx",
                             "id": "src/components/duet-banner/duet-banner.tsx::bannerSize"
                         }
                     }

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: '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: '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: '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: '8efa7a115e6f54542e88d47bcd82dd45f22dfa5a' }, h("nav", { key: 'e33a8eeb307ff1ce61375ac5d7b7d06516ef9748', "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: '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: '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-button/duet-button.js CHANGED Viewed

@@ -445,7 +445,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonVariation"
                         }
                     }
@@ -565,7 +565,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonTextCentering": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonTextCentering"
                         }
                     }
@@ -589,7 +589,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonWrapping": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonWrapping"
                         }
                     }
@@ -946,7 +946,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonIconSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonIconSize"
                         }
                     }
@@ -970,7 +970,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonSize"
                         }
                     }

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: '2d1eadb42a67c31dd1d5e3498f00254e08b9b2cd' }, h("div", { key: '6e5be94e6e61eaf272e52f9de9070f8de6a9484d', 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: '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-caption/duet-caption.js CHANGED Viewed

@@ -118,7 +118,7 @@ export class DuetCaption {
                     "references": {
                         "DuetCaptionSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-caption/duet-caption.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-caption/duet-caption.tsx",
                             "id": "src/components/duet-caption/duet-caption.tsx::DuetCaptionSize"
                         }
                     }

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-card/duet-card.js CHANGED Viewed

@@ -190,7 +190,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardVariation"
                         }
                     }
@@ -361,7 +361,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardPadding": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardPadding"
                         }
                     }
@@ -484,7 +484,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardToggleEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardToggleEvent"
                         }
                     }