@duetds/components 6.6.2 → 6.7.1

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

@@ -56,6 +56,7 @@ export class DuetModal {
     this.theme = "";
     this.heading = "";
     this.headingLevel = "h3";
+    this.headingVisualLevel = undefined;
     this.icon = "";
     this.color = "";
     this.active = false;
@@ -159,6 +160,7 @@ export class DuetModal {
    * Always the last one in the class.
    */
   render() {
+    var _a;
     let iconColor = "primary";
     let closeColor = "secondary";
     if (this.theme === "turva") {
@@ -185,7 +187,7 @@ export class DuetModal {
         "duet-modal-gutter-small": this.gutterSize === "small",
         "duet-modal-gutter-medium": this.gutterSize === "medium",
         "duet-modal-gutter-large": this.gutterSize === "large",
-      } }, h("div", { class: "duet-modal-header" }, h("span", { class: "duet-modal-inner-slot-top" }, h("slot", { name: "top" })), this.icon && h("duet-icon", { name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (h("duet-heading", { level: this.headingLevel, theme: this.theme, id: this.modalId }, this.heading))), h("span", { class: "duet-modal-inner-slot-default", id: this.slotDefaultId }, h("slot", null))))), h(FocusGuard, { moveFocusTo: this.buttonEl })));
+      } }, h("div", { class: "duet-modal-header" }, h("span", { class: "duet-modal-inner-slot-top" }, h("slot", { name: "top" })), this.icon && h("duet-icon", { name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (h("duet-heading", { "visual-level": (_a = this.headingVisualLevel) !== null && _a !== void 0 ? _a : this.headingLevel, level: this.headingLevel, theme: this.theme, id: this.modalId }, this.heading))), h("span", { class: "duet-modal-inner-slot-default", id: this.slotDefaultId }, h("slot", null))))), h(FocusGuard, { moveFocusTo: this.buttonEl })));
   }
   static get is() { return "duet-modal"; }
   static get encapsulation() { return "shadow"; }
@@ -285,7 +287,8 @@ export class DuetModal {
           "resolved": "\"large\" | \"medium\" | \"small\"",
           "references": {
             "DuetModalSize": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx"
             }
           }
         },
@@ -377,7 +380,8 @@ export class DuetModal {
           "resolved": "\"large\" | \"medium\" | \"small\"",
           "references": {
             "DuetModalSize": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx"
             }
           }
         },
@@ -455,6 +459,28 @@ export class DuetModal {
         "reflect": false,
         "defaultValue": "\"h3\""
       },
+      "headingVisualLevel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetVisualHeadingLevel | undefined",
+          "resolved": "\"h0\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+          "references": {
+            "DuetVisualHeadingLevel": {
+              "location": "import",
+              "path": "../../common-types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Makes the visual style mimic a specific heading level. This option allows\nyou to make e.g. h1 visually look like h3, but still keep it h1 in the\nmarkup."
+        },
+        "attribute": "heading-visual-level",
+        "reflect": false
+      },
       "icon": {
         "type": "string",
         "mutable": false,
@@ -590,7 +616,8 @@ export class DuetModal {
           "resolved": "{ originalEvent: Event; component: \"duet-modal\"; }",
           "references": {
             "DuetModalCloseEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx"
             }
           }
         }

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

@@ -68,7 +68,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  background: white;
+  background: rgb(255, 255, 255);
 }
 
 .duet-multiselect-container {
@@ -102,60 +102,60 @@
   font-weight: 400;
   font-variant-numeric: tabular-nums;
   line-height: 1.5;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
-  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-multiselect:hover {
-  border-color: #909599;
-  box-shadow: 0 0 0 1px #909599;
+  border-color: rgb(144, 149, 153);
+  box-shadow: 0 0 0 1px rgb(144, 149, 153);
 }
 .duet-theme-turva .duet-multiselect:hover {
-  border-color: #747475;
-  box-shadow: 0 0 0 1px #747475;
+  border-color: rgb(116, 116, 117);
+  box-shadow: 0 0 0 1px rgb(116, 116, 117);
 }
 .has-error .duet-multiselect:hover {
-  box-shadow: 0 0 0 1px #de2362;
+  box-shadow: 0 0 0 1px rgb(222, 35, 98);
 }
 .duet-theme-turva.has-error .duet-multiselect:hover {
-  box-shadow: 0 0 0 1px #e02a0d;
+  box-shadow: 0 0 0 1px rgb(224, 42, 13);
 }
 .duet-multiselect:focus, .duet-multiselect.duet-multiselect-active {
-  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-multiselect:focus, .duet-theme-turva .duet-multiselect.duet-multiselect-active {
-  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-multiselect:focus, .has-error .duet-multiselect.duet-multiselect-active {
-  box-shadow: 0 0 0 1px #de2362;
+  box-shadow: 0 0 0 1px rgb(222, 35, 98);
 }
 .duet-theme-turva.has-error .duet-multiselect:focus, .duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active {
-  box-shadow: 0 0 0 1px #e02a0d;
+  box-shadow: 0 0 0 1px rgb(224, 42, 13);
 }
 .duet-multiselect[disabled] {
-  color: #00294d !important;
+  color: rgb(0, 41, 77) !important;
   cursor: default !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-multiselect[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-multiselect > :first-child {
   flex: 1;
@@ -165,30 +165,30 @@
   right: 3rem;
 }
 .has-error .duet-multiselect {
-  border-color: #de2362 !important;
+  border-color: rgb(222, 35, 98) !important;
 }
 .has-error .duet-multiselect .duet-multiselect-icon {
-  color: #de2362 !important;
+  color: rgb(222, 35, 98) !important;
 }
 .duet-theme-turva.has-error .duet-multiselect {
-  border-color: #e02a0d !important;
+  border-color: rgb(224, 42, 13) !important;
 }
 .duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon {
-  color: #e02a0d !important;
+  color: rgb(224, 42, 13) !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: #171c3a;
-  border-color: #747475;
+  color: rgb(23, 28, 58);
+  border-color: rgb(116, 116, 117);
 }
 .duet-multiselect svg {
   width: 20px;
   height: 20px;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   pointer-events: none;
 }
 .duet-theme-turva .duet-multiselect svg {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 .duet-multiselect svg.duet-multiselect-icon--rotate {
   transform: rotate(180deg);
@@ -201,8 +201,8 @@
   padding: 16px;
   margin: 8px 0 0;
   visibility: hidden;
-  background: white;
-  border: 1px solid #e1e3e6;
+  background: rgb(255, 255, 255);
+  border: 1px solid rgb(225, 227, 230);
   border-radius: 4px;
   box-shadow: 0 4px 10px 0 rgba(0, 41, 77, 0.15);
   opacity: 0;
@@ -211,8 +211,8 @@
   transform-origin: top right;
 }
 .duet-theme-turva .duet-multiselect-checkboxes {
-  background: white;
-  border-color: #e4e4e6;
+  background: rgb(255, 255, 255);
+  border-color: rgb(228, 228, 230);
   box-shadow: 0 4px 10px 0 rgba(23, 28, 58, 0.15);
 }
 .duet-multiselect-checkboxes.duet-multiselect-checkboxes-active {
@@ -228,7 +228,7 @@
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #657787;
+  color: rgb(101, 119, 135);
   border-radius: 4px;
 }
 .duet-multiselect-help span {
@@ -237,13 +237,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: #747475;
+  color: rgb(116, 116, 117);
 }
 .has-error .duet-multiselect-help {
-  color: #de2362;
+  color: rgb(222, 35, 98);
 }
 .duet-theme-turva.has-error .duet-multiselect-help {
-  color: #e02a0d;
+  color: rgb(224, 42, 13);
 }
 
 .duet-label-hidden duet-label {

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

@@ -246,7 +246,8 @@ export class DuetMultiselect {
           "resolved": "DuetMultiselectItem[]",
           "references": {
             "DuetMultiselectItem": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         },
@@ -360,7 +361,8 @@ export class DuetMultiselect {
           "resolved": "DuetMultiselectItem[] | string",
           "references": {
             "DuetMultiselectItem": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         },
@@ -475,7 +477,8 @@ export class DuetMultiselect {
           "resolved": "{ originalEvent?: Event; component: \"duet-multiselect\"; value: DuetMultiselectItem[]; }",
           "references": {
             "DuetMultiselectEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         }
@@ -494,7 +497,8 @@ export class DuetMultiselect {
           "resolved": "{ originalEvent?: Event; component: \"duet-multiselect\"; value: DuetMultiselectItem[]; }",
           "references": {
             "DuetMultiselectEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         }
@@ -513,7 +517,8 @@ export class DuetMultiselect {
           "resolved": "{ originalEvent?: Event; component: \"duet-multiselect\"; value: DuetMultiselectItem[]; }",
           "references": {
             "DuetMultiselectEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         }

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

@@ -35,7 +35,6 @@ slot[name=desktop] {
   slot[name=mobile] {
     display: none;
   }
-
   slot[name=desktop] {
     display: inherit;
   }

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

@@ -8,7 +8,7 @@ import { inheritGlobalTheme } from "../../common/themeable-component";
  * @slot mobile - Slot for navigation in small viewports (less than 992px wide).
  * @slot desktop - Slot for navigation in large viewports (992px wide or more).
  */
-export class DuetMenuBar {
+export class DuetNav {
   constructor() {
     this.theme = "";
   }

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

@@ -27,31 +27,31 @@
 .duet-notification {
   display: block;
   padding: 16px;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   cursor: pointer;
-  border-bottom: 1px solid #e1e3e6;
+  border-bottom: 1px solid rgb(225, 227, 230);
   transition: 300ms ease;
 }
 :host(:last-of-type) .duet-notification {
   border-bottom: 0;
 }
 .duet-notification.duet-theme-turva {
-  color: #171c3a;
-  border-bottom-color: #e4e4e6;
+  color: rgb(23, 28, 58);
+  border-bottom-color: rgb(228, 228, 230);
 }
 .duet-notification.duet-notification-highlight {
   font-weight: 600;
-  background: #f3f9fc;
+  background: rgb(243, 249, 252);
 }
 .duet-notification.duet-notification-highlight.duet-theme-turva {
-  background: #fcf3f4;
+  background: rgb(252, 243, 244);
 }
 @media (min-width: 62em) {
   .duet-notification:hover {
-    background: #f3f9fc;
+    background: rgb(243, 249, 252);
   }
   .duet-notification:hover.duet-theme-turva {
-    background: #fcf3f4;
+    background: rgb(252, 243, 244);
   }
 }
 .duet-notification a {
@@ -62,10 +62,10 @@
 }
 :host(.user-is-tabbing) .duet-notification:focus-within {
   z-index: 1;
-  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-notification:focus-within.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-notification-container {
@@ -84,11 +84,11 @@
   left: -2px;
   width: 8px;
   height: 8px;
-  background: #0077b3;
+  background: rgb(0, 119, 179);
   border-radius: 50%;
 }
 .duet-theme-turva .duet-notification-badge {
-  background: #c60c30;
+  background: rgb(198, 12, 48);
 }
 
 .duet-notification-content {
@@ -103,7 +103,7 @@
   font-size: 0.75rem;
   font-weight: 600;
   line-height: 1.25;
-  color: #657787;
+  color: rgb(101, 119, 135);
   text-align: right;
   text-transform: uppercase;
 }
@@ -113,7 +113,7 @@
   }
 }
 .duet-theme-turva .duet-notification-date {
-  color: #444445;
+  color: rgb(68, 68, 69);
 }
 
 ::slotted(duet-heading) {

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: #00294d;
+  color: rgb(0, 41, 77);
   text-align: left;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
-  background-color: white;
-  border-bottom: 1px solid #e1e3e6;
+  background-color: rgb(255, 255, 255);
+  border-bottom: 1px solid rgb(225, 227, 230);
   border-radius: 0;
   -webkit-appearance: none;
   appearance: none;
@@ -74,9 +74,9 @@
 }
 .duet-theme-turva .duet-drawer-toggle {
   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;
-  background-color: white;
-  border-color: #e4e4e6;
+  color: rgb(23, 28, 58);
+  background-color: rgb(255, 255, 255);
+  border-color: rgb(228, 228, 230);
 }
 .duet-drawer-toggle:active {
   opacity: 0.75;
@@ -85,16 +85,16 @@
   outline: 0;
 }
 :host(.user-is-tabbing) .duet-drawer-toggle: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-theme-turva .duet-drawer-toggle: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-drawer-toggle:hover {
-  color: #004d80;
+  color: rgb(0, 77, 128);
 }
 .duet-theme-turva .duet-drawer-toggle:hover {
-  color: #444445;
+  color: rgb(68, 68, 69);
 }
 .duet-drawer-toggle::after {
   display: none !important;
@@ -109,22 +109,22 @@
     width: 100%;
     height: 3px;
     content: "";
-    background: #0077b3;
+    background: rgb(0, 119, 179);
     transition: 300ms ease;
     transform: translateY(3px);
   }
   .duet-theme-turva .duet-drawer-toggle::after {
-    background: #c60c30;
+    background: rgb(198, 12, 48);
   }
 }
 .duet-drawer-toggle[aria-expanded=true], .duet-drawer-toggle[aria-expanded=true]:hover {
-  color: #004d80;
-  border-bottom: 1px solid #f5f8fa;
+  color: rgb(0, 77, 128);
+  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: #444445;
-  border-color: #f5f5f7;
+  color: rgb(68, 68, 69);
+  border-color: rgb(245, 245, 247);
 }
 @media (min-width: 62em) {
   .duet-drawer-toggle[aria-expanded=true], .duet-drawer-toggle[aria-expanded=true]:hover {
@@ -191,25 +191,25 @@
   display: inline-block;
   width: 6px;
   height: 6px;
-  background: #f7b228;
+  background: rgb(247, 178, 40);
   border-radius: 50%;
   box-shadow: 0 0 0 1px #c18b1f;
 }
 .duet-theme-turva .duet-drawer-badge {
-  background: #faa40f;
+  background: rgb(250, 164, 15);
 }
 
 .duet-drawer-content {
   display: none;
-  background-color: white;
-  border-bottom: 1px solid #e1e3e6;
+  background-color: rgb(255, 255, 255);
+  border-bottom: 1px solid rgb(225, 227, 230);
 }
 .duet-drawer-content:focus {
   outline: 0;
 }
 .duet-theme-turva .duet-drawer-content {
-  background-color: white;
-  border-color: #e1e3e6;
+  background-color: rgb(255, 255, 255);
+  border-color: rgb(225, 227, 230);
 }
 @media (min-width: 62em) {
   .duet-drawer-content {
@@ -222,8 +222,8 @@
     padding-left: 0;
     overflow-y: auto;
     visibility: hidden;
-    background-color: white;
-    border: 1px solid #e1e3e6;
+    background-color: rgb(255, 255, 255);
+    border: 1px solid rgb(225, 227, 230);
     border-radius: 4px;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
@@ -238,7 +238,7 @@
     display: none;
   }
   .duet-theme-turva .duet-drawer-content {
-    background-color: white;
+    background-color: rgb(255, 255, 255);
   }
   .duet-drawer-content.duet-drawer-left {
     right: 0;

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

@@ -277,7 +277,8 @@ export class DuetNotificationDrawer {
           "resolved": "\"left\" | \"right\"",
           "references": {
             "DuetNotificationDrawerDirection": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx"
             }
           }
         },

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

@@ -89,13 +89,13 @@
 }
 :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus {
   z-index: 2;
-  box-shadow: 0 0 0 2px #0077b3;
+  box-shadow: 0 0 0 2px rgb(0, 119, 179);
 }
 .duet-theme-turva :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus {
-  box-shadow: 0 0 0 2px #171c3a;
+  box-shadow: 0 0 0 2px rgb(23, 28, 58);
 }
 .duet-number-buttons .duet-number-button:first-of-type {
-  border-left: 1px solid #cfd2d4;
+  border-left: 1px solid rgb(207, 210, 212);
 }
 .duet-number-buttons .duet-number-button:first-of-type::before {
   position: absolute;
@@ -117,12 +117,12 @@
   width: 1px;
   height: 60%;
   content: "";
-  background: #e1e3e6;
+  background: rgb(225, 227, 230);
 }
 
 :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%);
 }
 :host(.duet-theme-turva) .duet-number-buttons .duet-number-button:last-of-type::before {
-  background: #e4e4e6;
+  background: rgb(228, 228, 230);
 }

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

@@ -975,7 +975,8 @@ export class DuetNumberInput {
           "resolved": "{ originalEvent?: Event; component: \"duet-number-input\"; value: string; valueAsNumber: number; }",
           "references": {
             "DuetNumberInputEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx"
             }
           }
         }
@@ -994,7 +995,8 @@ export class DuetNumberInput {
           "resolved": "{ originalEvent?: Event; component: \"duet-number-input\"; value: string; valueAsNumber: number; }",
           "references": {
             "DuetNumberInputEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx"
             }
           }
         }
@@ -1013,7 +1015,8 @@ export class DuetNumberInput {
           "resolved": "{ originalEvent?: Event; component: \"duet-number-input\"; value: string; valueAsNumber: number; }",
           "references": {
             "DuetNumberInputEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx"
             }
           }
         }
@@ -1032,7 +1035,8 @@ export class DuetNumberInput {
           "resolved": "{ originalEvent?: Event; component: \"duet-number-input\"; value: string; valueAsNumber: number; }",
           "references": {
             "DuetNumberInputEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx"
             }
           }
         }

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: #00294d;
+  color: rgb(0, 41, 77);
 }
 .duet-page-heading.duet-p-0 {
   padding: 0 !important;
@@ -120,7 +120,7 @@
   right: -10%;
   width: 185px;
   height: 185px;
-  background: #0077b3;
+  background: rgb(0, 119, 179);
   border-radius: 20%;
   mix-blend-mode: normal;
   opacity: 0.2;
@@ -139,7 +139,7 @@
   right: 25%;
   width: 207px;
   height: 207px;
-  background: #0b7288;
+  background: rgb(11, 114, 136);
   opacity: 0.1;
 }
 @media (min-width: 48em) {
@@ -185,7 +185,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: #00294d;
+  color: rgb(0, 41, 77);
 }
 .duet-page-heading.duet-theme-turva .brand-shaped-icon {
   background: rgba(198, 12, 48, 0.9);