@duetds/components 9.2.0 → 9.2.1

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

@@ -103,13 +103,13 @@
   font-weight: 400;
   font-variant-numeric: tabular-nums;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
   background: rgb(255, 255, 255);
-  border: 1px solid rgb(144, 149, 153);
+  border: 1px solid rgb(127, 150, 165);
   border-radius: 4px;
   transition: 150ms ease;
 }
@@ -118,11 +118,11 @@
   text-overflow: ellipsis;
 }
 .duet-multiselect:hover {
-  border-color: rgb(144, 149, 153);
+  border-color: rgb(127, 150, 165);
   box-shadow: 0 0 0 1px #909599;
 }
 .duet-theme-turva .duet-multiselect:hover {
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
   box-shadow: 0 0 0 1px #747475;
 }
 .has-error .duet-multiselect:hover {
@@ -148,18 +148,18 @@
   box-shadow: 0 0 0 1px #e55039;
 }
 .duet-multiselect[disabled] {
-  color: rgb(0, 41, 77) !important;
+  color: rgb(8, 42, 77) !important;
   cursor: default !important;
   background: rgb(245, 248, 250) !important;
   border-color: rgb(245, 248, 250) !important;
   box-shadow: none !important;
   opacity: 1 !important;
-  -webkit-text-fill-color: rgb(0, 41, 77) !important;
+  -webkit-text-fill-color: rgb(8, 42, 77) !important;
 }
 .duet-theme-turva .duet-multiselect[disabled] {
   color: rgb(23, 28, 58) !important;
-  background: rgb(245, 245, 247) !important;
-  border-color: rgb(245, 245, 247) !important;
+  background: rgb(245, 247, 250) !important;
+  border-color: rgb(245, 247, 250) !important;
   -webkit-text-fill-color: rgb(23, 28, 58) !important;
 }
 .duet-multiselect > :first-child {
@@ -172,7 +172,7 @@
   font-size: 0.75rem;
   font-weight: 600;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   background: #d9ebf4;
   border-radius: 20rem;
 }
@@ -186,26 +186,26 @@
   margin-left: 12px;
 }
 .has-error .duet-multiselect {
-  border-color: rgb(222, 35, 98) !important;
+  border-color: rgb(214, 28, 82) !important;
 }
 .has-error .duet-multiselect .duet-multiselect-icon {
-  color: rgb(222, 35, 98) !important;
+  color: rgb(214, 28, 82) !important;
 }
 .duet-theme-turva.has-error .duet-multiselect {
-  border-color: rgb(224, 42, 13) !important;
+  border-color: rgb(214, 28, 82) !important;
 }
 .duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon {
-  color: rgb(224, 42, 13) !important;
+  color: rgb(214, 28, 82) !important;
 }
 .duet-theme-turva .duet-multiselect {
   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(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 .duet-multiselect svg {
   width: 20px;
   height: 20px;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   pointer-events: none;
 }
 .duet-theme-turva .duet-multiselect svg {
@@ -223,7 +223,7 @@
   margin: 8px 0 0;
   visibility: hidden;
   background: rgb(255, 255, 255);
-  border: 1px solid rgb(225, 227, 230);
+  border: 1px solid rgb(212, 223, 229);
   border-radius: 4px;
   box-shadow: 0 4px 10px 0 rgba(0, 41, 77, 0.15);
   opacity: 0;
@@ -233,7 +233,7 @@
 }
 .duet-theme-turva .duet-multiselect-checkboxes {
   background: rgb(255, 255, 255);
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
   box-shadow: 0 4px 10px 0 rgba(23, 28, 58, 0.15);
 }
 .duet-multiselect-checkboxes.duet-multiselect-checkboxes-active {
@@ -246,7 +246,7 @@
   padding: 8px 0;
   margin: -16px;
   margin-bottom: 16px;
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button {
   padding: 6px 16px;
@@ -266,7 +266,7 @@
   box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
 }
 .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child {
-  border-right: 1px solid rgb(225, 227, 230);
+  border-right: 1px solid rgb(212, 223, 229);
 }
 .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -276,7 +276,7 @@
   color: rgb(23, 28, 58);
 }
 .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-multiselect-checkboxes fieldset {
   margin-top: 8px;
@@ -297,7 +297,7 @@
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
   border-radius: 4px;
 }
 .duet-multiselect-help span {
@@ -306,13 +306,13 @@
 }
 .duet-theme-turva .duet-multiselect-help {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(116, 116, 117);
+  color: rgb(143, 147, 158);
 }
 .has-error .duet-multiselect-help {
-  color: rgb(222, 35, 98);
+  color: rgb(214, 28, 82);
 }
 .duet-theme-turva.has-error .duet-multiselect-help {
-  color: rgb(224, 42, 13);
+  color: rgb(214, 28, 82);
 }
 
 .duet-label-hidden duet-label {

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

@@ -342,7 +342,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         }
                     }
@@ -477,12 +477,12 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         },
                         "DuetMultiselectItemGroup": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItemGroup"
                         }
                     }
@@ -659,7 +659,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -680,7 +680,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -701,7 +701,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }

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

@@ -24,7 +24,7 @@ export class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '478d3e1e1531078b464aae5753629362fc516832' }, h("div", { key: 'be95c4c6556145aaa36f8191183fdf8f42e1f67c', class: { container: true, sticky: this.sticky } }, h("slot", { key: '1fbc5c81afb252eee8adaf26e7e77108de0995bb' }), h("slot", { key: 'ef5b3ef2e502f1990980ff8d3b4cc487703a76ca', name: "mobile" }), h("slot", { key: 'b50d92d4f5a7f166f66178bf4cf7b03c6aa48692', name: "desktop" }))));
+        return (h(Host, { key: '8d7e53e58f968acb9be34f895909df3b4f5d5c34' }, h("div", { key: '123fa743b84c16f63fc588574a9aca0cabf29c80', class: { container: true, sticky: this.sticky } }, h("slot", { key: 'd58ed528272eb49e4391e06146cfecacd23f5066' }), h("slot", { key: 'beeb3ee1a1eaa779fa6e25abdfae15b1d8d2a222', name: "mobile" }), h("slot", { key: '69ac854fa98e6625c20dc274cc913845cb4ec40a', name: "desktop" }))));
     }
     static get is() { return "duet-nav"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,9 +27,9 @@
 .duet-notification {
   display: block;
   padding: 16px;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   cursor: pointer;
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
   transition: 300ms ease;
 }
 :host(:last-of-type) .duet-notification {
@@ -37,21 +37,21 @@
 }
 .duet-notification.duet-theme-turva {
   color: rgb(23, 28, 58);
-  border-bottom-color: rgb(228, 228, 230);
+  border-bottom-color: rgb(222, 224, 228);
 }
 .duet-notification.duet-notification-highlight {
   font-weight: 600;
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
 }
 .duet-notification.duet-notification-highlight.duet-theme-turva {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 @media (min-width: 62em) {
   .duet-notification:hover {
-    background: rgb(243, 249, 252);
+    background: rgb(240, 247, 250);
   }
   .duet-notification:hover.duet-theme-turva {
-    background: rgb(245, 245, 247);
+    background: rgb(245, 247, 250);
   }
 }
 .duet-notification a {
@@ -103,7 +103,7 @@
   font-size: 0.75rem;
   font-weight: 600;
   line-height: 1.25;
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
   text-align: right;
   text-transform: uppercase;
 }
@@ -113,7 +113,7 @@
   }
 }
 .duet-theme-turva .duet-notification-date {
-  color: rgb(68, 68, 69);
+  color: rgb(113, 118, 132);
 }
 
 ::slotted(duet-heading) {

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

@@ -43,11 +43,11 @@ export class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (h("div", { key: '422e04582691291269942900a1279c343aef0fd6', role: "listitem", class: {
+        return (h("div", { key: '5673c370989123dc6c1dc1ec214c995064564f56', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("a", { key: 'ca0b58b6e37c962ed94b50f7ec8984b2213f1156', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: 'dc7f017341005cc24213cdd7bc205e379b8887eb', class: "duet-notification-container" }, h("div", { key: 'a6b105d9df9c08ab0b3080bf80d65c695fe6acd8', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: '9a65564d31555396c437147ff3f69811c358ff8a', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: 'b37d3a8df717072e9a8b1df03966f7f3874f5b57' }, this.accessibleLabelUnread, ":")))), h("div", { key: 'efedb3045f0522eb5350fd987da79b3247470bdf', class: "duet-notification-content" }, h("slot", { key: '8ccf0b0088d6fe2729948d5bca6fd4b35db7b7d1' })), h("div", { key: 'a752d182e944651bf0c5e6531d992a03acb743b0', class: "duet-notification-date" }, this.date)))));
+            } }, h("a", { key: '1beae6445e3d4c1a3351a077ec57f0915fae8d2d', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: 'b12f670a6966b1aad67ad42f75e793d2ddd2e833', class: "duet-notification-container" }, h("div", { key: '5ef4f93707358582ff4ff4b96579d5a3554a82cb', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: '387c2d580ff608512510b8629f1e7821a8f7dd3a', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: '264d0f56b026c4e320d6c25607934506a531a622' }, this.accessibleLabelUnread, ":")))), h("div", { key: '89cf2d458e2267d8325d1cf051e439f1384e7f2e', class: "duet-notification-content" }, h("slot", { key: '471d37b00002cb9fe0333f103af855fb46a54c59' })), h("div", { key: '1026a308355cd17fbc16f386a88e6f7def9df8f7', class: "duet-notification-date" }, this.date)))));
     }
     static get is() { return "duet-notification"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css

@@ -46,14 +46,14 @@
   font-weight: 400;
   font-variant-numeric: tabular-nums;
   line-height: 48px;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
   background-color: rgb(255, 255, 255);
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
   border-radius: 0;
   -webkit-appearance: none;
   appearance: none;
@@ -76,7 +76,7 @@
   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);
   background-color: rgb(255, 255, 255);
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-drawer-toggle:active {
   opacity: 0.75;
@@ -91,10 +91,10 @@
   box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
 }
 .duet-drawer-toggle:hover {
-  color: rgb(0, 77, 128);
+  color: rgb(0, 75, 129);
 }
 .duet-theme-turva .duet-drawer-toggle:hover {
-  color: rgb(68, 68, 69);
+  color: rgb(113, 118, 132);
 }
 .duet-drawer-toggle::after {
   display: none !important;
@@ -118,13 +118,13 @@
   }
 }
 .duet-drawer-toggle[aria-expanded=true], .duet-drawer-toggle[aria-expanded=true]:hover {
-  color: rgb(0, 77, 128);
+  color: rgb(0, 75, 129);
   border-bottom: 1px solid rgb(245, 248, 250);
   border-radius: 0;
 }
 .duet-theme-turva .duet-drawer-toggle[aria-expanded=true], .duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover {
-  color: rgb(68, 68, 69);
-  border-color: rgb(245, 245, 247);
+  color: rgb(113, 118, 132);
+  border-color: rgb(245, 247, 250);
 }
 @media (min-width: 62em) {
   .duet-drawer-toggle[aria-expanded=true], .duet-drawer-toggle[aria-expanded=true]:hover {
@@ -196,20 +196,20 @@
   box-shadow: 0 0 0 1px #c18b1f;
 }
 .duet-theme-turva .duet-drawer-badge {
-  background: rgb(250, 164, 15);
+  background: rgb(247, 178, 40);
 }
 
 .duet-drawer-content {
   display: none;
   background-color: rgb(255, 255, 255);
-  border-bottom: 1px solid rgb(225, 227, 230);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-drawer-content:focus {
   outline: 0;
 }
 .duet-theme-turva .duet-drawer-content {
   background-color: rgb(255, 255, 255);
-  border-color: rgb(225, 227, 230);
+  border-color: rgb(212, 223, 229);
 }
 @media (min-width: 62em) {
   .duet-drawer-content {
@@ -223,7 +223,7 @@
     overflow-y: auto;
     visibility: hidden;
     background-color: rgb(255, 255, 255);
-    border: 1px solid rgb(225, 227, 230);
+    border: 1px solid rgb(212, 223, 229);
     border-radius: 4px;
     border-top-left-radius: 0;
     border-top-right-radius: 0;

package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js

@@ -285,7 +285,7 @@ export class DuetNotificationDrawer {
                     "references": {
                         "DuetNotificationDrawerDirection": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
                             "id": "src/components/duet-notification-drawer/duet-notification-drawer.tsx::DuetNotificationDrawerDirection"
                         }
                     }

package/lib/collection/components/duet-number-input/duet-number-input.css

@@ -95,7 +95,7 @@
   box-shadow: 0 0 0 2px #171c3a !important;
 }
 .duet-number-buttons .duet-number-button:first-of-type {
-  border-left: 1px solid rgb(207, 210, 212);
+  border-left: 1px solid rgb(181, 198, 208);
 }
 .duet-number-buttons .duet-number-button:first-of-type::before {
   position: absolute;
@@ -104,7 +104,7 @@
   width: 6px;
   height: 100%;
   content: "";
-  background: linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%);
+  background: linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%);
 }
 .duet-number-buttons .duet-number-button:last-of-type {
   border-top-right-radius: 4px;
@@ -117,12 +117,12 @@
   width: 1px;
   height: 60%;
   content: "";
-  background: rgb(225, 227, 230);
+  background: rgb(212, 223, 229);
 }
 
 :host(.duet-theme-turva) .duet-number-buttons .duet-number-button:first-of-type::before {
-  background: linear-gradient(to left, rgba(207, 207, 209, 0.2) 0%, rgba(207, 207, 209, 0.2) 1px, rgba(207, 207, 209, 0.1) 1px, rgba(207, 207, 209, 0) 100%);
+  background: linear-gradient(to left, rgba(199, 202, 207, 0.2) 0%, rgba(199, 202, 207, 0.2) 1px, rgba(199, 202, 207, 0.1) 1px, rgba(199, 202, 207, 0) 100%);
 }
 :host(.duet-theme-turva) .duet-number-buttons .duet-number-button:last-of-type::before {
-  background: rgb(228, 228, 230);
+  background: rgb(222, 224, 228);
 }

package/lib/collection/components/duet-number-input/duet-number-input.js

@@ -1032,7 +1032,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1053,7 +1053,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1074,7 +1074,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1095,7 +1095,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }

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

@@ -6,7 +6,7 @@
   width: 100%;
   height: 100%;
   visibility: visible;
-  background: rgb(0, 41, 77);
+  background: rgb(8, 42, 77);
   opacity: 0.3;
 }
 .duet-overlay.duet-theme-turva {

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

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

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

@@ -31,7 +31,7 @@
   margin: 0 auto;
   overflow: hidden;
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-page-heading.duet-p-0 {
   padding: 0 !important;
@@ -196,7 +196,7 @@
 }
 .duet-page-heading.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(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-page-heading.duet-theme-turva .brand-shaped-icon {
   background: rgba(198, 12, 48, 0.9);

package/lib/collection/components/duet-page-heading/duet-page-heading.js

@@ -24,12 +24,12 @@ export class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (h("div", { key: '9d96b26d203b8d57c0869d095572ec670ac5118f', class: {
+        return (h("div", { key: '62e8984b1757e03db9086872960e493310c7ccd9', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, h("div", { key: 'ccae0c1de7c79e9af8be98af89e5e98624a8cfe3', class: "background" }, this.theme === "turva" && h("div", { key: '3b1579dc4acdc50baf1bec8cc5e9fc82c4380807', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '987fd998a596513fd8c3c5de61d6d24b6b44b504', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: 'b1ba4eae34659ef4662ad34bbb93fd46139a159c', class: "brand-shape second-shape" }), this.icon && (h("div", { key: 'dfb95409b76b02cde19eecaaaef50a9c618ffc51', class: "brand-shaped-icon" }, h("duet-icon", { key: 'decdcbde482844fbb493010ff2e7fbd9a26c83a7', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: '0dc922a094e4f7d0e1b68d7e72675ec83ed14e1d', class: "heading" }, h("slot", { key: 'f1922d4f41d344867b4c336faaf1acbf94b3b4d0', name: "heading" }))));
+            } }, h("div", { key: '85e61cb5c5e4cc531394df6a2b42d4e84e2e4268', class: "background" }, this.theme === "turva" && h("div", { key: '3c98067c697f589a554dfdd8d98061c5b5f2cd35', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '00b7ac9c6920a48887bdf8ce6bfa6c2a92f46e27', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: 'ee4104ace7755a8ba475f6d2c4afb65e23893824', class: "brand-shape second-shape" }), this.icon && (h("div", { key: 'bec839ca5c519e8b22773c4637edd2ef833be6b8', class: "brand-shaped-icon" }, h("duet-icon", { key: '1f74f6f8f63e5dfca56dbfb2717526a7bce831bb', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: '68710cf7b094de2af67facd07ec2b9d7790649f9', class: "heading" }, h("slot", { key: '6752a3432be6124f3a03276d996ef76fdef10852', name: "heading" }))));
     }
     static get is() { return "duet-page-heading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -69,7 +69,7 @@
   font-size: 1rem;
   font-weight: 600 !important;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
 }
 

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

@@ -436,7 +436,7 @@ export class DuetPagination {
                     "references": {
                         "DuetPaginationVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-pagination/duet-pagination.tsx",
                             "id": "src/components/duet-pagination/duet-pagination.tsx::DuetPaginationVariation"
                         }
                     }
@@ -725,7 +725,7 @@ export class DuetPagination {
                     "references": {
                         "DuetPaginationPageEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-pagination/duet-pagination.tsx",
                             "id": "src/components/duet-pagination/duet-pagination.tsx::DuetPaginationPageEvent"
                         }
                     }

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

@@ -37,7 +37,7 @@
   -webkit-hyphens: auto;
   hyphens: auto;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-paragraph.duet-p-0 {
   padding: 0 !important;
@@ -94,11 +94,11 @@
   color: rgb(198, 12, 48);
 }
 ::slotted(a):hover {
-  color: rgb(0, 77, 128);
+  color: rgb(0, 75, 129);
   text-decoration: none;
 }
 ::slotted(a):hover.duet-theme-turva {
-  color: rgb(148, 9, 37);
+  color: rgb(126, 2, 35);
 }
 ::slotted(a):active {
   opacity: 0.75;

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

@@ -113,7 +113,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphSize"
                         }
                     }
@@ -137,7 +137,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphWeight": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphWeight"
                         }
                     }
@@ -161,7 +161,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphVariation"
                         }
                     }

package/lib/collection/components/duet-popup-menu/duet-popup-menu.css

@@ -31,7 +31,7 @@
   min-width: 175px;
   padding: 8px;
   margin: 0;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   list-style: none;
   visibility: hidden !important;
   background: rgb(255, 255, 255);

package/lib/collection/components/duet-popup-menu/duet-popup-menu.js

@@ -507,7 +507,7 @@ export class DuetPopupMenu {
                     "references": {
                         "DuetPopupMenuEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
                             "id": "src/components/duet-popup-menu/duet-popup-menu.tsx::DuetPopupMenuEvent"
                         }
                     }