@duetds/components 6.7.0 → 6.7.1

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

@@ -79,7 +79,7 @@ duet-caption:not(:last-of-type) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  background: white;
+  background: rgb(255, 255, 255);
 }
 
 .duet-input-icon {
@@ -91,12 +91,12 @@ duet-caption:not(:last-of-type) {
   height: 20px;
   font-size: 0;
   line-height: normal;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   pointer-events: none;
   transform: translateY(-50%);
 }
 .duet-theme-turva .duet-input-icon {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 
 .duet-input-container {
@@ -114,11 +114,11 @@ duet-caption:not(:last-of-type) {
   right: -24px;
   min-width: 48px;
   min-height: 48px;
-  color: #004d80;
+  color: rgb(0, 77, 128);
 }
 .duet-input-container.has-clear .duet-input-clear-icon button:focus {
   outline: 0;
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
 }
 .duet-input-container.has-clear .duet-input-clear-icon button:active {
   opacity: 0.75;
@@ -141,10 +141,10 @@ duet-caption:not(:last-of-type) {
   right: 24px;
 }
 .duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button {
-  color: #00294d;
+  color: rgb(0, 41, 77);
 }
 .duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button:focus {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
 }
 
 .duet-input {
@@ -163,11 +163,11 @@ duet-caption:not(:last-of-type) {
   font-weight: 400 !important;
   font-variant-numeric: tabular-nums;
   line-height: 1.5 !important;
-  color: #00294d !important;
+  color: rgb(0, 41, 77) !important;
   cursor: initial !important;
-  background: white !important;
+  background: rgb(255, 255, 255) !important;
   background-clip: initial !important;
-  border: 1px solid #909599 !important;
+  border: 1px solid rgb(144, 149, 153) !important;
   border-radius: 4px !important;
   box-shadow: initial !important;
   transition: box-shadow 150ms ease, border 150ms ease !important;
@@ -179,24 +179,24 @@ duet-caption:not(:last-of-type) {
   padding-right: 64px !important;
 }
 .has-error .duet-input {
-  border-color: #de2362 !important;
+  border-color: rgb(222, 35, 98) !important;
 }
 .has-error .duet-input + .duet-input-icon {
-  color: #de2362 !important;
+  color: rgb(222, 35, 98) !important;
 }
 .duet-theme-turva.has-error .duet-input {
-  border-color: #e02a0d !important;
+  border-color: rgb(224, 42, 13) !important;
 }
 .duet-theme-turva.has-error .duet-input + .duet-input-icon {
-  color: #e02a0d !important;
+  color: rgb(224, 42, 13) !important;
 }
 .has-icon .duet-input {
   padding-right: 48px !important;
 }
 .duet-theme-turva .duet-input {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #171c3a !important;
-  border-color: #747475 !important;
+  color: rgb(23, 28, 58) !important;
+  border-color: rgb(116, 116, 117) !important;
 }
 .duet-input::-ms-clear {
   display: none;
@@ -205,92 +205,92 @@ duet-caption:not(:last-of-type) {
   display: none !important;
 }
 .duet-input::-webkit-input-placeholder {
-  color: #657787;
+  color: rgb(101, 119, 135);
   opacity: 1 !important;
   transition: color 300ms ease;
 }
 .duet-theme-turva .duet-input::-webkit-input-placeholder {
-  color: #747475;
+  color: rgb(116, 116, 117);
 }
 .duet-input:focus::-webkit-input-placeholder {
-  color: #cfd2d4;
+  color: rgb(207, 210, 212);
 }
 .duet-theme-turva .duet-input:focus::-webkit-input-placeholder {
-  color: #cfcfd1;
+  color: rgb(207, 207, 209);
 }
 .duet-input::-moz-placeholder {
-  color: #657787;
+  color: rgb(101, 119, 135);
   opacity: 1 !important;
 }
 .duet-theme-turva .duet-input::-moz-placeholder {
-  color: #747475;
+  color: rgb(116, 116, 117);
 }
 .duet-input:focus::-moz-placeholder {
-  color: #cfd2d4;
+  color: rgb(207, 210, 212);
 }
 .duet-theme-turva .duet-input:focus::-moz-placeholder {
-  color: #cfcfd1;
+  color: rgb(207, 207, 209);
 }
 .duet-input:-ms-input-placeholder {
-  color: #657787;
+  color: rgb(101, 119, 135);
 }
 .duet-theme-turva .duet-input:-ms-input-placeholder {
-  color: #747475;
+  color: rgb(116, 116, 117);
 }
 .duet-input:focus:-ms-input-placeholder {
-  color: #cfd2d4;
+  color: rgb(207, 210, 212);
 }
 .duet-theme-turva .duet-input:focus:-ms-input-placeholder {
-  color: #cfcfd1;
+  color: rgb(207, 207, 209);
 }
 .duet-input[disabled] {
-  color: #00294d !important;
+  color: rgb(0, 41, 77) !important;
   cursor: text !important;
-  background: #f5f8fa !important;
-  border-color: #f5f8fa !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: #00294d !important;
+  -webkit-text-fill-color: rgb(0, 41, 77) !important;
 }
 .duet-theme-turva .duet-input[disabled] {
-  color: #171c3a !important;
-  background: #f5f5f7 !important;
-  border-color: #f5f5f7 !important;
-  -webkit-text-fill-color: #171c3a !important;
+  color: rgb(23, 28, 58) !important;
+  background: rgb(245, 245, 247) !important;
+  border-color: rgb(245, 245, 247) !important;
+  -webkit-text-fill-color: rgb(23, 28, 58) !important;
 }
 .duet-input:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #909599 !important;
+  box-shadow: 0 0 0 1px rgb(144, 149, 153) !important;
 }
 .duet-theme-turva .duet-input:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #747475 !important;
+  box-shadow: 0 0 0 1px rgb(116, 116, 117) !important;
 }
 .has-error .duet-input:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #de2362;
+  box-shadow: 0 0 0 1px rgb(222, 35, 98);
 }
 .duet-theme-turva.has-error .duet-input:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #e02a0d;
+  box-shadow: 0 0 0 1px rgb(224, 42, 13);
 }
 .duet-input:focus {
-  border-color: #0077b3 !important;
+  border-color: rgb(0, 119, 179) !important;
   outline: 0;
-  box-shadow: 0 0 0 1px #0077b3 !important;
+  box-shadow: 0 0 0 1px rgb(0, 119, 179) !important;
   transition: none;
 }
 .duet-theme-turva .duet-input:focus {
-  border-color: #171c3a !important;
-  box-shadow: 0 0 0 1px #171c3a !important;
+  border-color: rgb(23, 28, 58) !important;
+  box-shadow: 0 0 0 1px rgb(23, 28, 58) !important;
 }
 .duet-theme-turva .duet-input:focus + .duet-input-icon {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 .has-error .duet-input:focus {
-  box-shadow: 0 0 0 1px #de2362;
+  box-shadow: 0 0 0 1px rgb(222, 35, 98);
 }
 .duet-theme-turva.has-error .duet-input:focus {
-  box-shadow: 0 0 0 1px #e02a0d;
+  box-shadow: 0 0 0 1px rgb(224, 42, 13);
 }
 .duet-input:focus + .duet-input-icon {
-  color: #0077b3;
+  color: rgb(0, 119, 179);
 }
 .duet-input[type=search]:not(:placeholder-shown):focus + .duet-input-icon {
   display: none;
@@ -333,7 +333,7 @@ duet-caption:not(:last-of-type) {
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #657787;
+  color: rgb(101, 119, 135);
   border-radius: 4px;
 }
 .duet-input-help span {
@@ -342,13 +342,13 @@ duet-caption:not(:last-of-type) {
 }
 .duet-theme-turva .duet-input-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: #747475;
+  color: rgb(116, 116, 117);
 }
 .has-error .duet-input-help {
-  color: #de2362;
+  color: rgb(222, 35, 98);
 }
 .duet-theme-turva.has-error .duet-input-help {
-  color: #e02a0d;
+  color: rgb(224, 42, 13);
 }
 
 .duet-label-hidden duet-label {
@@ -405,13 +405,13 @@ duet-caption:not(:last-of-type) {
   align-items: center;
   justify-content: flex-start;
   width: auto;
-  border: 1px solid #909599;
+  border: 1px solid rgb(144, 149, 153);
   border-radius: 4px;
   box-shadow: initial;
   transition: box-shadow 150ms ease, border 150ms ease;
 }
 .duet-theme-turva .duet-input-variation-revealable .duet-input-relative {
-  border-color: #747475;
+  border-color: rgb(116, 116, 117);
 }
 .duet-input-variation-revealable .duet-input-relative duet-button {
   z-index: 250;
@@ -425,33 +425,33 @@ duet-caption:not(:last-of-type) {
   box-shadow: none !important;
 }
 .duet-input-variation-revealable.disabled .duet-input-relative {
-  background: #f5f8fa;
-  border-color: #e1e3e6;
+  background: rgb(245, 248, 250);
+  border-color: rgb(225, 227, 230);
   box-shadow: none;
 }
 .duet-input-variation-revealable.has-error .duet-input-relative {
-  border-color: #de2362;
+  border-color: rgb(222, 35, 98);
 }
 .duet-input-variation-revealable.duet-theme-turva.has-error .duet-input-relative {
-  border-color: #e02a0d;
+  border-color: rgb(224, 42, 13);
 }
 .duet-input-variation-revealable.has-focus .duet-input-relative {
-  border-color: #0077b3;
-  box-shadow: 0 0 0 1px #0077b3;
+  border-color: rgb(0, 119, 179);
+  box-shadow: 0 0 0 1px rgb(0, 119, 179);
 }
 .duet-input-variation-revealable.duet-theme-turva.has-focus .duet-input-relative {
-  border-color: #171c3a;
-  box-shadow: 0 0 0 1px #171c3a;
+  border-color: rgb(23, 28, 58);
+  box-shadow: 0 0 0 1px rgb(23, 28, 58);
 }
 .duet-input-variation-revealable:hover:not(.disabled) .duet-input-relative {
-  box-shadow: 0 0 0 1px #909599;
+  box-shadow: 0 0 0 1px rgb(144, 149, 153);
 }
 .duet-input-variation-revealable.duet-theme-turva:hover:not(.disabled) .duet-input-relative {
-  box-shadow: 0 0 0 1px #747475;
+  box-shadow: 0 0 0 1px rgb(116, 116, 117);
 }
 .duet-input-variation-revealable.has-error:hover:not(.disabled) .duet-input-relative {
-  box-shadow: 0 0 0 1px #de2362;
+  box-shadow: 0 0 0 1px rgb(222, 35, 98);
 }
 .duet-input-variation-revealable.duet-theme-turva.has-error:hover:not(.disabled) .duet-input-relative {
-  box-shadow: 0 0 0 1px #e02a0d;
+  box-shadow: 0 0 0 1px rgb(224, 42, 13);
 }

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

@@ -715,7 +715,8 @@ export class DuetInput {
           "resolved": "\"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\"",
           "references": {
             "DuetInputType": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         },
@@ -737,7 +738,8 @@ export class DuetInput {
           "resolved": "\"button\" | \"default\" | \"revealable\"",
           "references": {
             "DuetVariationType": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         },
@@ -916,7 +918,8 @@ export class DuetInput {
           "resolved": "\"date\" | \"input\" | \"number\"",
           "references": {
             "DuetInputComponentType": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         },
@@ -1088,7 +1091,8 @@ export class DuetInput {
           "resolved": "{ originalEvent?: Event; value: string; component: \"duet-input\"; }",
           "references": {
             "DuetInputEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1107,7 +1111,8 @@ export class DuetInput {
           "resolved": "{ originalEvent?: Event; value: string; component: \"duet-input\"; }",
           "references": {
             "DuetInputEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1126,7 +1131,8 @@ export class DuetInput {
           "resolved": "{ originalEvent?: Event; value: string; component: \"duet-input\"; }",
           "references": {
             "DuetInputEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1145,7 +1151,8 @@ export class DuetInput {
           "resolved": "{ originalEvent?: Event; value: string; component: \"duet-input\"; }",
           "references": {
             "DuetInputEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }
@@ -1164,7 +1171,8 @@ export class DuetInput {
           "resolved": "{ originalEvent?: Event; value: string; component: \"duet-input\"; }",
           "references": {
             "DuetInputEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx"
             }
           }
         }

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

@@ -60,7 +60,7 @@ label {
   font-size: 1rem;
   font-weight: 600 !important;
   line-height: 1.25;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   text-align: left;
   word-break: break-word;
 }
@@ -79,5 +79,5 @@ label span {
 
 :host(.duet-theme-turva) label {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }

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

@@ -91,7 +91,8 @@ export class DuetLabel {
           "resolved": "\"auto\" | \"none\" | \"small\"",
           "references": {
             "DuetLabelMargin": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx"
             }
           }
         },
@@ -113,7 +114,8 @@ export class DuetLabel {
           "resolved": "\"medium\" | \"small\"",
           "references": {
             "DuetLabelSize": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx"
             }
           }
         },

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

@@ -122,7 +122,8 @@ export class DuetLayout {
           "resolved": "\"with-links\" | \"without-links\"",
           "references": {
             "DuetLayoutStickyDistance": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-layout/duet-layout.tsx"
             }
           }
         },

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

@@ -28,28 +28,28 @@
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-style: normal;
   font-weight: 400;
-  color: #0077b3;
+  color: rgb(0, 119, 179);
   text-decoration: underline;
   border-radius: 4px;
   transition: 300ms ease;
 }
 .duet-link:focus {
   outline: 0;
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-link:focus, .duet-link:focus.duet-theme-turva {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
 }
 .duet-link.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: #c60c30;
+  color: rgb(198, 12, 48);
 }
 .duet-link:hover {
-  color: #004d80;
+  color: rgb(0, 77, 128);
   text-decoration: none;
 }
 .duet-link:hover.duet-theme-turva {
-  color: #940925;
+  color: rgb(148, 9, 37);
 }
 .duet-link:active {
   opacity: 0.75;
@@ -74,17 +74,17 @@
   height: 1px;
   overflow: hidden;
   font-weight: 600;
-  color: #0077b3;
+  color: rgb(0, 119, 179);
   text-align: center;
   text-decoration: none;
-  background: white;
+  background: rgb(255, 255, 255);
   border-radius: 4px;
   opacity: 0;
   transition: none;
 }
 .duet-tab-to-link.duet-theme-turva {
   min-width: 120px;
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 @media (min-width: 106.25em) {
   .duet-tab-to-link {

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

@@ -160,7 +160,8 @@ export class DuetList {
           "resolved": "\"center\" | \"left\"",
           "references": {
             "DuetListMobileAlignment": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },
@@ -182,7 +183,8 @@ export class DuetList {
           "resolved": "\"large\" | \"small\"",
           "references": {
             "DuetListBreakpoint": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },
@@ -204,7 +206,8 @@ export class DuetList {
           "resolved": "\"default\" | \"striped\"",
           "references": {
             "DuetListVariation": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },
@@ -226,7 +229,8 @@ export class DuetList {
           "resolved": "\"30\" | \"50\" | \"70\"",
           "references": {
             "DuetListLabelWidth": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },

package/lib/collection/components/duet-list-item/duet-list-item.css

@@ -30,7 +30,7 @@
   font-weight: 400;
   font-variant-numeric: tabular-nums;
   line-height: 1.25;
-  color: #00294d;
+  color: rgb(0, 41, 77);
 }
 @media (max-width: 35.9375em) {
   :host {
@@ -48,7 +48,7 @@
 }
 @media (max-width: 35.9375em) {
   :host dt,
-:host dd {
+  :host dd {
     flex: inherit;
     flex-basis: 100% !important;
     width: 100%;
@@ -99,17 +99,17 @@
 
 :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: #171c3a;
+  color: rgb(23, 28, 58);
 }
 
 :host(.duet-list-striped:nth-child(odd)) dt,
 :host(.duet-list-striped:nth-child(odd)) dd {
-  background: #f5f8fa;
+  background: rgb(245, 248, 250);
 }
 
 :host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,
 :host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd {
-  background: #f5f5f7;
+  background: rgb(245, 245, 247);
 }
 
 :host(.duet-list-width-30) dt {
@@ -141,7 +141,7 @@
 
 @media (max-width: 35.9375em) {
   :host(.duet-list-mobile-center) dt,
-:host(.duet-list-mobile-center) dd {
+  :host(.duet-list-mobile-center) dd {
     text-align: center;
   }
 }
@@ -151,7 +151,7 @@
     flex-wrap: wrap;
   }
   :host(.duet-list-breakpoint-large) dt,
-:host(.duet-list-breakpoint-large) dd {
+  :host(.duet-list-breakpoint-large) dd {
     flex: inherit;
     flex-basis: 100% !important;
     width: 100%;
@@ -168,7 +168,7 @@
 
 @media (max-width: 61.9375em) {
   :host(.duet-list-breakpoint-large.duet-list-mobile-center) dt,
-:host(.duet-list-breakpoint-large.duet-list-mobile-center) dd {
+  :host(.duet-list-breakpoint-large.duet-list-mobile-center) dd {
     text-align: center !important;
   }
 }

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

@@ -43,10 +43,10 @@
 }
 .duet-logo:focus {
   outline: 0;
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-logo:focus, .duet-logo:focus.duet-theme-turva {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
 }
 .duet-logo.duet-logo-en {
   width: 166px;

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

@@ -167,7 +167,8 @@ export class DuetLogo {
           "resolved": "\"large\" | \"medium\"",
           "references": {
             "DuetLogoSize": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-logo/duet-logo.tsx"
             }
           }
         },

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

@@ -27,7 +27,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: white;
+  background: rgb(255, 255, 255);
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);
 }
 @media (min-width: 62em) {
@@ -51,7 +51,7 @@
   display: block;
   width: 93%;
   height: 1px;
-  background: #f5f8fa;
+  background: rgb(245, 248, 250);
 }
 .duet-menu-bar.horizontal-nav .bottom {
   position: absolute;
@@ -60,7 +60,7 @@
   display: block;
   width: 100%;
   height: 1px;
-  background: #e1e3e6;
+  background: rgb(225, 227, 230);
 }
 .duet-menu-bar.horizontal-nav .more-left {
   position: absolute;
@@ -146,27 +146,27 @@
   height: 100%;
 }
 .duet-menu-bar.duet-theme-turva {
-  background: white;
+  background: rgb(255, 255, 255);
 }
 
 slot[name=center] {
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.25;
-  color: #00294d;
+  color: rgb(0, 41, 77);
 }
 .duet-theme-turva slot[name=center] {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #940925;
+  color: rgb(148, 9, 37);
 }
 
 slot[name=right] {
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #004d80;
+  color: rgb(0, 77, 128);
 }
 .duet-theme-turva slot[name=right] {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #940925;
+  color: rgb(148, 9, 37);
 }