@duetds/components 6.7.0 → 6.7.1

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

@@ -44,26 +44,26 @@ duet-table.duet-theme-turva table {
 duet-table td {
   -webkit-hyphens: auto;
   hyphens: auto;
-  color: #00294d;
+  color: rgb(0, 41, 77);
 }
 duet-table.duet-theme-turva td {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 duet-table th {
   font-weight: 600;
   line-height: 1.25;
-  color: #657787;
+  color: rgb(101, 119, 135);
   text-align: left;
 }
 duet-table.duet-theme-turva th {
-  color: #747475;
+  color: rgb(116, 116, 117);
 }
 duet-table tbody th {
   font-weight: 600;
-  color: #00294d;
+  color: rgb(0, 41, 77);
 }
 duet-table.duet-theme-turva tbody th {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 duet-table .duet-table-action-row td:last-child {
   justify-self: end;
@@ -105,7 +105,7 @@ duet-table .duet-table-action-row td:last-child {
 .duet-table-flattened tbody th {
   font-weight: 600;
   line-height: 1.25;
-  color: #657787;
+  color: rgb(101, 119, 135);
   text-align: left;
 }
 .duet-table-flattened td[data-heading]::before {
@@ -113,17 +113,17 @@ duet-table .duet-table-action-row td:last-child {
   display: block;
   font-size: 1rem;
   font-weight: 600;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   content: attr(data-heading);
 }
 .duet-table-flattened.duet-theme-turva td[data-heading]::before {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 
 .duet-table-sticky thead th {
   position: sticky;
   top: 0;
-  background: white;
+  background: rgb(255, 255, 255);
 }
 
 .duet-table-striped td,
@@ -132,18 +132,18 @@ duet-table .duet-table-action-row td:last-child {
 }
 @media (max-width: 35.9375em) {
   .duet-table-striped td,
-.duet-table-striped th {
+  .duet-table-striped th {
     padding: 20px 12px !important;
   }
 }
 .duet-table-striped tbody th {
-  background: white;
+  background: rgb(255, 255, 255);
 }
 .duet-table-striped.duet-table-sticky thead th {
-  border-bottom: 1px solid #e1e3e6;
+  border-bottom: 1px solid rgb(225, 227, 230);
 }
 .duet-table-striped.duet-table-sticky.duet-theme-turva thead th {
-  border-bottom-color: #e4e4e6;
+  border-bottom-color: rgb(228, 228, 230);
 }
 .duet-table-striped tbody:not(:first-of-type) th {
   padding-top: 40px !important;
@@ -161,10 +161,10 @@ duet-table .duet-table-action-row td:last-child {
   background: rgba(23, 28, 58, 0.04);
 }
 .duet-table-striped tfoot td {
-  border-top: 1px solid #e1e3e6;
+  border-top: 1px solid rgb(225, 227, 230);
 }
 .duet-table-striped.duet-theme-turva tfoot td {
-  border-top-color: #e4e4e6;
+  border-top-color: rgb(228, 228, 230);
 }
 .duet-table-striped.duet-table-flattened tbody:not(:first-of-type) th {
   padding-top: 20px !important;
@@ -176,15 +176,15 @@ duet-table .duet-table-action-row td:last-child {
   border-top: 0;
 }
 .duet-table-striped.duet-table-flattened tfoot tr {
-  border-top: 1px solid #e1e3e6;
+  border-top: 1px solid rgb(225, 227, 230);
 }
 .duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr {
-  border-top-color: #e4e4e6;
+  border-top-color: rgb(228, 228, 230);
 }
 
 .duet-table-fixed th, .duet-table-minimal th, .duet-table-plain th {
   padding: 16px !important;
-  border-bottom: 1px solid #657787;
+  border-bottom: 1px solid rgb(101, 119, 135);
 }
 .duet-table-fixed th:first-child, .duet-table-minimal th:first-child, .duet-table-plain th:first-child {
   padding-left: 0 !important;
@@ -193,14 +193,14 @@ duet-table .duet-table-action-row td:last-child {
   padding-right: 0 !important;
 }
 .duet-theme-turva.duet-table-fixed th, .duet-theme-turva.duet-table-minimal th, .duet-theme-turva.duet-table-plain th {
-  border-bottom-color: #444445;
+  border-bottom-color: rgb(68, 68, 69);
 }
 .duet-table-fixed tbody th, .duet-table-minimal tbody th, .duet-table-plain tbody th {
   padding-top: 40px !important;
-  border-bottom-color: #e1e3e6;
+  border-bottom-color: rgb(225, 227, 230);
 }
 .duet-theme-turva.duet-table-fixed tbody th, .duet-theme-turva.duet-table-minimal tbody th, .duet-theme-turva.duet-table-plain tbody th {
-  border-bottom-color: #e4e4e6;
+  border-bottom-color: rgb(228, 228, 230);
 }
 .duet-table-fixed td, .duet-table-minimal td, .duet-table-plain td {
   padding: 16px !important;
@@ -212,10 +212,10 @@ duet-table .duet-table-action-row td:last-child {
   padding-right: 0 !important;
 }
 .duet-table-fixed tbody td, .duet-table-minimal tbody td, .duet-table-plain tbody td {
-  border-bottom: 1px solid #e1e3e6;
+  border-bottom: 1px solid rgb(225, 227, 230);
 }
 .duet-theme-turva.duet-table-fixed tbody td, .duet-theme-turva.duet-table-minimal tbody td, .duet-theme-turva.duet-table-plain tbody td {
-  border-bottom-color: #e4e4e6;
+  border-bottom-color: rgb(228, 228, 230);
 }
 .duet-table-flattened.duet-table-fixed tbody:first-of-type th, .duet-table-flattened.duet-table-minimal tbody:first-of-type th, .duet-table-flattened.duet-table-plain tbody:first-of-type th {
   padding-top: 0 !important;
@@ -240,10 +240,10 @@ duet-table .duet-table-action-row td:last-child {
 }
 
 .duet-table-plain.duet-table-flattened tbody tr {
-  border-bottom: 1px solid #e1e3e6;
+  border-bottom: 1px solid rgb(225, 227, 230);
 }
 .duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr {
-  border-bottom-color: #e4e4e6;
+  border-bottom-color: rgb(228, 228, 230);
 }
 
 .duet-table-minimal tbody tr,
@@ -253,7 +253,7 @@ duet-table .duet-table-action-row td:last-child {
 }
 .duet-table-minimal tbody tr:last-of-type,
 .duet-table-minimal tbody tr:last-of-type td {
-  border-bottom: 1px solid #e1e3e6;
+  border-bottom: 1px solid rgb(225, 227, 230);
 }
 .duet-table-minimal.duet-table-flattened tbody tr,
 .duet-table-minimal.duet-table-flattened tbody tr td {
@@ -263,10 +263,10 @@ duet-table .duet-table-action-row td:last-child {
   display: none;
 }
 .duet-table-minimal.duet-table-flattened tfoot {
-  border-top: 1px solid #e1e3e6;
+  border-top: 1px solid rgb(225, 227, 230);
 }
 .duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot {
-  border-top-color: #e4e4e6;
+  border-top-color: rgb(228, 228, 230);
 }
 
 .duet-table-fixed table {
@@ -287,10 +287,10 @@ duet-table .duet-table-action-row td:last-child {
   border-bottom: 0 none;
 }
 .duet-table-fixed:not(.duet-table-flattened) tfoot {
-  border-top: 1px solid #e1e3e6;
+  border-top: 1px solid rgb(225, 227, 230);
 }
 .duet-table-fixed:not(.duet-table-flattened).duet-theme-turva tfoot {
-  border-top-color: #e4e4e6;
+  border-top-color: rgb(228, 228, 230);
 }
 
 .duet-table-scrollable {
@@ -315,10 +315,10 @@ duet-table .duet-table-action-row td:last-child {
   padding: 20px;
 }
 .duet-table-sortable:not(.duet-table-flattened) tfoot {
-  border-top: 1px solid #e1e3e6;
+  border-top: 1px solid rgb(225, 227, 230);
 }
 .duet-table-sortable:not(.duet-table-flattened).duet-theme-turva tfoot {
-  border-top-color: #e4e4e6;
+  border-top-color: rgb(228, 228, 230);
 }
 
 .duet-table-actions table {

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

@@ -167,7 +167,8 @@ export class DuetTable {
           "resolved": "\"fixed\" | \"plain\" | \"striped\"",
           "references": {
             "DuetTableVariant": {
-              "location": "local"
+              "location": "import",
+              "path": "../../common-types"
             }
           }
         },
@@ -207,7 +208,8 @@ export class DuetTable {
           "resolved": "\"none\" | \"with-links\" | \"without-links\"",
           "references": {
             "DuetTableStickyDistance": {
-              "location": "local"
+              "location": "import",
+              "path": "../../common-types"
             }
           }
         },
@@ -229,7 +231,8 @@ export class DuetTable {
           "resolved": "\"large\" | \"medium\" | \"none\" | \"none-scrollable\" | \"small\" | \"x-large\" | \"xx-large\" | \"xxx-large\"",
           "references": {
             "DuetTableBreakpoint": {
-              "location": "local"
+              "location": "import",
+              "path": "../../common-types"
             }
           }
         },

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

@@ -84,7 +84,7 @@ duet-tooltip {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  background: white;
+  background: rgb(255, 255, 255);
 }
 
 .duet-textarea {
@@ -100,101 +100,101 @@ duet-tooltip {
   font-weight: 400;
   font-variant-numeric: tabular-nums;
   line-height: 1.25;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   resize: vertical;
-  background: white;
-  border: 1px solid #909599;
+  background: rgb(255, 255, 255);
+  border: 1px solid rgb(144, 149, 153);
   border-radius: 4px;
   transition: 150ms ease;
 }
 .duet-theme-turva .duet-textarea {
   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;
-  border-color: #747475;
+  color: rgb(23, 28, 58);
+  border-color: rgb(116, 116, 117);
 }
 .has-error .duet-textarea {
-  border-color: #de2362 !important;
+  border-color: rgb(222, 35, 98) !important;
 }
 .duet-theme-turva.has-error .duet-textarea {
-  border-color: #e02a0d !important;
+  border-color: rgb(224, 42, 13) !important;
 }
 .duet-textarea::-webkit-input-placeholder {
-  color: #657787;
+  color: rgb(101, 119, 135);
   opacity: 1 !important;
   transition: color 300ms ease;
 }
 .duet-theme-turva .duet-textarea::-webkit-input-placeholder {
-  color: #747475;
+  color: rgb(116, 116, 117);
 }
 .duet-textarea:focus::-webkit-input-placeholder {
-  color: #cfd2d4;
+  color: rgb(207, 210, 212);
 }
 .duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder {
-  color: #cfcfd1;
+  color: rgb(207, 207, 209);
 }
 .duet-textarea::-moz-placeholder {
-  color: #657787;
+  color: rgb(101, 119, 135);
   opacity: 1 !important;
 }
 .duet-theme-turva .duet-textarea::-moz-placeholder {
-  color: #747475;
+  color: rgb(116, 116, 117);
 }
 .duet-textarea:focus::-moz-placeholder {
-  color: #cfd2d4;
+  color: rgb(207, 210, 212);
 }
 .duet-theme-turva .duet-textarea:focus::-moz-placeholder {
-  color: #cfcfd1;
+  color: rgb(207, 207, 209);
 }
 .duet-textarea:-ms-input-placeholder {
-  color: #657787;
+  color: rgb(101, 119, 135);
 }
 .duet-theme-turva .duet-textarea:-ms-input-placeholder {
-  color: #747475;
+  color: rgb(116, 116, 117);
 }
 .duet-textarea:focus:-ms-input-placeholder {
-  color: #cfd2d4;
+  color: rgb(207, 210, 212);
 }
 .duet-theme-turva .duet-textarea:focus:-ms-input-placeholder {
-  color: #cfcfd1;
+  color: rgb(207, 207, 209);
 }
 .duet-textarea[disabled] {
-  color: #657787 !important;
+  color: rgb(101, 119, 135) !important;
   cursor: default !important;
-  background: #f5f8fa !important;
-  border-color: #f5f8fa !important;
+  background: rgb(245, 248, 250) !important;
+  border-color: rgb(245, 248, 250) !important;
 }
 .duet-theme-turva .duet-textarea[disabled] {
-  color: #747475 !important;
-  background: #f5f5f7 !important;
-  border-color: #f5f5f7 !important;
+  color: rgb(116, 116, 117) !important;
+  background: rgb(245, 245, 247) !important;
+  border-color: rgb(245, 245, 247) !important;
 }
 .duet-textarea:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #909599;
+  box-shadow: 0 0 0 1px rgb(144, 149, 153);
 }
 .duet-theme-turva .duet-textarea:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #747475;
+  box-shadow: 0 0 0 1px rgb(116, 116, 117);
 }
 .has-error .duet-textarea: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-textarea:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #e02a0d;
+  box-shadow: 0 0 0 1px rgb(224, 42, 13);
 }
 .duet-textarea:focus {
-  border-color: #0077b3;
+  border-color: rgb(0, 119, 179);
   outline: 0;
-  box-shadow: 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 1px rgb(0, 119, 179);
   transition: none;
 }
 .duet-theme-turva .duet-textarea:focus {
-  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);
 }
 .has-error .duet-textarea:focus {
-  box-shadow: 0 0 0 1px #de2362;
+  box-shadow: 0 0 0 1px rgb(222, 35, 98);
 }
 .duet-theme-turva.has-error .duet-textarea:focus {
-  box-shadow: 0 0 0 1px #e02a0d;
+  box-shadow: 0 0 0 1px rgb(224, 42, 13);
 }
 .duet-textarea:not(:focus):not(:hover):invalid {
   box-shadow: none;
@@ -211,13 +211,13 @@ duet-tooltip {
 }
 .duet-theme-turva .duet-textarea-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-textarea-help {
-  color: #de2362;
+  color: rgb(222, 35, 98);
 }
 .duet-theme-turva.has-error .duet-textarea-help {
-  color: #e02a0d;
+  color: rgb(224, 42, 13);
 }
 
 .duet-label-hidden duet-label {

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

@@ -714,7 +714,8 @@ export class DuetTextarea {
           "resolved": "{ originalEvent?: Event; component: \"duet-textarea\"; value: string; }",
           "references": {
             "DuetTextareaEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx"
             }
           }
         }
@@ -733,7 +734,8 @@ export class DuetTextarea {
           "resolved": "{ originalEvent?: Event; component: \"duet-textarea\"; value: string; }",
           "references": {
             "DuetTextareaEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx"
             }
           }
         }
@@ -752,7 +754,8 @@ export class DuetTextarea {
           "resolved": "{ originalEvent?: Event; component: \"duet-textarea\"; value: string; }",
           "references": {
             "DuetTextareaEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx"
             }
           }
         }
@@ -771,7 +774,8 @@ export class DuetTextarea {
           "resolved": "{ originalEvent?: Event; component: \"duet-textarea\"; value: string; }",
           "references": {
             "DuetTextareaEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx"
             }
           }
         }

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

@@ -72,19 +72,19 @@ duet-label {
   border: 0 !important;
 }
 .duet-switch input:checked + .duet-slider {
-  background-color: #0077b3;
+  background-color: rgb(0, 119, 179);
   box-shadow: none;
 }
 .duet-theme-turva .duet-switch input:checked + .duet-slider {
-  background-color: #c60c30;
+  background-color: rgb(198, 12, 48);
 }
 .duet-switch input:checked + .duet-slider::before {
-  background-color: white;
+  background-color: rgb(255, 255, 255);
   box-shadow: -1px 0 2px #004467;
   transform: translateX(20px);
 }
 .duet-theme-turva .duet-switch input:checked + .duet-slider::before {
-  background-color: white;
+  background-color: rgb(255, 255, 255);
   box-shadow: -1px 0 2px #660619;
 }
 .duet-switch input:disabled + .duet-slider {
@@ -100,14 +100,14 @@ duet-label {
   background: #c8cacc;
 }
 .duet-switch input:disabled:not(:checked) + .duet-slider::before {
-  background: white;
+  background: rgb(255, 255, 255);
   box-shadow: none;
 }
 .duet-theme-turva .duet-switch input:disabled:not(:checked) + .duet-slider {
   background: #bababa;
 }
 .duet-theme-turva .duet-switch input:disabled:not(:checked) + .duet-slider::before {
-  background: white;
+  background: rgb(255, 255, 255);
 }
 .duet-switch input:disabled:checked + .duet-slider {
   background: #80bbd9;
@@ -116,10 +116,10 @@ duet-label {
   background: #e38698;
 }
 :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider {
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(0, 119, 179, 0.75);
+  box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgba(0, 119, 179, 0.75);
 }
 :host(.user-is-tabbing) .duet-theme-turva .duet-switch input:focus + .duet-slider {
-  box-shadow: 0 0 0 1px white, 0 0 0 3px #171c3a;
+  box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(23, 28, 58);
 }
 
 .duet-slider {
@@ -129,7 +129,7 @@ duet-label {
   bottom: 0;
   left: 0;
   cursor: pointer;
-  background-color: #909599;
+  background-color: rgb(144, 149, 153);
   border-radius: 24px;
   transition: background-color 300ms ease;
 }
@@ -140,15 +140,15 @@ duet-label {
   width: 24px;
   height: 24px;
   content: "";
-  background-color: white;
+  background-color: rgb(255, 255, 255);
   border-radius: 50%;
   box-shadow: 1px 0 2px #5d6266;
   transition: 300ms ease;
 }
 .duet-theme-turva .duet-slider {
-  background-color: #747475;
+  background-color: rgb(116, 116, 117);
 }
 .duet-theme-turva .duet-slider::before {
-  background-color: white;
+  background-color: rgb(255, 255, 255);
   box-shadow: 1px 0 2px #414142;
 }

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

@@ -431,7 +431,8 @@ export class DuetToggle {
           "resolved": "{ component: \"duet-toggle\"; checked: boolean; value: string; }",
           "references": {
             "DuetToggleChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-toggle/duet-toggle.tsx"
             }
           }
         }

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

@@ -29,7 +29,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: white;
+  background: rgb(255, 255, 255);
 }
 .duet-toolbar .container {
   display: flex;
@@ -39,7 +39,7 @@
   max-width: 1384px;
   height: 36px;
   margin: 0 28px;
-  border-bottom: 1px solid #e1e3e6;
+  border-bottom: 1px solid rgb(225, 227, 230);
 }
 .duet-toolbar ::slotted(*) {
   display: flex;
@@ -48,8 +48,8 @@
   height: 100%;
 }
 .duet-toolbar.duet-theme-turva {
-  background: white;
+  background: rgb(255, 255, 255);
 }
 .duet-toolbar.duet-theme-turva .container {
-  border-bottom: 1px solid #e4e4e6;
+  border-bottom: 1px solid rgb(228, 228, 230);
 }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css

@@ -39,7 +39,7 @@
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #004d80;
+  color: rgb(0, 77, 128);
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -51,14 +51,14 @@
   justify-content: center;
 }
 .duet-toolbar-dropdown button:hover {
-  color: #00294d;
-  background: #f3f9fc;
+  color: rgb(0, 41, 77);
+  background: rgb(243, 249, 252);
 }
 .duet-toolbar-dropdown button.open .caret {
   transform: rotate(180deg);
 }
 .duet-toolbar-dropdown button.active, .duet-toolbar-dropdown button.open {
-  color: #00294d;
+  color: rgb(0, 41, 77);
 }
 .duet-toolbar-dropdown button.active::after, .duet-toolbar-dropdown button.open::after {
   position: absolute;
@@ -69,7 +69,7 @@
   width: 100%;
   height: 1px;
   content: "";
-  background: #0077b3;
+  background: rgb(0, 119, 179);
   transition: 300ms ease;
   transform: translateY(1px);
 }
@@ -85,8 +85,8 @@
   justify-content: center;
   min-width: 175px;
   padding: 1rem 0;
-  color: #00294d;
-  background: #f3f9fc;
+  color: rgb(0, 41, 77);
+  background: rgb(243, 249, 252);
   border-radius: 0 0 8px 8px;
   box-shadow: 0 6px 6px 0 rgba(0, 41, 77, 0.1);
 }
@@ -99,18 +99,18 @@
 }
 .duet-toolbar-dropdown.duet-theme-turva button {
   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);
 }
 .duet-toolbar-dropdown.duet-theme-turva button:hover {
-  color: #171c3a;
-  background: #f5f5f7;
+  color: rgb(23, 28, 58);
+  background: rgb(245, 245, 247);
 }
 .duet-toolbar-dropdown.duet-theme-turva button.active, .duet-toolbar-dropdown.duet-theme-turva button.open {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 .duet-toolbar-dropdown.duet-theme-turva button.active::after, .duet-toolbar-dropdown.duet-theme-turva button.open::after {
-  background: #c60c30;
+  background: rgb(198, 12, 48);
 }
 .duet-toolbar-dropdown.duet-theme-turva .items {
-  background: #f5f5f7;
+  background: rgb(245, 245, 247);
 }

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

@@ -36,25 +36,25 @@
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   text-align: center;
   text-decoration: none;
 }
 .duet-toolbar-dropdown-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: #171c3a;
+  color: rgb(23, 28, 58);
 }
 .duet-toolbar-dropdown-link.active, .duet-toolbar-dropdown-link.active:hover {
-  color: white;
-  background: #0077b3;
+  color: rgb(255, 255, 255);
+  background: rgb(0, 119, 179);
 }
 .duet-toolbar-dropdown-link.active.duet-theme-turva, .duet-toolbar-dropdown-link.active:hover.duet-theme-turva {
-  color: white;
-  background: #c60c30;
+  color: rgb(255, 255, 255);
+  background: rgb(198, 12, 48);
 }
 .duet-toolbar-dropdown-link:hover {
-  background: #e6f2f8;
+  background: rgb(230, 242, 248);
 }
 .duet-toolbar-dropdown-link:hover.duet-theme-turva {
-  background: #e4e4e6;
+  background: rgb(228, 228, 230);
 }