@duetds/components 10.0.0 → 10.1.1

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

@@ -615,7 +615,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -636,7 +636,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -657,7 +657,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }

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

@@ -377,7 +377,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipVariation"
                         }
                     }
@@ -403,7 +403,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipSize"
                         }
                     }
@@ -677,7 +677,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -698,7 +698,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -719,7 +719,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -740,7 +740,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }

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

@@ -200,8 +200,11 @@
   align-self: flex-start;
   margin-top: 0.25rem;
 }
-.duet-choice-label > div:last-child {
+.duet-choice-label .duet-choice-card-text {
   flex: 1;
+}
+.duet-choice-label > div:last-child {
+  flex: 0 1 0;
   align-self: flex-start;
   justify-self: flex-end;
   margin-top: 0.25rem;

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

@@ -1219,7 +1219,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1240,7 +1240,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1261,7 +1261,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }

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

@@ -172,5 +172,5 @@
 }
 :host(.duet-theme-turva2) .duet-collapsible-content.duet-theme-turva,
 :host(.duet-theme-turva2) .duet-collapsible-heading.duet-theme-turva {
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }

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

@@ -356,7 +356,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleWeight": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleWeight"
                         }
                     }
@@ -382,7 +382,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleHeadingFontSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleHeadingFontSize"
                         }
                     }
@@ -489,7 +489,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleToggleEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleToggleEvent"
                         }
                     }

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

@@ -25,11 +25,6 @@
   color: rgb(23, 28, 58);
 }
 
-.combobox-menu-container {
-  width: var(--popup-width);
-  max-height: 200px;
-}
-
 :host(.duet-theme-turva2.duet-theme-turva) {
   color: rgb(23, 42, 59);
 }

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

@@ -10,6 +10,8 @@ import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLan
 import { getElementsFromDefaultSlot } from "../../utils/slot-utils";
 import { parsePossibleJSON } from "../../utils/string-utils";
 import { DuetComboBoxSelect } from "./duet-combobox-select";
+import { fontSizeMedium, lineHeightMedium, spaceXSmall } from "@duetds/tokens";
+const POPUP_MENU_SIZE = 5;
 export class DuetCombobox {
     constructor() {
         var _a, _b;
@@ -160,7 +162,7 @@ export class DuetCombobox {
                 return;
             }
             if (isEscapeKey(e) || isTabKey(e)) {
-                if (this.listOpen) {
+                if (isEscapeKey(e) && this.listOpen) {
                     e.preventDefault();
                 }
                 this.updateInputText(true);
@@ -171,18 +173,21 @@ export class DuetCombobox {
             //handle arrow up/down navigation
             let nextActiveItem = this.activeItem;
             if (isArrowUpKey(e)) {
-                e.preventDefault();
                 nextActiveItem = this.activeItem - 1;
             }
-            else if (isArrowDownKey(e)) {
+            if (isArrowDownKey(e)) {
                 if (((_c = (_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) < this.minCharacters) {
                     return;
                 }
-                e.preventDefault();
                 nextActiveItem = this.listOpen ? this.activeItem + 1 : this.activeItem;
-                this.listOpen = true;
+                this.popupMenuController = this.input.nativeInputElement;
+                // change listOpen on next tick so popup controller is set when open changes
+                setTimeout(() => {
+                    this.listOpen = true;
+                });
             }
             if (isArrowDownKey(e) || isArrowUpKey(e)) {
+                e.preventDefault();
                 if (nextActiveItem < 0 || !nextActiveItem) {
                     nextActiveItem = 0;
                 }
@@ -579,19 +584,35 @@ export class DuetCombobox {
         }
         return items;
     }
+    /**
+     * As the div.combobox-menu-container is inside popup-menu's shadow DOM, external styles don't work
+     */
+    getMenuContainerStyles() {
+        const fontSize = parseInt(fontSizeMedium) * 16; // rem to px
+        const lineHeight = parseFloat(lineHeightMedium) * fontSize;
+        const verticalPadding = 2 * parseInt(spaceXSmall);
+        return {
+            "max-height": `${POPUP_MENU_SIZE * (lineHeight + verticalPadding)}px`,
+            width: "var(--popup-width)",
+        };
+    }
     /**
      * render() function
      * Always the last one in the class.
      */
     render() {
+        var _a;
         if (Build.isServer) {
             return;
         }
+        // As the popup is anchored to the native input inside duet-input, we need to adjust positioning
+        const horizontalOffset = -1 * ((_a = this.input.nativeInputElement) === null || _a === void 0 ? void 0 : _a.offsetLeft); // need to calculate on every render, as we may have chips
+        const verticalOffset = 2; // focused input has 2px outline
         const selectElements = this.returnFilteredOrNonFiltered();
         return (h(Host, { class: {
                 "duet-combobox": true,
                 [`duet-theme-${this.theme}`]: true,
-            } }, h("slot", null), h("div", null, h("duet-popup-menu", { id: this.listBoxId, controller: this.popupMenuController, ref: el => (this.listContainer = el), accessibleRole: "listbox", allowVerticalFlip: false, class: { "duet-skip-teleport-inert": this.isInsideModal } }, h("div", { class: "combobox-menu-container" }, this.listOpen &&
+            } }, h("slot", null), h("div", null, h("duet-popup-menu", { id: this.listBoxId, controller: this.popupMenuController, ref: el => (this.listContainer = el), accessibleRole: "listbox", allowVerticalFlip: false, mainAxisOffset: verticalOffset, crossAxisOffset: horizontalOffset, class: { "duet-skip-teleport-inert": this.isInsideModal } }, h("div", { class: "combobox-menu-container", style: this.getMenuContainerStyles() }, this.listOpen &&
             selectElements.map((item, index) => {
                 return (h(DuetComboBoxSelect, { id: this.activeDescendantId, item: item, activeDescendant: index === this.activeItem, selected: this.selectedItems.has(item.id), search: this.inputValue, clickHandler: e => this.onListClick(e, item), label: this.formatLabel(item, index, selectElements.length, this.processedItems.length), isAndroidDevice: this.isAndroidDevice }));
             }), h("duet-spacer", { size: "x-small" }))))));
@@ -795,7 +816,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     }
@@ -924,7 +945,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxEvent"
                         }
                     }
@@ -948,7 +969,7 @@ export class DuetCombobox {
                         },
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/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

@@ -127,7 +127,7 @@ export class DuetCookieConsent {
                     "references": {
                         "DuetCookieConsentEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/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.css

@@ -63,7 +63,7 @@
 }
 .duet-internal-label.duet-theme-turva {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 28, 58);
+  color: rgb(23, 42, 59);
 }
 
 *,
@@ -537,7 +537,7 @@
 .duet-theme-turva .duet-date-dialog-mobile-header {
   border-color: rgb(199, 202, 207);
 }
-.duet-date-dialog-mobile-header duet-label {
+.duet-date-dialog-mobile-header label {
   display: inline-block;
   max-width: 84%;
   overflow: hidden;
@@ -545,7 +545,7 @@
   white-space: nowrap;
 }
 @media (min-width: 36em) {
-  .duet-date-dialog-mobile-header duet-label {
+  .duet-date-dialog-mobile-header label {
     display: none;
   }
 }

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

@@ -962,7 +962,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerDirection": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerDirection"
                         }
                     }
@@ -1175,7 +1175,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerChangeEvent"
                         }
                     }
@@ -1196,7 +1196,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerFocusEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
                         }
                     }
@@ -1217,7 +1217,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerFocusEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/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

@@ -89,7 +89,7 @@ export class DuetDivider {
                     "references": {
                         "DuetDividerMargin": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-divider/duet-divider.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/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

@@ -366,7 +366,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableActions": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableActions"
                         }
                     }
@@ -394,7 +394,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableColumns": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableColumns"
                         }
                     }
@@ -422,7 +422,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableRows": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableRows"
                         }
                     }
@@ -570,7 +570,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetTableToggleEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableToggleEvent"
                         }
                     }
@@ -591,7 +591,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetTableMenuEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/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

@@ -111,7 +111,7 @@ export class DuetEmptyState {
                     "references": {
                         "DuetEmptyStateSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-empty-state/duet-empty-state.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/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-fieldset/duet-fieldset.css

@@ -68,20 +68,12 @@ fieldset legend {
 
 .duet-fieldset-label {
   margin-bottom: 12px !important;
+  display: flex;
   margin-top: 8px;
 }
 .duet-legend-has-caption .duet-fieldset-label {
   margin-bottom: 6px !important;
 }
-.duet-legend-has-tooltip .duet-fieldset-label {
-  padding-right: 36px;
-}
-@media (min-width: 48em) {
-  .duet-legend-has-tooltip .duet-fieldset-label {
-    margin-bottom: 3px !important;
-    padding-right: 0;
-  }
-}
 @media (min-width: 48em) {
   .duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label {
     margin-bottom: -3px !important;
@@ -114,15 +106,8 @@ fieldset legend {
 }
 
 ::slotted(duet-tooltip) {
-  position: absolute;
+  position: relative;
   top: 4px;
-  right: 0;
-}
-@media (min-width: 48em) {
-  ::slotted(duet-tooltip) {
-    position: relative;
-    right: auto;
-  }
 }
 
 .duet-legend-hidden {

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

@@ -153,7 +153,7 @@ export class DuetUploadItem {
                     "references": {
                         "DuetFileChooserEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-file-chooser/duet-file-chooser.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/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.js

@@ -137,6 +137,22 @@ export class DuetFooter {
         this.processedItems = parsePossibleJSON(this.items);
         this.processedMenu = parsePossibleJSON(this.menu);
     }
+    getTopItemButtonIcon(item) {
+        var _a, _b;
+        if (item.href && item.external) {
+            return undefined;
+        }
+        if ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith("tel:")) {
+            return "form-tel";
+        }
+        if ((_b = item.href) === null || _b === void 0 ? void 0 : _b.startsWith("mailto:")) {
+            return "navigation-message";
+        }
+        return "navigation-arrow-right";
+    }
+    isMessagingLink(href) {
+        return (href === null || href === void 0 ? void 0 : href.startsWith("tel:")) || (href === null || href === void 0 ? void 0 : href.startsWith("mailto:"));
+    }
     /**
      * render() function
      * Always the last one in the class.
@@ -144,25 +160,16 @@ export class DuetFooter {
     render() {
         const text = getLocaleString(i18n, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (h("footer", { key: '374b3e4cf00807da89a9742f3efdc2a4a0bc6b18', class: {
+        return (h("footer", { key: '86aa6cfb85cbc461f27ecfcbd2580c99c6a1d6ea', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, h("div", { key: 'c8e124344783908ff121070042054f4d0c7947f5', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: '1bbdf39de923762fc2fbe73b6aec50ef7ad9d6f1', class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '81286c05a8d63e73d0ca759d74a1697232b3fba9', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: '7b0af28113896845cf7dd1e6cb6bd98d30e55e57', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, h("div", { key: 'eb1a893372576296ccf12fee8831c525a2632eee', class: "footer-top-logo" }, h("duet-logo", { key: '10de708506297ff9f3318912b81a2e8378c4270d', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: 'dc3946221202b4292f2e4fbc080178dca9ad73b1', class: "footer-top-right-container" }, h("slot", { key: '1ad763eaac02a6c7fbccd51e2236259ba1450b07', name: "info" }), h("div", { key: '54df55c2fc9dfdbaa774c841c3cd86f799684d81', 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", { ref: element => this.setDataAttributes(element, item), theme: this.theme, 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", { key: '361a7bcbb2822507495f9ce3d2cba71c5787ad60', name: "extra" }), h("p", { key: 'd550a699008989e92c8ccb0f856f730a0f0d408a', class: "duet-footer-menu", part: "menu" }, h("span", { key: 'd0382fd0c48916c77ae76340f1797b35edb62863', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '085136a2a21443c434ef94fd8917616c07f764e9', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: 'df5f48b86ef46c1bfb03cf75e55ef2e402af1479' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), 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", { key: '475e550d7b43e8a0ddd78b4ea001c78452b783e1', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }, part: "top" }, h("div", { key: 'bc5396a0f997e44cbaafd087adf00e75f97f8b5a', class: "footer-top-logo" }, h("duet-logo", { key: 'fe1aa7afcc6a06468b216906c1b41cca8dadca15', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: '19a7f05c2ee0f6f22e05dc4c4e32ad3a2e7e7e49', class: "footer-top-right-container" }, h("slot", { key: '3d55e517eeb363bc24522186c27c1eb9acd0e08f', name: "info" }), h("div", { key: '2415ecbf3c7128d9d0c39506e8634beb5042d61c', class: "footer-top-items" }, this.processedItems &&
+            this.processedItems.map((item, index) => (h(Fragment, null, index > 0 && h("duet-spacer", { size: "x-large", direction: "horizontal" }), h("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: this.getTopItemButtonIcon(item), "icon-right": !this.isMessagingLink(item.href), "icon-size": this.isMessagingLink(item.href) ? "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", { key: 'fe8d1c7d7b75403eacac98614932040adb57d11b', name: "extra" }), h("p", { key: 'dfae59c2992d08e97cb8cacccf7e144e66437b06', class: "duet-footer-menu", part: "menu" }, h("span", { key: '94eca18d1332909865fef8de75238c4af03f384b', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '94ffe16bb9cea453d522865f4c58d7f8c039f142', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: 'd20feb15e1cf0b7e930f08be329c440d3bfa88b6' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), 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", { key: '9c9e03660d7774a3cb604d90d7aceef2177c74a6', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     static get is() { return "duet-footer"; }
     static get encapsulation() { return "shadow"; }
@@ -214,7 +221,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterVariation"
                         }
                     }
@@ -446,7 +453,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -467,7 +474,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -488,7 +495,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -509,7 +516,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -530,7 +537,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterAnalyticsEvent"
                         }
                     }
@@ -551,7 +558,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }