@duetds/components 8.6.4 → 8.6.6

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

@@ -696,7 +696,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     }
@@ -814,7 +814,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxEvent"
                         }
                     }
@@ -838,7 +838,7 @@ export class DuetCombobox {
                         },
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     },

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

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

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

@@ -762,7 +762,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerDirection": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerDirection"
                         }
                     }
@@ -937,7 +937,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerChangeEvent"
                         }
                     }
@@ -958,7 +958,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerFocusEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
                         }
                     }
@@ -979,7 +979,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerFocusEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
                         }
                     }

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

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

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

@@ -304,7 +304,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableActions": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableActions"
                         }
                     }
@@ -329,7 +329,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableColumns": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableColumns"
                         }
                     }
@@ -354,7 +354,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableRows": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableRows"
                         }
                     }
@@ -490,7 +490,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetTableToggleEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableToggleEvent"
                         }
                     }
@@ -511,7 +511,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetTableMenuEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableMenuEvent"
                         }
                     }

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

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

package/lib/collection/components/duet-file-chooser/duet-file-chooser.js

@@ -137,7 +137,7 @@ export class DuetUploadItem {
                     "references": {
                         "DuetFileChooserEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-file-chooser/duet-file-chooser.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-file-chooser/duet-file-chooser.tsx",
                             "id": "src/components/duet-file-chooser/duet-file-chooser.tsx::DuetFileChooserEvent"
                         }
                     }

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

@@ -27,19 +27,21 @@
 
 ::slotted([slot=info]) {
   padding: 0 28px;
-  margin-top: 36px;
+  margin-top: 0;
+  margin-bottom: 16px;
 }
 @media (min-width: 62em) {
   ::slotted([slot=info]) {
     padding: 0;
-    margin: 0;
+    margin-top: calc(20px - 0.5em);
+    margin-bottom: 0;
   }
 }
 
 .duet-footer {
   display: block;
   width: 100%;
-  padding-top: 20px;
+  padding-top: 24px;
   padding-bottom: 16px;
   margin-top: 48px;
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -56,11 +58,6 @@
 .duet-footer.duet-m-0 {
   margin: 0 !important;
 }
-@media (min-width: 36em) {
-  .duet-footer {
-    padding-top: 36px;
-  }
-}
 @media (min-width: 62em) {
   .duet-footer {
     padding-top: 48px;
@@ -115,36 +112,43 @@
     display: flex;
     flex-direction: row;
     align-items: center;
-    justify-content: space-between;
+  }
+  .duet-footer-top.duet-has-info {
+    align-items: flex-start;
   }
 }
 .duet-footer-top .footer-top-logo {
   flex-grow: 1;
 }
 .duet-footer-top .footer-top-right-container {
-  flex-grow: 1.5;
+  flex-grow: 1;
+}
+@media (min-width: 62em) {
+  .duet-footer-top .footer-top-right-container {
+    text-align: right;
+  }
 }
 .duet-footer-top .footer-top-items {
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  align-items: flex-start;
+  justify-content: flex-start;
+  padding-left: 28px;
 }
 @media (min-width: 62em) {
   .duet-footer-top .footer-top-items {
     flex-direction: row;
+    justify-content: flex-end;
   }
 }
 
 duet-logo {
+  margin-bottom: 24px;
   margin-left: 16px !important;
 }
-@media (min-width: 36em) {
-  duet-logo {
-    margin-left: 28px !important;
-  }
-}
 @media (min-width: 62em) {
   duet-logo {
+    margin-bottom: 0;
     margin-left: 0 !important;
   }
 }
@@ -199,71 +203,11 @@ duet-logo {
   }
 }
 
-.duet-footer-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 12px;
-  margin-right: 16px;
-  background: rgb(0, 119, 179);
-  border-radius: 50%;
-  transition: 300ms ease;
-}
-.duet-theme-turva .duet-footer-icon {
-  background: transparent;
-  box-shadow: 0 0 0 1px #fff;
-}
-a:hover .duet-footer-icon {
-  background: #006ba1;
-}
-.duet-theme-turva a:hover .duet-footer-icon {
-  background: transparent;
-}
-
-.duet-footer-arrow {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  min-width: 20px;
-  max-width: 20px;
-  height: 20px;
-  max-height: 20px;
-  margin-left: auto;
-  color: rgb(255, 255, 255);
-  transition: transform 300ms ease;
-}
-@media (min-width: 62em) {
-  .duet-footer-arrow {
-    width: 10px;
-    min-width: 10px;
-    margin-top: 3px;
-    margin-left: 8px;
-  }
-}
-@media (min-width: 62em) {
-  .duet-footer-arrow {
-    margin-right: 0;
-  }
-}
-a:hover .duet-footer-arrow {
-  transform: translateX(4px);
-}
-.duet-footer-arrow duet-icon {
-  width: 20px;
-  height: 20px;
-}
-@media (min-width: 62em) {
-  .duet-footer-arrow duet-icon {
-    width: 10px;
-    height: 10px;
-  }
-}
-
 .duet-footer-menu {
   padding: 20px !important;
   display: flex;
   gap: 2rem;
+  padding-left: 28px !important;
   font-size: 0.875rem;
 }
 @media (min-width: 36em) {
@@ -273,6 +217,7 @@ a:hover .duet-footer-arrow {
 }
 @media (min-width: 62em) {
   .duet-footer-menu {
+    padding-right: 0 !important;
     padding-left: 8px !important;
   }
 }
@@ -321,7 +266,7 @@ a:hover .duet-footer-arrow {
   display: block;
   padding-top: 0.5rem;
   padding-bottom: 1.25rem;
-  padding-left: 2rem;
+  padding-left: 28px;
   text-align: left;
 }
 @media (min-width: 62em) {

package/lib/collection/components/duet-footer/duet-footer.e2e.js

@@ -35,9 +35,9 @@ describe("duet-footer", () => {
         const page = await createPage(defaultFooter);
         await page.$eval("duet-footer", (el) => {
             el.items = [
-                { label: "Hae korvausta", href: "#", icon: "navigation-make-claim" },
-                { label: "Osta vakuutus", href: "#", icon: "action-buy-insurance" },
-                { label: "Yhteystiedot", href: "#", icon: "form-tel" },
+                { label: "Hae korvausta", href: "#" },
+                { label: "Osta vakuutus", href: "#" },
+                { label: "Yhteystiedot", href: "#" },
             ];
         });
         await page.waitForChanges();
@@ -66,19 +66,19 @@ describe("duet-footer", () => {
         const page = await createPage(defaultFooter);
         await page.$eval("duet-footer", (el) => {
             el.items = [
-                { label: "Hae korvausta", href: "#", icon: "navigation-make-claim" },
-                { label: "Osta vakuutus", href: "#", icon: "action-buy-insurance" },
-                { label: "Yhteystiedot", href: "#", icon: "form-tel" },
+                { label: "Hae korvausta", href: "#" },
+                { label: "Osta vakuutus", href: "#" },
+                { label: "Yhteystiedot", href: "#" },
             ];
         });
         const element = await page.find("duet-footer");
         // should be updated when setting the *attribute*
-        element.setAttribute("items", '[{ "label": "test", "href": "#", "icon": "navigation-make-claim" }]');
+        element.setAttribute("items", '[{ "label": "test", "href": "#" }]');
         await page.waitForChanges();
         let test = await page.find("duet-footer >>> .duet-footer-link");
         expect(test).toEqualText("test");
         // should also be updated when setting the label *property*
-        element.setProperty("items", [{ label: "test 2", href: "#", icon: "navigation-make-claim" }]);
+        element.setProperty("items", [{ label: "test 2", href: "#" }]);
         await page.waitForChanges();
         test = await page.find("duet-footer >>> .duet-footer-link");
         expect(test).toEqualText("test 2");
@@ -88,11 +88,11 @@ describe("duet-footer", () => {
         let footer;
         const props = {
             items: [
-                { label: "item 1", id: "item-1", icon: "form-tel" },
-                { label: "item 2", id: "item-2", icon: "navigation-make-claim" },
+                { label: "item 1", id: "item-1" },
+                { label: "item 2", id: "item-2" },
             ],
             menu: [{ label: "menu 1", id: "menu-1" }],
-            logoHref: "/logo",
+            logoHref: "./#logo",
         };
         beforeEach(async () => {
             page = await createPage(defaultFooter);
@@ -102,8 +102,7 @@ describe("duet-footer", () => {
             }, props);
             await page.waitForChanges();
         });
-        // TODO: broken test as the browser tries to enter the logo url
-        it.skip("raises events when logo is clicked", async () => {
+        it("raises events when logo is clicked", async () => {
             const logo = await page.find("duet-footer >>> duet-logo");
             const changeSpy = await footer.spyOnEvent("duetChange");
             const logoSpy = await footer.spyOnEvent("duetLogoClick");
@@ -149,8 +148,8 @@ describe("duet-footer", () => {
             page = await createPage(`
         <duet-footer
           items='[
-            { "label": "item 1", "id": "item-1", "analyticsId": "item analytics", "icon": "form-tel"} ,
-            { "label": "item 2", "id": "item-2", "icon": "form-tel" }
+            { "label": "item 1", "id": "item-1", "analyticsId": "item analytics" } ,
+            { "label": "item 2", "id": "item-2" }
           ]'
           menu='[{ "label": "menu 1", "id": "menu-1", "analyticsId": "menu analytics"}]'
         ></duet-footer>

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

@@ -1,14 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import arrowRightIcon from "@duetds/icons/lib/assets/action-arrow-right";
-import newWindowIcon from "@duetds/icons/lib/assets/action-new-window";
 import newWindowIconSmall from "@duetds/icons/lib/assets/action-new-window-small";
-import { Build, Fragment, h } from "@stencil/core";
+import { Fragment, h } from "@stencil/core";
 import { DuetStringsExternalDefaults } from "../../common-strings";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { subscribeTabbingChange, unsubscribeTabbingChange } from "../../utils/keyboard-utils";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
+import { hasSlot } from "../../utils/slot-utils";
 import { parsePossibleJSON } from "../../utils/string-utils";
 const i18n = {
     fi: { lahi: "© LähiTapiola", turva: "© Turva" },
@@ -82,9 +81,7 @@ export class DuetFooter {
     componentWillLoad() {
         inheritGlobalTheme(this);
         this.refresh();
-        this.hasInfoSlot = Build.isServer
-            ? Array.from(this.element.children).filter(el => el.matches("[slot='info']")).length > 0
-            : !!this.element.querySelector(":scope > [slot='info']");
+        this.hasInfoSlot = hasSlot(this.element, "info");
     }
     connectedCallback() {
         connectLanguageChangeObserver(this, {
@@ -104,18 +101,6 @@ export class DuetFooter {
         this.processedItems = parsePossibleJSON(this.items);
         this.processedMenu = parsePossibleJSON(this.menu);
     }
-    renderFooterTop() {
-        const logo = (h("div", { class: {
-                "footer-top-logo": this.hasInfoSlot,
-            } }, this.variation !== "simple" && (h("duet-logo", { href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme }))));
-        const footerItems = this.processedItems &&
-            this.variation !== "simple" &&
-            this.processedItems.map(item => (h("a", { class: "duet-footer-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, h("div", { class: "duet-footer-icon" }, h("duet-icon", { size: "medium", margin: "none", name: item.icon, color: "currentColor" })), h("span", null, item.label), !item.hideArrow && (h(Fragment, null, item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("div", { class: "duet-footer-arrow" }, item.external ? (h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })) : (h("duet-icon", { icon: arrowRightIcon.svg, size: "auto", margin: "none", color: "currentColor" }))))))));
-        if (this.hasInfoSlot) {
-            return (h(Fragment, null, logo, h("div", { class: "footer-top-right-container" }, h("slot", { name: "info" }), h("div", { class: "footer-top-items" }, footerItems))));
-        }
-        return (h(Fragment, null, logo, footerItems));
-    }
     /**
      * render() function
      * Always the last one in the class.
@@ -128,7 +113,20 @@ export class DuetFooter {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, h("div", { class: "duet-footer-wrapper" }, h("div", { class: "duet-footer-top", part: "top" }, this.renderFooterTop()), h("slot", { name: "extra" }), h("p", { class: "duet-footer-menu", part: "menu" }, h("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, null, this.processedMenu.map(item => (h("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }, "aria-label": this.accessibleLabel }, h("div", { class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { class: {
+                "duet-footer-top": true,
+                "duet-has-info": this.hasInfoSlot,
+            }, part: "top" }, h("div", { class: "footer-top-logo" }, h("duet-logo", { href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { class: "footer-top-right-container" }, h("slot", { name: "info" }), h("div", { class: "footer-top-items" }, this.processedItems &&
+            this.processedItems.map((item, index) => {
+                var _a, _b, _c, _d, _e, _f;
+                return (h(Fragment, null, index > 0 && h("duet-spacer", { size: "x-large", direction: "horizontal" }), h("duet-button", { id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith("tel:"))
+                        ? "form-tel"
+                        : ((_b = item.href) === null || _b === void 0 ? void 0 : _b.startsWith("mailto:"))
+                            ? "navigation-message"
+                            : "navigation-arrow-right", "icon-right": !((_c = item.href) === null || _c === void 0 ? void 0 : _c.startsWith("tel:")) && !((_d = item.href) === null || _d === void 0 ? void 0 : _d.startsWith("mailto:")), "icon-size": ((_e = item.href) === null || _e === void 0 ? void 0 : _e.startsWith("tel:")) || ((_f = item.href) === null || _f === void 0 ? void 0 : _f.startsWith("mailto:"))
+                        ? "medium"
+                        : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)));
+            }))))), h("slot", { name: "extra" }), h("p", { class: "duet-footer-menu", part: "menu" }, h("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, null, this.processedMenu.map(item => (h("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     static get is() { return "duet-footer"; }
     static get encapsulation() { return "shadow"; }
@@ -177,7 +175,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterVariation": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterVariation"
                         }
                     }
@@ -276,7 +274,7 @@ export class DuetFooter {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "An array of items for the main footer links. Items have to include mandatory\n\"label\", \"href\" and \"icon\" fields to work. Additionally, you can pass an \"id\"\nthat is added as an HTML identifier for the anchor tag."
+                    "text": "An array of items for the main footer links. Items have to include mandatory\n\"label\" and \"href\" fields to work. Additionally, you can pass an \"id\"\nthat is added as an HTML identifier for the anchor tag. Note that previously mandatory\n\"icon\" field has now been removed - setting it has no effect."
                 },
                 "attribute": "items",
                 "reflect": false
@@ -388,11 +386,11 @@ export class DuetFooter {
                 },
                 "complexType": {
                     "original": "DuetFooterChangeEvent",
-                    "resolved": "{ component: \"duet-footer\"; data: DuetFooterItem | DuetFooterIconItem; originalEvent: Event; }",
+                    "resolved": "{ component: \"duet-footer\"; data: DuetFooterItem; originalEvent: Event; }",
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -409,11 +407,11 @@ export class DuetFooter {
                 },
                 "complexType": {
                     "original": "DuetFooterChangeEvent",
-                    "resolved": "{ component: \"duet-footer\"; data: DuetFooterItem | DuetFooterIconItem; originalEvent: Event; }",
+                    "resolved": "{ component: \"duet-footer\"; data: DuetFooterItem; originalEvent: Event; }",
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -430,11 +428,11 @@ export class DuetFooter {
                 },
                 "complexType": {
                     "original": "DuetFooterChangeEvent",
-                    "resolved": "{ component: \"duet-footer\"; data: DuetFooterItem | DuetFooterIconItem; originalEvent: Event; }",
+                    "resolved": "{ component: \"duet-footer\"; data: DuetFooterItem; originalEvent: Event; }",
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -451,11 +449,11 @@ export class DuetFooter {
                 },
                 "complexType": {
                     "original": "DuetFooterChangeEvent",
-                    "resolved": "{ component: \"duet-footer\"; data: DuetFooterItem | DuetFooterIconItem; originalEvent: Event; }",
+                    "resolved": "{ component: \"duet-footer\"; data: DuetFooterItem; originalEvent: Event; }",
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -476,7 +474,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterAnalyticsEvent"
                         }
                     }
@@ -493,11 +491,11 @@ export class DuetFooter {
                 },
                 "complexType": {
                     "original": "DuetFooterChangeEvent",
-                    "resolved": "{ component: \"duet-footer\"; data: DuetFooterItem | DuetFooterIconItem; originalEvent: Event; }",
+                    "resolved": "{ component: \"duet-footer\"; data: DuetFooterItem; originalEvent: Event; }",
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }

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

@@ -257,7 +257,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridAlignment": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridAlignment"
                         }
                     }
@@ -281,7 +281,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridDistribution": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridDistribution"
                         }
                     }
@@ -305,7 +305,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridMobileAlignment"
                         }
                     }