npm - @duetds/components - Versions diffs - 6.6.2 → 6.7.1 - Mend

@duetds/components 6.6.2 → 6.7.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 (801) hide show

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.css CHANGED Viewed

@@ -34,10 +34,10 @@
   align-items: center;
   justify-content: flex-start;
   padding: 10px 16px;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   list-style: none;
-  background: #f3f9fc;
-  border-bottom: 1px solid #e1e3e6;
+  background: rgb(243, 249, 252);
+  border-bottom: 1px solid rgb(225, 227, 230);
 }
 @media (min-width: 62em) {
   .duet-breadcrumbs ol {
@@ -48,8 +48,8 @@
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 .duet-breadcrumbs.duet-theme-turva ol {
-  color: #171c3a;
-  background: #f5f5f7;
+  color: rgb(23, 28, 58);
+  background: rgb(245, 245, 247);
 }
 .duet-breadcrumbs .duet-breadrumbs-arrow {
   display: inherit;

package/lib/collection/components/duet-button/duet-button.css CHANGED Viewed

@@ -92,7 +92,7 @@
   -webkit-hyphens: auto;
   hyphens: auto;
   line-height: 1.1;
-  color: #0077b3 !important;
+  color: rgb(0, 119, 179) !important;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -128,7 +128,7 @@
 }
 .duet-theme-turva .duet-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: #c60c30 !important;
+  color: rgb(198, 12, 48) !important;
 }
 .duet-button .duet-button-contents {
   position: relative;
@@ -213,51 +213,51 @@
 }
 .duet-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-theme-turva .duet-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-button:active:not([disabled]) {
   opacity: 0.75;
   transition: none;
 }
 .duet-button.default {
-  border-color: #e1e3e6;
+  border-color: rgb(225, 227, 230);
 }
 .duet-theme-turva .duet-button.default {
-  color: #c60c30 !important;
-  border-color: #e4e4e6;
+  color: rgb(198, 12, 48) !important;
+  border-color: rgb(228, 228, 230);
 }
 .duet-button.default:hover {
-  border-color: #0077b3;
+  border-color: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-button.default:hover {
-  border-color: #c60c30;
+  border-color: rgb(198, 12, 48);
 }
 .duet-button.default.duet-button-negative {
-  background-color: white;
+  background-color: rgb(255, 255, 255);
 }
 .duet-theme-turva .duet-button.default.duet-button-negative {
-  background-color: #e4e4e6 !important;
+  background-color: rgb(228, 228, 230) !important;
 }
 .duet-button.default.duet-button-negative:hover {
-  color: #0077b3 !important;
-  border-color: #0077b3;
+  color: rgb(0, 119, 179) !important;
+  border-color: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-button.default.duet-button-negative:hover {
-  color: #c60c30 !important;
-  border-color: #c60c30;
+  color: rgb(198, 12, 48) !important;
+  border-color: rgb(198, 12, 48);
 }
 .duet-button.primary, .duet-button.input-button-primary {
-  color: white !important;
-  background: #0077b3;
-  border-color: #0077b3;
+  color: rgb(255, 255, 255) !important;
+  background: rgb(0, 119, 179);
+  border-color: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary {
-  color: white !important;
-  background: #c60c30;
-  border-color: #c60c30;
+  color: rgb(255, 255, 255) !important;
+  background: rgb(198, 12, 48);
+  border-color: rgb(198, 12, 48);
 }
 .duet-button.primary:hover, .duet-button.input-button-primary:hover {
   background: #005f8f;
@@ -265,47 +265,47 @@
   box-shadow: 0 4px 20px rgba(34, 34, 34, 0.1);
 }
 .duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover {
-  background: #940925;
-  border-color: #940925;
+  background: rgb(148, 9, 37);
+  border-color: rgb(148, 9, 37);
 }
 .duet-button.primary:focus, .duet-button.input-button-primary:focus {
   outline: 0;
-  box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75);
+  box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 0 4px rgba(0, 119, 179, 0.75);
 }
 .duet-theme-turva .duet-button.primary:focus, .duet-theme-turva .duet-button.input-button-primary:focus {
-  box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(23, 28, 58, 0.7);
+  box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 0 4px rgba(23, 28, 58, 0.7);
 }
 .duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-embedded {
-  color: #00294d !important;
+  color: rgb(0, 41, 77) !important;
   background: transparent;
-  border-color: #00294d;
+  border-color: rgb(0, 41, 77);
 }
 .duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-embedded {
-  color: #171c3a !important;
-  border-color: #171c3a;
+  color: rgb(23, 28, 58) !important;
+  border-color: rgb(23, 28, 58);
 }
 .duet-button.secondary:hover, .duet-button.input-button-secondary:hover, .duet-button.input-button-embedded:hover {
-  color: #0077b3 !important;
-  border-color: #0077b3;
+  color: rgb(0, 119, 179) !important;
+  border-color: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover {
-  color: #c60c30 !important;
-  border-color: #c60c30;
+  color: rgb(198, 12, 48) !important;
+  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: #e1e3e6 !important;
-  border-color: white;
+  color: rgb(225, 227, 230) !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: #e4e4e6 !important;
+  color: rgb(228, 228, 230) !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: #0077b3 !important;
-  border-color: #0077b3;
+  color: rgb(0, 119, 179) !important;
+  border-color: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover {
-  color: #c60c30 !important;
-  border-color: #c60c30;
+  color: rgb(198, 12, 48) !important;
+  border-color: rgb(198, 12, 48);
 }
 .duet-button.input-button-embedded {
   width: 40px;
@@ -316,34 +316,34 @@
   border-radius: 4px !important;
 }
 .duet-button.negative {
-  color: #00294d !important;
-  background: white;
-  border-color: white;
+  color: rgb(0, 41, 77) !important;
+  background: rgb(255, 255, 255);
+  border-color: rgb(255, 255, 255);
 }
 .duet-theme-turva .duet-button.negative {
-  color: #171c3a !important;
+  color: rgb(23, 28, 58) !important;
 }
 .duet-button.negative:hover {
-  color: white !important;
+  color: rgb(255, 255, 255) !important;
   background: transparent;
-  border-color: white;
+  border-color: rgb(255, 255, 255);
 }
 .duet-button.negative:focus {
   outline: 0;
-  box-shadow: 0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7);
+  box-shadow: 0 0 0 1px rgb(0, 41, 77), 0 0 0 4px rgba(255, 255, 255, 0.7);
 }
 .duet-theme-turva .duet-button.negative:focus {
-  box-shadow: 0 0 0 1px #171c3a, 0 0 0 4px rgba(255, 255, 255, 0.7);
+  box-shadow: 0 0 0 1px rgb(23, 28, 58), 0 0 0 4px rgba(255, 255, 255, 0.7);
 }
 .duet-button.destructive-primary {
-  color: white !important;
-  background: #de2362;
-  border-color: #de2362;
+  color: rgb(255, 255, 255) !important;
+  background: rgb(222, 35, 98);
+  border-color: rgb(222, 35, 98);
 }
 .duet-theme-turva .duet-button.destructive-primary {
-  color: white !important;
-  background: #e02a0d;
-  border-color: #e02a0d;
+  color: rgb(255, 255, 255) !important;
+  background: rgb(224, 42, 13);
+  border-color: rgb(224, 42, 13);
 }
 .duet-button.destructive-primary:hover {
   background: #b21c4e;
@@ -354,22 +354,22 @@
   background: #b3220a;
 }
 .duet-button.destructive, .duet-button.destructive-secondary {
-  color: #de2362 !important;
-  background: white;
-  border-color: #de2362;
+  color: rgb(222, 35, 98) !important;
+  background: rgb(255, 255, 255);
+  border-color: rgb(222, 35, 98);
 }
 .duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary {
-  color: #e02a0d !important;
-  background: white;
-  border-color: #e02a0d;
+  color: rgb(224, 42, 13) !important;
+  background: rgb(255, 255, 255);
+  border-color: rgb(224, 42, 13);
 }
 .duet-button.destructive:hover, .duet-button.destructive-secondary:hover {
-  color: white !important;
+  color: rgb(255, 255, 255) !important;
   background: #b21c4e;
   border-color: #b21c4e;
 }
 .duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover {
-  color: white !important;
+  color: rgb(255, 255, 255) !important;
   background: #b3220a;
   border-color: #b3220a;
 }
@@ -385,7 +385,7 @@
   border-radius: 4px;
 }
 .duet-theme-turva .duet-button.plain {
-  color: #c60c30 !important;
+  color: rgb(198, 12, 48) !important;
   background: transparent;
   border-color: transparent;
 }
@@ -429,7 +429,7 @@
   right: -30px !important;
 }
 .duet-button.plain[disabled] {
-  color: #657787 !important;
+  color: rgb(101, 119, 135) !important;
   cursor: not-allowed;
   background: transparent !important;
   border-color: transparent !important;
@@ -438,26 +438,26 @@
   color: transparent !important;
   cursor: not-allowed;
   background: transparent !important;
-  border-color: #e4e4e6 !important;
+  border-color: rgb(228, 228, 230) !important;
 }
 .duet-button.plain:hover {
-  color: #004d80 !important;
+  color: rgb(0, 77, 128) !important;
   background: transparent !important;
 }
 .duet-theme-turva .duet-button.plain:hover {
-  color: #940925 !important;
+  color: rgb(148, 9, 37) !important;
 }
 .duet-button.plain.duet-button-negative {
-  color: white !important;
+  color: rgb(255, 255, 255) !important;
 }
 .duet-theme-turva .duet-button.plain.duet-button-negative {
-  color: #e4e4e6 !important;
+  color: rgb(228, 228, 230) !important;
 }
 .duet-button.plain.duet-button-negative:hover {
-  color: #0077b3 !important;
+  color: rgb(0, 119, 179) !important;
 }
 .duet-theme-turva .duet-button.plain.duet-button-negative:hover {
-  color: #c60c30 !important;
+  color: rgb(198, 12, 48) !important;
 }
 .duet-button.duet-button-icon-only {
   min-width: 48px;
@@ -509,27 +509,27 @@
   border-left-width: 0;
 }
 .duet-button[disabled], .duet-button[disabled]:hover, .duet-button.duet-button-negative[disabled], .duet-button.duet-button-negative[disabled]:hover {
-  color: #657787 !important;
+  color: rgb(101, 119, 135) !important;
   cursor: not-allowed;
-  background: #e1e3e6 !important;
-  border-color: #e1e3e6 !important;
+  background: rgb(225, 227, 230) !important;
+  border-color: rgb(225, 227, 230) !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: #747475 !important;
+  color: rgb(116, 116, 117) !important;
   cursor: not-allowed;
-  background: #e4e4e6 !important;
-  border-color: #e4e4e6 !important;
+  background: rgb(228, 228, 230) !important;
+  border-color: rgb(228, 228, 230) !important;
 }
 .duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary {
-  color: white;
+  color: rgb(255, 255, 255);
 }
 .duet-button-is-loading.default {
-  color: #0077b3;
+  color: rgb(0, 119, 179);
 }
 .duet-button-is-loading.default.duet-theme-turva {
-  color: #c60c30;
+  color: rgb(198, 12, 48);
 }
 .duet-button-is-loading .duet-button-contents {
   visibility: hidden;

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

@@ -405,7 +405,8 @@ export class DuetButton {
           "resolved": "\"default\" | \"destructive\" | \"destructive-primary\" | \"destructive-secondary\" | \"input-button-embedded\" | \"input-button-primary\" | \"input-button-secondary\" | \"negative\" | \"plain\" | \"primary\" | \"secondary\"",
           "references": {
             "DuetButtonVariation": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
             }
           }
         },
@@ -520,7 +521,8 @@ export class DuetButton {
           "resolved": "boolean",
           "references": {
             "DuetButtonTextCentering": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
             }
           }
         },
@@ -542,7 +544,8 @@ export class DuetButton {
           "resolved": "\"auto\" | \"none\"",
           "references": {
             "DuetButtonWrapping": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
             }
           }
         },
@@ -840,7 +843,8 @@ export class DuetButton {
           "resolved": "\"large\" | \"medium\" | \"medium-small\" | \"small\"",
           "references": {
             "DuetButtonIconSize": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
             }
           }
         },
@@ -862,7 +866,8 @@ export class DuetButton {
           "resolved": "\"medium\" | \"small\"",
           "references": {
             "DuetButtonSize": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
             }
           }
         },

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: #657787;
+  color: rgb(101, 119, 135);
   vertical-align: top;
 }
 :host.duet-p-0 {
@@ -32,15 +32,15 @@
 :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: #747475;
+  color: rgb(116, 116, 117);
 }
 :host(.duet-caption-selected) {
-  color: #0077b3;
+  color: rgb(0, 119, 179);
 }
 :host(.duet-caption-selected.duet-theme-turva) {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 :host(.duet-m-0) {

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

@@ -115,7 +115,8 @@ export class DuetCaption {
           "resolved": "\"medium\" | \"small\"",
           "references": {
             "DuetCaptionSize": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-caption/duet-caption.tsx"
             }
           }
         },

package/lib/collection/components/duet-card/duet-card.css CHANGED Viewed

@@ -44,7 +44,7 @@
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
-  color: #00294d;
+  color: rgb(0, 41, 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);
@@ -57,10 +57,10 @@
 }
 .duet-card: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-card:focus, .duet-card: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);
 }
 @media (max-width: 20.5em) {
   .duet-card.shadow-xxx-small {
@@ -114,7 +114,7 @@
 }
 .duet-card.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);
   box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 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);
 }
 @media (min-width: 36em) {
@@ -231,8 +231,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: #00294d;
-  border-bottom: 1px solid #e1e3e6;
+  color: rgb(0, 41, 77);
+  border-bottom: 1px solid rgb(225, 227, 230);
 }
 @media (min-width: 36em) {
   .duet-card-heading {
@@ -254,10 +254,10 @@
 }
 :host(.user-is-tabbing) .duet-card-heading[role=button]:focus {
   border-radius: 4px;
-  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);
 }
 :host(.user-is-tabbing) .duet-theme-turva .duet-card-heading[role=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-card-collapsed .duet-card-heading {
   margin-bottom: 0 !important;
@@ -265,8 +265,8 @@
 }
 .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: #171c3a;
-  border-color: #e4e4e6;
+  color: rgb(23, 28, 58);
+  border-color: rgb(228, 228, 230);
 }
 @media (min-width: 36em) {
   .xx-small .duet-card-heading {
@@ -347,12 +347,12 @@
   margin: 20px -20px -20px;
   font-size: 0.875rem;
   line-height: 1.25;
-  background: #f5f8fa;
+  background: rgb(245, 248, 250);
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
 .duet-theme-turva .duet-card-footer {
-  background: #f5f5f7;
+  background: rgb(245, 245, 247);
 }
 @media (min-width: 36em) {
   .duet-card-footer {

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

@@ -181,7 +181,8 @@ export class DuetCard {
           "resolved": "\"default\" | \"info\" | \"plain\"",
           "references": {
             "DuetCardVariation": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
             }
           }
         },
@@ -324,7 +325,8 @@ export class DuetCard {
           "resolved": "\"large\" | \"medium\" | \"none\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-small\"",
           "references": {
             "DuetCardPadding": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
             }
           }
         },
@@ -442,7 +444,8 @@ export class DuetCard {
           "resolved": "{ component: \"duet-card\"; originalEvent: KeyboardEvent | MouseEvent; }",
           "references": {
             "DuetCardToggleEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
             }
           }
         }

package/lib/collection/components/duet-checkbox/duet-checkbox.css CHANGED Viewed

@@ -47,7 +47,7 @@
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   vertical-align: top;
   cursor: pointer;
   background: transparent;
@@ -55,7 +55,7 @@
 }
 .duet-theme-turva .duet-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);
 }
 .duet-label span {
   display: inline-block;
@@ -90,26 +90,26 @@
   margin: 2px 10px 1px 1px;
   vertical-align: top;
   content: "";
-  background: white;
-  border: 1px solid #00294d;
+  background: rgb(255, 255, 255);
+  border: 1px solid rgb(0, 41, 77);
   border-radius: 4px;
 }
 .duet-theme-turva .duet-checkbox + label::before {
-  border-color: #171c3a;
+  border-color: rgb(23, 28, 58);
 }
 .duet-checkbox:checked + label::before {
-  background: #00294d;
-  border: 1px solid #00294d;
+  background: rgb(0, 41, 77);
+  border: 1px solid rgb(0, 41, 77);
 }
 .duet-theme-turva .duet-checkbox:checked + label::before {
-  background: #171c3a;
-  border-color: #171c3a;
+  background: rgb(23, 28, 58);
+  border-color: rgb(23, 28, 58);
 }
 .duet-checkbox:focus + label::before {
-  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-checkbox:focus + label::before {
-  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-checkbox + label {
   position: static;
@@ -130,24 +130,24 @@
   cursor: default;
 }
 .duet-checkbox[disabled] + label {
-  color: #657787;
+  color: rgb(101, 119, 135);
 }
 .duet-theme-turva .duet-checkbox[disabled] + label {
-  color: #747475;
+  color: rgb(116, 116, 117);
 }
 .duet-checkbox[disabled] + label::before {
-  border-color: #cfd2d4;
+  border-color: rgb(207, 210, 212);
 }
 .duet-theme-turva .duet-checkbox[disabled] + label::before {
-  border-color: #cfcfd1;
+  border-color: rgb(207, 207, 209);
 }
 .duet-checkbox[disabled]:checked + label::before {
-  background: #657787;
-  border: 1px solid #657787;
+  background: rgb(101, 119, 135);
+  border: 1px solid rgb(101, 119, 135);
 }
 .duet-theme-turva .duet-checkbox[disabled]:checked + label::before {
-  background: #747475;
-  border-color: #747475;
+  background: rgb(116, 116, 117);
+  border-color: rgb(116, 116, 117);
 }
 .duet-label-hidden .duet-label span {

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

@@ -480,7 +480,8 @@ export class DuetCheckbox {
           "resolved": "{ originalEvent?: Event; checked: boolean; value: string; component: \"duet-checkbox\"; }",
           "references": {
             "DuetCheckboxEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
             }
           }
         }
@@ -499,7 +500,8 @@ export class DuetCheckbox {
           "resolved": "{ originalEvent?: Event; checked: boolean; value: string; component: \"duet-checkbox\"; }",
           "references": {
             "DuetCheckboxEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
             }
           }
         }
@@ -518,7 +520,8 @@ export class DuetCheckbox {
           "resolved": "{ originalEvent?: Event; checked: boolean; value: string; component: \"duet-checkbox\"; }",
           "references": {
             "DuetCheckboxEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
             }
           }
         }