@duetds/components 6.8.0 → 6.8.2

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

@@ -165,7 +165,7 @@ export class DuetList {
           "references": {
             "DuetListMobileAlignment": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },
@@ -188,7 +188,7 @@ export class DuetList {
           "references": {
             "DuetListBreakpoint": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },
@@ -211,7 +211,7 @@ export class DuetList {
           "references": {
             "DuetListVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },
@@ -234,7 +234,7 @@ export class DuetList {
           "references": {
             "DuetListLabelWidth": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx"
             }
           }
         },

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

@@ -168,7 +168,7 @@ export class DuetLogo {
           "references": {
             "DuetLogoSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-logo/duet-logo.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-logo/duet-logo.tsx"
             }
           }
         },

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

@@ -157,7 +157,7 @@ slot[name=center] {
 }
 .duet-theme-turva slot[name=center] {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(148, 9, 37);
+  color: rgb(23, 28, 58);
 }
 
 slot[name=right] {
@@ -168,5 +168,5 @@ slot[name=right] {
 }
 .duet-theme-turva slot[name=right] {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(148, 9, 37);
+  color: rgb(23, 28, 58);
 }

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

@@ -207,7 +207,7 @@ export class DuetMenuBar {
           "references": {
             "DuetMenuBarChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx"
             }
           }
         }

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

@@ -38,6 +38,9 @@
   text-decoration: none;
   cursor: pointer;
 }
+.duet-menu-bar-button.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";
+}
 @media (min-width: 62em) {
   .duet-menu-bar-button {
     padding: 0 16px;

package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js

@@ -73,7 +73,7 @@ export class DuetMenuBarButton {
     return (h(Host, { onfocus: () => this.setFocus() }, h("button", { ref: button => (this.nativeButton = button), class: {
         "duet-menu-bar-button": true,
         "duet-theme-turva": this.theme === "turva",
-      }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && h("duet-icon", { size: this.iconSize, name: this.icon, margin: "none" }), h("slot", null))));
+      }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (h("duet-icon", { theme: this.theme, size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" })), h("slot", null))));
   }
   static get is() { return "duet-menu-bar-button"; }
   static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,6 @@
   align-items: center;
   justify-content: center;
   height: 100%;
-  min-height: 5rem;
   padding: 0 12px;
   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: 0.875rem;
@@ -121,7 +120,7 @@
 }
 .duet-menu-bar-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: rgb(148, 9, 37);
+  color: rgb(23, 28, 58);
 }
 .duet-menu-bar-dropdown.duet-theme-turva button:hover {
   color: rgb(198, 12, 48);

package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js

@@ -1,10 +1,24 @@
 /*!
  * Built with Duet Design System
  */
+import { media_query_large } from "@duetds/tokens/lib/tokens.json";
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetMenuBarDropdown {
   constructor() {
+    /**
+     * Own Properties.
+     */
+    this.mql = [window.matchMedia(media_query_large.replace(/'/g, ""))];
+    this.boundMqlFunctions = [];
+    this.changeIconSize = () => {
+      if (this.mql[0].matches) {
+        this.iconSize = "x-small";
+      }
+      else {
+        this.iconSize = "small";
+      }
+    };
     this.onClick = () => {
       this.open = !this.open;
     };
@@ -19,6 +33,7 @@ export class DuetMenuBarDropdown {
           return "right";
       }
     };
+    this.iconSize = "x-small";
     this.accessibleLabel = undefined;
     this.theme = "";
     this.open = false;
@@ -36,6 +51,26 @@ export class DuetMenuBarDropdown {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  connectedCallback() {
+    this.changeIconSize();
+    for (let i = 0; i < this.mql.length; i++) {
+      // addEventListener is not available in Stencil hydrate
+      if (this.mql[i].addEventListener) {
+        const bound = this.changeIconSize.bind(this);
+        this.mql[i].addEventListener("change", bound);
+        this.boundMqlFunctions[i] = bound;
+      }
+    }
+  }
+  disconnectedCallback() {
+    for (let i = 0; i < this.mql.length; i++) {
+      // removeEventListener is not available in Stencil hydrate
+      if (this.mql[i].removeEventListener) {
+        this.mql[i].removeEventListener("change", this.boundMqlFunctions[i]);
+      }
+    }
+    this.boundMqlFunctions = [];
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -48,7 +83,7 @@ export class DuetMenuBarDropdown {
         [`duet-menu-bar-dropdown--slot-${this.getVariant()}`]: true,
       } }, h("button", { "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
         active: this.open,
-      }, onClick: this.onClick }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+      }, onClick: this.onClick }, this.icon && (h("duet-icon", { theme: this.theme, name: this.icon, size: this.iconSize, margin: "none", color: "currentColor" })), h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
         items: true,
         hidden: !this.open,
       } }, h("slot", null)))));
@@ -145,6 +180,11 @@ export class DuetMenuBarDropdown {
       }
     };
   }
+  static get states() {
+    return {
+      "iconSize": {}
+    };
+  }
   static get elementRef() { return "element"; }
   static get listeners() {
     return [{

package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js

@@ -35,7 +35,7 @@ export class DuetMenuBarDropdownLink {
         "duet-menu-bar-dropdown-link": true,
         [`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]: true,
         "duet-theme-turva": this.theme === "turva",
-      }, href: this.href, role: "menuitem" }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("slot", null))));
+      }, href: this.href, role: "menuitem" }, this.icon && (h("duet-icon", { theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", null))));
   }
   static get is() { return "duet-menu-bar-dropdown-link"; }
   static get encapsulation() { return "shadow"; }

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

@@ -37,6 +37,9 @@
   text-decoration: none;
   white-space: nowrap;
 }
+.duet-menu-bar-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";
+}
 @media (min-width: 62em) {
   .duet-menu-bar-link {
     padding: 0 16px;

package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js

@@ -60,7 +60,7 @@ export class DuetMenuBarLink {
         "duet-menu-bar-link": true,
         "duet-theme-turva": this.theme === "turva",
         active: this.active,
-      }, href: this.href }, this.icon && h("duet-icon", { size: this.iconSize, name: this.icon, margin: "none" }), h("slot", null))));
+      }, href: this.href }, this.icon && (h("duet-icon", { theme: this.theme, size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" })), h("slot", null))));
   }
   static get is() { return "duet-menu-bar-link"; }
   static get encapsulation() { return "shadow"; }

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

@@ -122,6 +122,9 @@
   width: 100%;
   padding: 36px 28px;
 }
+.duet-modal-body.duet-modal-gutter-none {
+  padding: 0 !important;
+}
 .duet-modal-body.duet-modal-gutter-small {
   padding: 36px 20px;
 }

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

@@ -50,6 +50,7 @@ export class DuetModal {
     this.size = "medium";
     this.accessibleDescribedBy = undefined;
     this.accessibleLabelledBy = undefined;
+    this.accessibleLabel = undefined;
     this.accessibleDetails = undefined;
     this.accessibleDescription = undefined;
     this.gutterSize = "medium";
@@ -167,7 +168,7 @@ export class DuetModal {
       iconColor = "primary-turva";
       closeColor = "secondary-turva";
     }
-    return (h("div", { ref: modal => (this.modalEl = modal), "aria-labelledby": this.modalId, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", "aria-flowto": this.slotDefaultId, class: {
+    return (h("div", { ref: modal => (this.modalEl = modal), "aria-label": this.accessibleLabel, "aria-labelledby": this.heading ? this.modalId : false, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", "aria-flowto": this.slotDefaultId, class: {
         "duet-modal-overlay": true,
         "duet-theme-turva": this.theme === "turva",
         "duet-modal-active": this.open,
@@ -181,8 +182,9 @@ export class DuetModal {
             this.closeModal(e);
           }
         }
-      } }, h("div", { class: { "duet-modal": true, [this.size]: true } }, h("duet-spacer", null), h("div", { class: "duet-modal-close" }, h("duet-button", { ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })), h("div", { class: {
+      } }, h("div", { class: { "duet-modal": true, [this.size]: true } }, this.gutterSize !== "none" && h("duet-spacer", null), h("div", { class: "duet-modal-close" }, h("duet-button", { ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })), h("div", { class: {
         "duet-modal-body": true,
+        "duet-modal-gutter-none": this.gutterSize === "none",
         "duet-modal-gutter-small": this.gutterSize === "small",
         "duet-modal-gutter-medium": this.gutterSize === "medium",
         "duet-modal-gutter-large": this.gutterSize === "large",
@@ -287,7 +289,7 @@ export class DuetModal {
           "references": {
             "DuetModalSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx"
             }
           }
         },
@@ -335,6 +337,23 @@ export class DuetModal {
         "attribute": "accessible-labelled-by",
         "reflect": false
       },
+      "accessibleLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "By default the heading is used as target for aria-labelledby, and it overrides this label.\nIf you wish to skip the heading, you must set this label."
+        },
+        "attribute": "accessible-label",
+        "reflect": false
+      },
       "accessibleDetails": {
         "type": "string",
         "mutable": false,
@@ -375,12 +394,12 @@ export class DuetModal {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "DuetModalSize",
-          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "original": "DuetModalSize | \"none\"",
+          "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
           "references": {
             "DuetModalSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx"
             }
           }
         },
@@ -388,7 +407,7 @@ export class DuetModal {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Size of the modal window."
+          "text": "Size of the modal window's padding."
         },
         "attribute": "gutter-size",
         "reflect": false,
@@ -616,7 +635,7 @@ export class DuetModal {
           "references": {
             "DuetModalCloseEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx"
             }
           }
         }

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

@@ -247,7 +247,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectItem": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         },
@@ -362,7 +362,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectItem": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         },
@@ -478,7 +478,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         }
@@ -498,7 +498,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         }
@@ -518,7 +518,7 @@ export class DuetMultiselect {
           "references": {
             "DuetMultiselectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx"
             }
           }
         }

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

@@ -278,7 +278,7 @@ export class DuetNotificationDrawer {
           "references": {
             "DuetNotificationDrawerDirection": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx"
+              "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.js

@@ -976,7 +976,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx"
             }
           }
         }
@@ -996,7 +996,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx"
             }
           }
         }
@@ -1016,7 +1016,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx"
             }
           }
         }
@@ -1036,7 +1036,7 @@ export class DuetNumberInput {
           "references": {
             "DuetNumberInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-number-input/duet-number-input.tsx"
+              "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

@@ -117,7 +117,7 @@
 .duet-page-heading .background .brand-shape {
   position: absolute;
   top: -157px;
-  right: -10%;
+  right: -20px;
   width: 185px;
   height: 185px;
   background: rgb(0, 119, 179);
@@ -128,15 +128,15 @@
 }
 @media (min-width: 48em) {
   .duet-page-heading .background .brand-shape {
-    top: -260px;
-    right: -5%;
+    top: -280px;
+    right: -40px;
     width: 325px;
     height: 325px;
   }
 }
 .duet-page-heading .background .brand-shape.second-shape {
   top: -182px;
-  right: 25%;
+  right: 100px;
   width: 207px;
   height: 207px;
   background: rgb(11, 114, 136);
@@ -145,6 +145,7 @@
 @media (min-width: 48em) {
   .duet-page-heading .background .brand-shape.second-shape {
     top: -325px;
+    right: 200px;
     width: 365px;
     height: 365px;
   }

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

@@ -329,7 +329,7 @@ export class DuetPagination {
           "references": {
             "DuetPaginationVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-pagination/duet-pagination.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx"
             }
           }
         },
@@ -572,7 +572,7 @@ export class DuetPagination {
           "references": {
             "DuetPaginationPageEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-pagination/duet-pagination.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx"
             }
           }
         }

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

@@ -107,7 +107,7 @@ export class DuetParagraph {
           "references": {
             "DuetParagraphSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
             }
           }
         },
@@ -130,7 +130,7 @@ export class DuetParagraph {
           "references": {
             "DuetParagraphWeight": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
             }
           }
         },
@@ -153,7 +153,7 @@ export class DuetParagraph {
           "references": {
             "DuetParagraphVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx"
             }
           }
         },

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

@@ -534,7 +534,7 @@ export class DuetRadio {
           "references": {
             "DuetRadioEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-radio/duet-radio.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-radio/duet-radio.tsx"
             }
           }
         }
@@ -554,7 +554,7 @@ export class DuetRadio {
           "references": {
             "DuetRadioEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-radio/duet-radio.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-radio/duet-radio.tsx"
             }
           }
         }
@@ -574,7 +574,7 @@ export class DuetRadio {
           "references": {
             "DuetRadioEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-radio/duet-radio.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-radio/duet-radio.tsx"
             }
           }
         }

package/lib/collection/components/duet-range-slider/duet-range-slider.js

@@ -512,7 +512,7 @@ export class DuetRangeSlider {
           "references": {
             "DuetRangeChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-range-slider/duet-range-slider.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx"
             }
           }
         }
@@ -532,7 +532,7 @@ export class DuetRangeSlider {
           "references": {
             "DuetRangeChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-range-slider/duet-range-slider.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx"
             }
           }
         }

package/lib/collection/components/duet-range-stepper/duet-range-stepper.js

@@ -333,7 +333,7 @@ export class DuetRangeStepper {
           "references": {
             "DuetRangeStepperUpdateEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx"
             }
           }
         }

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

@@ -170,7 +170,7 @@ export class DuetSelect {
           "references": {
             "DuetSelectVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         },
@@ -465,7 +465,7 @@ export class DuetSelect {
           "references": {
             "DuetSelectItems": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         },
@@ -614,7 +614,7 @@ export class DuetSelect {
           "references": {
             "DuetSelectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         }
@@ -634,7 +634,7 @@ export class DuetSelect {
           "references": {
             "DuetSelectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         }
@@ -654,7 +654,7 @@ export class DuetSelect {
           "references": {
             "DuetSelectEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         }

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

@@ -138,7 +138,7 @@ slot {
   color: rgb(0, 41, 77);
 }
 .duet-theme-turva slot {
-  color: rgb(148, 9, 37);
+  color: rgb(23, 28, 58);
 }
 
 slot[name=toggle] {