@duetds/components 6.7.0 → 6.7.1

package/lib/collection/collection-manifest.json

@@ -13,7 +13,6 @@
     "./components/duet-input/duet-input.js",
     "./components/duet-date-picker/duet-date-picker.js",
     "./components/duet-divider/duet-divider.js",
-    "./components/duet-table/duet-table.js",
     "./components/duet-editable-table/duet-editable-table.js",
     "./components/duet-empty-state/duet-empty-state.js",
     "./components/duet-footer/duet-footer.js",
@@ -46,13 +45,13 @@
     "./components/duet-textarea/duet-textarea.js",
     "./components/duet-toggle/duet-toggle.js",
     "./components/duet-tooltip/duet-tooltip.js",
-    "./components/duet-upload-aria-status/duet-upload-aria-status.js",
     "./components/duet-upload/duet-upload.js",
     "./components/duet-badge/duet-badge.js",
     "./components/duet-breadcrumbs/duet-breadcrumb.js",
     "./components/duet-breadcrumbs/duet-breadcrumbs.js",
     "./components/duet-choice/duet-checkmark.js",
     "./components/duet-choice-group/duet-choice-group.js",
+    "./components/duet-contact-card/duet-contact-card.js",
     "./components/duet-fieldset/duet-fieldset.js",
     "./components/duet-grid-item/duet-grid-item.js",
     "./components/duet-link/duet-link.js",
@@ -77,17 +76,19 @@
     "./components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js",
     "./components/duet-submenu-bar-link/duet-submenu-bar-link.js",
     "./components/duet-tab/duet-tab.js",
+    "./components/duet-table/duet-table.js",
     "./components/duet-toolbar/duet-toolbar.js",
     "./components/duet-toolbar-dropdown/duet-toolbar-dropdown.js",
     "./components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js",
     "./components/duet-toolbar-link/duet-toolbar-link.js",
     "./components/duet-tray/duet-tray.js",
+    "./components/duet-upload-aria-status/duet-upload-aria-status.js",
     "./components/duet-visually-hidden/duet-visually-hidden.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.2",
-    "typescriptVersion": "4.9.4"
+    "version": "3.1.0",
+    "typescriptVersion": "4.9.5"
   },
   "collections": [],
   "bundles": [

package/lib/collection/components/duet-action-button/duet-action-button.css

@@ -36,15 +36,15 @@ button.duet-action-button {
   min-height: auto !important;
   padding: 0 !important;
   margin: 0 0 0 8px !important;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   cursor: pointer;
-  background: #f5f8fa;
+  background: rgb(245, 248, 250);
   border-radius: 50%;
   transition: background-color 300ms ease !important;
 }
 .duet-theme-turva button.duet-action-button {
-  color: #171c3a;
-  background: #f5f5f7;
+  color: rgb(23, 28, 58);
+  background: rgb(245, 245, 247);
 }
 button.duet-action-button duet-icon {
   display: block;
@@ -63,10 +63,10 @@ button.duet-action-button:not(:disabled):hover {
 }
 button.duet-action-button:focus {
   outline: 0;
-  box-shadow: 0 0 0 2px #0077b3 !important;
+  box-shadow: 0 0 0 2px rgb(0, 119, 179) !important;
 }
 .duet-theme-turva button.duet-action-button:focus {
-  box-shadow: 0 0 0 2px #171c3a !important;
+  box-shadow: 0 0 0 2px rgb(23, 28, 58) !important;
 }
 button.duet-action-button:active:focus {
   background: #dddfe1 !important;
@@ -76,12 +76,12 @@ button.duet-action-button:active:focus {
   background: #ddddde !important;
 }
 button.duet-action-button:disabled {
-  color: #909599;
+  color: rgb(144, 149, 153);
   cursor: default;
-  background: #f5f8fa;
+  background: rgb(245, 248, 250);
   opacity: 0.75;
 }
 .duet-theme-turva button.duet-action-button:disabled {
-  color: #747475;
-  background: #f5f5f7;
+  color: rgb(116, 116, 117);
+  background: rgb(245, 245, 247);
 }

package/lib/collection/components/duet-action-button/duet-action-button.js

@@ -199,7 +199,8 @@ export class DuetActionButton {
           "resolved": "\"small\" | \"x-small\" | \"xx-small\"",
           "references": {
             "DuetActionButtonIconSize": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-action-button/duet-action-button.tsx"
             }
           }
         },
@@ -505,7 +506,8 @@ export class DuetActionButton {
           "resolved": "{ originalEvent?: Event; component: \"duet-action-button\"; action: string; name?: string; id?: string; index?: string; meta?: string | Record<any, any>; }",
           "references": {
             "DuetActionButtonEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-action-button/duet-action-button.tsx"
             }
           }
         }

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

@@ -33,11 +33,11 @@
 
 :host(.user-is-tabbing: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: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);
 }
 
 :host(.duet-alert-is-dismissed) {
@@ -60,9 +60,9 @@
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   background: #f2f8fb;
-  border: 1px solid #0077b3;
+  border: 1px solid rgb(0, 119, 179);
   border-radius: 4px;
   transition: margin 100ms 300ms ease;
 }
@@ -74,33 +74,33 @@
 }
 .duet-alert.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);
   background: #f3f4f5;
-  border-color: #171c3a;
+  border-color: rgb(23, 28, 58);
 }
 .duet-alert.warning {
   background: #fffbf4;
-  border-color: #f7b228;
+  border-color: rgb(247, 178, 40);
 }
 .duet-alert.warning.duet-theme-turva {
   background: #fffaf3;
-  border-color: #faa40f;
+  border-color: rgb(250, 164, 15);
 }
 .duet-alert.danger {
   background: #fdf4f7;
-  border-color: #de2362;
+  border-color: rgb(222, 35, 98);
 }
 .duet-alert.danger.duet-theme-turva {
   background: #fdf4f3;
-  border-color: #e02a0d;
+  border-color: rgb(224, 42, 13);
 }
 .duet-alert.success {
   background: #f2f9f7;
-  border-color: #00875a;
+  border-color: rgb(0, 135, 90);
 }
 .duet-alert.success.duet-theme-turva {
   background: #f3f9f6;
-  border-color: #08874e;
+  border-color: rgb(8, 135, 78);
 }
 
 .duet-alert-dismiss {

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

@@ -54,9 +54,15 @@ export class DuetAlert {
       clearTimeout(this.timeoutID);
     }
   }
+  /**
+   * Show.
+   */
   async show() {
     this.handleShow();
   }
+  /**
+   * Hide.
+   */
   async hide() {
     this.handleHide();
   }
@@ -338,7 +344,8 @@ export class DuetAlert {
           "resolved": "{ component: \"duet-alert\"; originalEvent: MouseEvent; }",
           "references": {
             "DuetAlertEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-alert/duet-alert.tsx"
             }
           }
         }
@@ -358,7 +365,7 @@ export class DuetAlert {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "",
+          "text": "Show.",
           "tags": []
         }
       },
@@ -374,7 +381,7 @@ export class DuetAlert {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "",
+          "text": "Hide.",
           "tags": []
         }
       }

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

@@ -42,7 +42,7 @@
   font-style: normal;
   font-weight: 600;
   line-height: 1.25;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   text-align: center;
   word-break: break-word;
   vertical-align: middle;
@@ -59,7 +59,7 @@
   padding: 5.4444444444px 12px 4.4444444444px;
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-weight: 700;
-  color: #171c3a;
+  color: rgb(23, 28, 58);
   background: #e8e8eb;
 }
 .duet-badge.warning {

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.css

@@ -31,17 +31,17 @@
   justify-content: flex-start;
   height: 100%;
   font-size: 0.875rem;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   text-decoration: none;
 }
 .duet-breadcrumb:hover {
-  color: #004d80;
+  color: rgb(0, 77, 128);
 }
 .duet-breadcrumb.duet-theme-turva {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 .duet-breadcrumb.duet-theme-turva:hover {
-  color: #940925;
+  color: rgb(148, 9, 37);
 }
 .duet-breadcrumb:focus {
   outline: 0;
@@ -50,8 +50,8 @@
   opacity: 0.75;
 }
 :host(.user-is-tabbing) .duet-breadcrumb:focus {
-  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-breadcrumb.duet-theme-turva: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);
 }

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

@@ -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

@@ -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;