@duetds/components 6.7.1 → 6.8.0

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

@@ -406,7 +406,7 @@ export class DuetButton {
           "references": {
             "DuetButtonVariation": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx"
             }
           }
         },
@@ -522,7 +522,7 @@ export class DuetButton {
           "references": {
             "DuetButtonTextCentering": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx"
             }
           }
         },
@@ -545,7 +545,7 @@ export class DuetButton {
           "references": {
             "DuetButtonWrapping": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx"
             }
           }
         },
@@ -844,7 +844,7 @@ export class DuetButton {
           "references": {
             "DuetButtonIconSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx"
             }
           }
         },
@@ -867,7 +867,7 @@ export class DuetButton {
           "references": {
             "DuetButtonSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-button/duet-button.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-button/duet-button.tsx"
             }
           }
         },

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

@@ -116,7 +116,7 @@ export class DuetCaption {
           "references": {
             "DuetCaptionSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-caption/duet-caption.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-caption/duet-caption.tsx"
             }
           }
         },

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

@@ -233,12 +233,20 @@
   font-weight: 800;
   color: rgb(0, 41, 77);
   border-bottom: 1px solid rgb(225, 227, 230);
+  border-radius: 4px 4px 0 0;
 }
 @media (min-width: 36em) {
   .duet-card-heading {
     padding: 15px 28px 16px !important;
     margin: -28px -28px 20px;
   }
+  .none .duet-card-heading {
+    padding: 0 !important;
+    margin: 0;
+  }
+}
+.duet-card-image-mask + .duet-card-heading {
+  border-radius: 0;
 }
 .duet-card-heading[role=button] {
   -webkit-user-select: none;
@@ -338,8 +346,8 @@
   }
 }
 .none .duet-card-heading {
-  padding: 0 0 20px !important;
-  margin: 0 0 20px;
+  padding: 0;
+  margin: 0;
 }
 
 .duet-card-footer {
@@ -417,8 +425,8 @@
   }
 }
 .none .duet-card-footer {
-  padding: 12px 0 !important;
-  margin: 20px 0 0;
+  padding: 0;
+  margin: 0;
 }
 
 .duet-card-content {
@@ -490,7 +498,8 @@
 }
 .none .duet-card-image-mask {
   width: 100%;
-  margin: 0 0 20px;
+  padding: 0;
+  margin: 0;
 }
 
 .duet-card-image {

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

@@ -3,7 +3,7 @@
  */
 import arrowUpIcon from "@duetds/icons/lib/assets/action-arrow-up";
 import { Build, Fragment, h, Host } from "@stencil/core";
-import { inheritGlobalTheme } from "../../common";
+import { duetBlock, duetHeadingLevels, inheritGlobalTheme } from "../../common";
 import { createID } from "../../utils/create-id";
 import { isKeyboardClick } from "../../utils/keyboard-utils";
 import { sanitizeString } from "../../utils/string-utils";
@@ -40,6 +40,7 @@ export class DuetCard {
     this.collapsible = false;
     this.open = true;
     this.headingLevel = "h2";
+    this.headingBackground = undefined;
     this.icon = undefined;
     this.image = undefined;
     this.background = "gray-lightest";
@@ -60,7 +61,8 @@ export class DuetCard {
     this.hasFooter = !!this.element.querySelector("[slot='footer']");
   }
   renderHeading() {
-    const HeadingTag = sanitizeString(this.headingLevel);
+    const safeHeadingLevel = sanitizeString(this.headingLevel);
+    const HeadingTag = [...duetHeadingLevels, duetBlock].some(tag => tag === safeHeadingLevel) ? safeHeadingLevel : "h2";
     const headingProps = this.collapsible
       ? {
         role: "button",
@@ -71,7 +73,10 @@ export class DuetCard {
         onKeyDown: this.handleKeyDown,
       }
       : {};
-    return (h(HeadingTag, Object.assign({ class: "duet-card-heading" }, headingProps), h("div", { class: "duet-card-heading-grid" }, this.icon && (h(Fragment, null, h("duet-icon", { class: "duet-card-icon", name: this.icon, size: "medium", margin: "none", color: "currentColor" }), h("duet-spacer", { direction: "horizontal", size: "small" }))), h("div", { class: "duet-card-heading-text" }, this.heading ? this.heading : h("slot", { name: "heading" })), this.secondaryHeading && (h(Fragment, null, h("duet-spacer", { direction: "horizontal", size: "small" }), h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--inline" }, this.secondaryHeading))), this.collapsible && (h(Fragment, null, h("duet-spacer", { direction: "horizontal", size: "small" }), h("duet-icon", { class: "duet-card-caret", icon: arrowUpIcon.svg, size: "small", margin: "none", color: "currentColor" })))), this.secondaryHeading && (h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--new-line" }, this.secondaryHeading)), h("slot", { name: "below-heading" })));
+    const headingStyles = {
+      backgroundColor: getColorByName(this.headingBackground),
+    };
+    return (h(HeadingTag, Object.assign({ style: headingStyles, class: "duet-card-heading" }, headingProps), h("div", { class: "duet-card-heading-grid" }, this.icon && (h(Fragment, null, h("duet-icon", { class: "duet-card-icon", name: this.icon, size: "medium", margin: "none", color: "currentColor" }), h("duet-spacer", { direction: "horizontal", size: "small" }))), h("div", { class: "duet-card-heading-text" }, this.heading ? this.heading : h("slot", { name: "heading" })), this.secondaryHeading && (h(Fragment, null, h("duet-spacer", { direction: "horizontal", size: "small" }), h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--inline" }, this.secondaryHeading))), this.collapsible && (h(Fragment, null, h("duet-spacer", { direction: "horizontal", size: "small" }), h("duet-icon", { class: "duet-card-caret", icon: arrowUpIcon.svg, size: "small", margin: "none", color: "currentColor" })))), this.secondaryHeading && (h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--new-line" }, this.secondaryHeading)), h("slot", { name: "below-heading" })));
   }
   /**
    * Sets focus on the specified `duet-card`. Use this method instead of the global
@@ -182,7 +187,7 @@ export class DuetCard {
           "references": {
             "DuetCardVariation": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx"
             }
           }
         },
@@ -236,10 +241,10 @@ export class DuetCard {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "DuetHeadingLevel",
-          "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+          "original": "DuetCardHeadingLevel",
+          "resolved": "\"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
           "references": {
-            "DuetHeadingLevel": {
+            "DuetCardHeadingLevel": {
               "location": "import",
               "path": "../../common-types"
             }
@@ -249,12 +254,34 @@ export class DuetCard {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "The actual heading level used for the heading in html markup. This setting\nexists for accessibility reasons. It doesn\u2019t change the style visually."
+          "text": "The actual heading level used for the heading in html markup. This setting\nexists for accessibility reasons. It doesn\u2019t change the style visually.\nThis setting is only used if the heading property is set.\nIf you provide your own heading(s) in the slot, you should set this to neutral \"div\"\nin order to avoid nested headings."
         },
         "attribute": "heading-level",
         "reflect": false,
         "defaultValue": "\"h2\""
       },
+      "headingBackground": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetColor | undefined",
+          "resolved": "string",
+          "references": {
+            "DuetColor": {
+              "location": "import",
+              "path": "../../common-types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Custom color to be used for the card's heading background, as a design token entered in\ncamelCase or kebab-case. Example: \"primary\"."
+        },
+        "attribute": "heading-background",
+        "reflect": false
+      },
       "icon": {
         "type": "string",
         "mutable": false,
@@ -326,7 +353,7 @@ export class DuetCard {
           "references": {
             "DuetCardPadding": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx"
             }
           }
         },
@@ -445,7 +472,7 @@ export class DuetCard {
           "references": {
             "DuetCardToggleEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx"
             }
           }
         }

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

@@ -481,7 +481,7 @@ export class DuetCheckbox {
           "references": {
             "DuetCheckboxEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
             }
           }
         }
@@ -501,7 +501,7 @@ export class DuetCheckbox {
           "references": {
             "DuetCheckboxEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
             }
           }
         }
@@ -521,7 +521,7 @@ export class DuetCheckbox {
           "references": {
             "DuetCheckboxEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
             }
           }
         }

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

@@ -852,7 +852,7 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx"
             }
           }
         }
@@ -872,7 +872,7 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx"
             }
           }
         }
@@ -892,7 +892,7 @@ export class DuetChoice {
           "references": {
             "DuetChoiceEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx"
             }
           }
         }

package/lib/collection/components/duet-choice-group/duet-choice-group.css

@@ -27,16 +27,60 @@
 :host(.horizontal) .duet-choice-group {
   display: block;
 }
-@media (min-width: 48em) {
+:host(.horizontal) .duet-choice-group.duet-no-stacking {
+  display: flex;
+}
+@media (max-width: 35.9375em) {
   :host(.horizontal) .duet-choice-group {
     display: flex;
     margin-bottom: 0;
   }
 }
 
-:host(.horizontal) .duet-choice-group.duet-no-stacking {
+:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking) {
   display: flex;
 }
+@media (max-width: 22.5em) {
+  :host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking) {
+    display: block;
+  }
+}
+
+:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking) {
+  display: block;
+}
+@media (min-width: 36em) {
+  :host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking) {
+    display: flex;
+  }
+}
+
+:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking) {
+  display: block;
+}
+@media (min-width: 48em) {
+  :host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking) {
+    display: flex;
+  }
+}
+
+:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking) {
+  display: block;
+}
+@media (min-width: 62em) {
+  :host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking) {
+    display: flex;
+  }
+}
+
+:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking) {
+  display: block;
+}
+@media (min-width: 64.0625em) {
+  :host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking) {
+    display: flex;
+  }
+}
 
 .duet-choice-group {
   position: relative;

package/lib/collection/components/duet-choice-group/duet-choice-group.js

@@ -40,6 +40,7 @@ export class DuetChoiceGroup {
     this.tooltip = undefined;
     this.tooltipDirection = "auto";
     this.responsive = false;
+    this.breakpoint = "small";
     this.value = undefined;
     this.disabled = undefined;
   }
@@ -124,7 +125,14 @@ export class DuetChoiceGroup {
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, { onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme }, this.tooltip && (h("duet-tooltip", { slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("div", { class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", null)))));
+    return (h(Host, { onDuetChange: this.onSelect, class: {
+        horizontal: this.direction === "horizontal",
+        "duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
+        "duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",
+        "duet-choice-group-breakpoint-medium": this.responsive && this.breakpoint === "medium",
+        "duet-choice-group-breakpoint-large": this.responsive && this.breakpoint === "large",
+        "duet-choice-group-breakpoint-x-large": this.responsive && this.breakpoint === "x-large",
+      } }, h("duet-fieldset", { label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme }, this.tooltip && (h("duet-tooltip", { slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("div", { class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", null)))));
   }
   static get is() { return "duet-choice-group"; }
   static get encapsulation() { return "scoped"; }
@@ -357,6 +365,29 @@ export class DuetChoiceGroup {
         "reflect": false,
         "defaultValue": "false"
       },
+      "breakpoint": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetChoiceGroupBreakpoint",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
+          "references": {
+            "DuetChoiceGroupBreakpoint": {
+              "location": "import",
+              "path": "../../common-types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Switch the breakpoint used to trigger the content stacking. These match to\nsimilar media query tokens eg.: $media-query-small, $media-query-medium."
+        },
+        "attribute": "breakpoint",
+        "reflect": false,
+        "defaultValue": "\"small\""
+      },
       "value": {
         "type": "string",
         "mutable": true,

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

@@ -166,7 +166,7 @@ export class DuetCollapsible {
           "references": {
             "DuetCollapsibleWeight": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
             }
           }
         },
@@ -189,7 +189,7 @@ export class DuetCollapsible {
           "references": {
             "DuetCollapsibleHeadingFontSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
             }
           }
         },
@@ -286,7 +286,7 @@ export class DuetCollapsible {
           "references": {
             "DuetCollapsibleToggleEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
             }
           }
         }

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

@@ -50,6 +50,7 @@ export class DuetCombobox {
     this.formatter = (item) => item && item.name ? item.name : "";
     this.value = undefined;
     this.minCharacters = 1;
+    this.openListOnClick = false;
   }
   activeItemHandler(state) {
     this.input.accessibleActiveDescendant = this.listOpen && (state || state === 0) ? `active_item` : "";
@@ -84,7 +85,12 @@ export class DuetCombobox {
     this.input = this.element.querySelector("duet-input");
     this.input.addEventListener("duetChange", this.updateInputValue.bind(this));
     this.input.addEventListener("click", () => {
-      this.inputValue.length >= this.minCharacters ? (this.listOpen = true) : (this.listOpen = false);
+      if (!this.openListOnClick) {
+        this.inputValue.length >= this.minCharacters ? (this.listOpen = true) : (this.listOpen = false);
+      }
+      else {
+        this.listOpen = !this.listOpen;
+      }
     });
     this.element.addEventListener("keydown", this.handleInputKeyDownEvent.bind(this));
     //add correct aria attributes to the input element
@@ -461,7 +467,7 @@ export class DuetCombobox {
           "references": {
             "DuetComboboxItem": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx"
             }
           }
         },
@@ -513,6 +519,24 @@ export class DuetCombobox {
         "attribute": "min-characters",
         "reflect": false,
         "defaultValue": "1"
+      },
+      "openListOnClick": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Defines if items list should always open after clicking on input"
+        },
+        "attribute": "open-list-on-click",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }
@@ -544,7 +568,7 @@ export class DuetCombobox {
           "references": {
             "DuetComboboxEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx"
             }
           }
         }
@@ -568,7 +592,7 @@ export class DuetCombobox {
             },
             "DuetComboboxItem": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx"
             }
           },
           "return": "Promise<string>"

package/lib/collection/components/duet-contact-card/duet-contact-card.js

@@ -43,10 +43,12 @@ export class DuetContactCard {
    * Always the last one in the class.
    */
   render() {
+    const isTurva = this.theme === "turva";
+    const theme = isTurva ? "turva" : "default";
     return (h(Host, { class: { "duet-m-0": this.margin === "none" } }, h("div", { class: {
         "duet-contact-card": true,
         "duet-theme-turva": this.theme === "turva",
-      }, "aria-role": "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", null, this.name && (h("duet-heading", { class: "name", level: "h3", margin: "none" }, this.name)), this.description && (h("duet-paragraph", { class: "description", margin: "none" }, this.description)), this.email && (h("div", { class: "email" }, h("duet-icon", { name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none" }), h("duet-link", { url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}` }, this.email))), this.phone && (h("div", { class: "phone" }, h("duet-icon", { name: "form-tel", size: "x-small", color: "primary-dark", margin: "none" }), h("duet-link", { url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}` }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { class: "call-to-action" }, h("duet-button", { variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl }, this.buttonText))), h("div", null), h("slot", null))));
+      }, "aria-role": "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", null, this.name && (h("duet-heading", { class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { class: "email" }, h("duet-icon", { name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { class: "phone" }, h("duet-icon", { name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { class: "call-to-action" }, h("duet-button", { variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", null), h("slot", null))));
   }
   static get is() { return "duet-contact-card"; }
   static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js

@@ -99,7 +99,7 @@ export class DuetCookieConsent {
           "references": {
             "DuetCookieConsentEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx"
             }
           }
         }

package/lib/collection/components/duet-date-picker/duet-date-picker.js

@@ -744,7 +744,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerDirection": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
             }
           }
         },
@@ -916,7 +916,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
             }
           }
         }
@@ -936,7 +936,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerFocusEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
             }
           }
         }
@@ -956,7 +956,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerFocusEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
             }
           }
         }

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

@@ -75,7 +75,7 @@ export class DuetDivider {
           "references": {
             "DuetDividerMargin": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-divider/duet-divider.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-divider/duet-divider.tsx"
             }
           }
         },

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

@@ -283,7 +283,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableActions": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
             }
           }
         },
@@ -307,7 +307,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableColumns": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
             }
           }
         },
@@ -331,7 +331,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableRows": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
             }
           }
         },
@@ -442,7 +442,7 @@ export class DuetEditableTable {
           "references": {
             "DuetTableToggleEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
             }
           }
         }
@@ -462,7 +462,7 @@ export class DuetEditableTable {
           "references": {
             "DuetTableMenuEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
             }
           }
         }

package/lib/collection/components/duet-empty-state/duet-empty-state.js

@@ -95,7 +95,7 @@ export class DuetEmptyState {
           "references": {
             "DuetEmptyStateSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-empty-state/duet-empty-state.tsx"
+              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-empty-state/duet-empty-state.tsx"
             }
           }
         },