@duetds/components 8.7.4 → 8.7.6

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

@@ -190,7 +190,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardVariation": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardVariation"
                         }
                     }
@@ -361,7 +361,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardPadding": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardPadding"
                         }
                     }
@@ -484,7 +484,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardToggleEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardToggleEvent"
                         }
                     }

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

@@ -535,7 +535,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -556,7 +556,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -577,7 +577,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/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

@@ -307,7 +307,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipVariation": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipVariation"
                         }
                     }
@@ -331,7 +331,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipSize": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipSize"
                         }
                     }
@@ -559,7 +559,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -580,7 +580,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -601,7 +601,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -622,7 +622,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/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-checkmark.js

@@ -18,11 +18,11 @@ export class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: '7fd977069f6d90e931bc1cc546dd5dcb1b3327a4', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '6248db0eebc16f273f2e09182664e9aff4c8fc69', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: 'b2462908bca83b11023bd66451750e232403dbd7', class: {
+        return (h(Host, { key: '692074bb8ff3765800f6d41465a3597312f4da79', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '345bc0d43dfd9e43ef63fc8154a3f5cf663a284a', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: '9a3d25fabd343baa33ed2bc6477117dabe38445d', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && h("div", { key: '58f1dfa0f6414c0b6e339562a7474d88f6ed593d', class: "duet-checkmark" })))));
+            } }, this.checked && h("div", { key: '0b214dedac8059c30b3cd59abd0623dda52d53bc', class: "duet-checkmark" })))));
     }
     static get is() { return "duet-checkmark"; }
     static get originalStyleUrls() {

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

@@ -998,7 +998,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1019,7 +1019,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1040,7 +1040,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/mgibas/workspace/duet/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.js

@@ -231,7 +231,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleWeight": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleWeight"
                         }
                     }
@@ -255,7 +255,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleHeadingFontSize": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleHeadingFontSize"
                         }
                     }
@@ -355,7 +355,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleToggleEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/mgibas/workspace/duet/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-select.js

@@ -2,16 +2,16 @@
  * Built with Duet Design System
  */
 import { h } from "@stencil/core";
-import { SelectSingle } from "./duet-combobox-select-single";
-export const DuetComboBoxSelect = ({ item, active, total, selected, label = undefined, clickHandler = e => {
+export const DuetComboBoxSelect = ({ item, active, selected, label = undefined, clickHandler = e => {
     e.preventDefault();
 }, keyHandler = e => {
     e.preventDefault();
-}, search, }) => {
+}, search, isAndroidDevice, }) => {
+    const regEx = search !== "" ? new RegExp("(" + search.split(" ").join("|") + ")", "i") : undefined;
     return (h("li", { class: {
             "list-item": true,
             option: true,
             active: active,
             selected: selected,
-        }, id: active ? "active_item" : "", "data-index": item.id, "aria-selected": active ? "true" : undefined, "aria-current": selected ? "true" : undefined, role: "option", "aria-label": label || `${item.name}, (${item.id + 1} of ${total})` }, h("a", { tabindex: "-1", onClick: e => clickHandler(e), onKeyUp: e => keyHandler(e), class: "option-link", "aria-label": label || `${item.name}, (${item.id + 1} of ${total})`, "aria-hidden": "true" }, h(SelectSingle, { item: item, search: search, selected: selected }))));
+        }, id: active ? "active_item" : "", "data-index": item.id, "aria-selected": active ? "true" : undefined, "aria-current": selected ? "true" : undefined, role: "option", "aria-label": label, tabindex: isAndroidDevice ? "-1" : null, onClick: e => clickHandler(e), onKeyUp: e => keyHandler(e) }, selected && h("duet-icon", { class: "option-icon", name: "messaging-checked", size: "xx-small", margin: "none" }), regEx ? (h("span", { class: "option-container", "aria-hidden": "true" }, h("span", { innerHTML: item.name.replace(regEx, '<span class="highlight sc-duet-combobox">$&</span>') }))) : (item.name), item.tags && h("span", { class: "option-tags" }, item.tags.join(", "))));
 };

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

@@ -80,20 +80,12 @@
 .duet-combobox-list .duet-combobox-listbox .list-item:not(.selected) .highlight {
   text-decoration: underline;
 }
-.duet-combobox-list .duet-combobox-listbox .list-item.option .option-link {
-  display: block;
-  width: 100%;
-}
 .duet-combobox-list .duet-combobox-listbox .list-item.option .option-tags {
   float: right;
   padding-right: 0.875rem;
   font-weight: 400;
   color: rgb(144, 149, 153);
 }
-.duet-combobox-list .duet-combobox-listbox .list-item.option-link {
-  display: block;
-  width: 100%;
-}
 .duet-combobox-list .duet-combobox-listbox .list-item.selected {
   padding-left: 0;
   background: rgb(205, 229, 241);

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

@@ -12,7 +12,9 @@ import { parsePossibleJSON } from "../../utils/string-utils";
 import { DuetComboBoxSelect } from "./duet-combobox-select";
 export class DuetCombobox {
     constructor() {
+        var _a, _b;
         this.listBoxId = createID("duet-combobox-list-element");
+        this.isAndroidDevice = ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf("android")) > -1 || null;
         this.resizeObserver = new ResizeObserver(debounce(entries => {
             var _a, _b;
             // otherwise, something is wrong, expecting 1 element only
@@ -120,18 +122,18 @@ export class DuetCombobox {
         this.accessibleLabelDefaults = {
             en: {
                 heading: "Select:",
-                item: "{name}, ({current} of {total})",
-                itemFiltered: "{name}, ({current} of {total}, {hiddenItems} filtered)",
+                item: "{name}",
+                itemFiltered: "{name}, {hiddenItems} filtered",
             },
             fi: {
                 heading: "Valitse:",
-                item: "{name}, ({current}/{total})",
-                itemFiltered: "{name}, ({current}/{total}, {hiddenItems} suodatettu)",
+                item: "{name}",
+                itemFiltered: "{name}, {hiddenItems} suodatettu",
             },
             sv: {
                 heading: "Välj:",
-                item: "{name}, ({current} av {total})",
-                itemFiltered: "{name}, ({current} av {total}, {hiddenItems} filtrerade)",
+                item: "{name}",
+                itemFiltered: "{name}, {hiddenItems} filtrerade",
             },
         };
         this.accessibleLabels = getLocaleString(this.accessibleLabelDefaults, getLanguage());
@@ -526,7 +528,7 @@ export class DuetCombobox {
                 "duet-combobox-listbox": true,
             }, role: "listbox", ref: el => (this.listElement = el), id: this.listBoxId }, this.listOpen &&
             selectElements.map((item, index) => {
-                return (h(DuetComboBoxSelect, { item: item, active: index === this.activeItem, selected: this.selectedItems.has(item.id), search: this.inputValue, total: selectElements.length, clickHandler: e => this.onListClick(e, item), label: this.formatLabel(item, index, selectElements.length, this.processedItems.length) }));
+                return (h(DuetComboBoxSelect, { item: item, active: 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 }));
             })))));
     }
     static get is() { return "duet-combobox"; }
@@ -565,7 +567,7 @@ export class DuetCombobox {
                 },
                 "attribute": "accessible-label-defaults",
                 "reflect": false,
-                "defaultValue": "{\n    en: {\n      heading: \"Select:\",\n      item: \"{name}, ({current} of {total})\",\n      itemFiltered: \"{name}, ({current} of {total}, {hiddenItems} filtered)\",\n    },\n    fi: {\n      heading: \"Valitse:\",\n      item: \"{name}, ({current}/{total})\",\n      itemFiltered: \"{name}, ({current}/{total}, {hiddenItems} suodatettu)\",\n    },\n    sv: {\n      heading: \"V\u00E4lj:\",\n      item: \"{name}, ({current} av {total})\",\n      itemFiltered: \"{name}, ({current} av {total}, {hiddenItems} filtrerade)\",\n    },\n  }"
+                "defaultValue": "{\n    en: {\n      heading: \"Select:\",\n      item: \"{name}\",\n      itemFiltered: \"{name}, {hiddenItems} filtered\",\n    },\n    fi: {\n      heading: \"Valitse:\",\n      item: \"{name}\",\n      itemFiltered: \"{name}, {hiddenItems} suodatettu\",\n    },\n    sv: {\n      heading: \"V\u00E4lj:\",\n      item: \"{name}\",\n      itemFiltered: \"{name}, {hiddenItems} filtrerade\",\n    },\n  }"
             },
             "accessibleLabels": {
                 "type": "unknown",
@@ -710,7 +712,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     }
@@ -828,7 +830,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxEvent"
                         }
                     }
@@ -852,7 +854,7 @@ export class DuetCombobox {
                         },
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     },

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

@@ -45,10 +45,10 @@ export class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: '3c9fa25aeb7c045d4b6125136452fbc000e917b0', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '305d81e0a0ca2879b9ae99198f5625aa72d7055a', class: {
+        return (h(Host, { key: '4a436cc9bd108107bc501a7643b2e93f5ac78e5c', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '47581ca62eb607cec4b8d1d37fcf5f18c2678a34', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '097d0fa2b4bcdd11fc20ab44ef4efb0cdee60e64' }, this.name && (h("duet-heading", { key: '2685492ee8f93e0bdfbbcc06069bede6254b95e7', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '3e7ecd91d78612587c26fb59efeba51318ff23fa', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: 'db60baa08a325146189f570058a4eed39719794d', class: "email" }, h("duet-icon", { key: '73f29608b716dba93b17aaf31b35343084bae481', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'aa4a3b2e81e0abe7fbfffae19f728330da02ed94', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '8f357ececb303367c0f9e7a29b08a73e291696f0', class: "phone" }, h("duet-icon", { key: '95623b4884cd04f1ccf7a05dd6e0fdd29ea0efc2', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'debe51d2602cabd67192beb8e2a6b33f42cdc0ae', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '0c53c226300fe7fe2430b096cb755865f239e58b', class: "call-to-action" }, h("duet-button", { key: '59badc81218dbc05a54b0447d1487468cabe8024', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: 'e08bd939ffbeb843e958c046566bba918fdf1f01' }), h("slot", { key: '5e6b4e8be69e1b5fd6babd5d616e3d3cbaa78138' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '2146916a772d049a0a2c338e573c436cc799369c' }, this.name && (h("duet-heading", { key: '1883776b3095e2f5aa9c173a96e7822d1c938f0e', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '92b78c88c8e2d892719502f7d2505ed7449da8d3', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '833f2c34ebcdce0e5233f80d6d01a5d9db13aadc', class: "email" }, h("duet-icon", { key: '41310926f4b326de7de44f4a7346905386f80254', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '9ce96e8d1f5f73496c3b8e3d3c7d99e2de741c3e', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '7b184f7a81d165ad37c66a6075d3b1698de6264c', class: "phone" }, h("duet-icon", { key: 'b973fbdcdd02bea91e9adce6b2d94b7122f730fc', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '4ba2b90db91a2217590ce7bc5f70846dc87e9856', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: 'a292f1045430c6eeac2ec61eae9722c6ffe41f4b', class: "call-to-action" }, h("duet-button", { key: '103fa46548191a207bcfa65a32e426b62c3c4e4a', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: 'b02b1c4afca5fb77e9fd389b64f1f853433bc52f' }), h("slot", { key: '02bae65fb19132f6a49d7dc156e660e042385fc3' }))));
     }
     static get is() { return "duet-contact-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -117,7 +117,7 @@ export class DuetCookieConsent {
                     "references": {
                         "DuetCookieConsentEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/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",
                             "id": "src/components/duet-cookie-consent/duet-cookie-consent.tsx::DuetCookieConsentEvent"
                         }
                     }

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

@@ -763,7 +763,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerDirection": {
                             "location": "local",
-                            "path": "/Users/administrator/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",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerDirection"
                         }
                     }
@@ -956,7 +956,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/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",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerChangeEvent"
                         }
                     }
@@ -977,7 +977,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerFocusEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/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",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
                         }
                     }
@@ -998,7 +998,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerFocusEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/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",
                             "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/administrator/duetds/packages/components/src/components/duet-divider/duet-divider.tsx",
+                            "path": "/Users/mgibas/workspace/duet/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/administrator/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",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableActions"
                         }
                     }
@@ -329,7 +329,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableColumns": {
                             "location": "local",
-                            "path": "/Users/administrator/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",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableColumns"
                         }
                     }
@@ -354,7 +354,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableRows": {
                             "location": "local",
-                            "path": "/Users/administrator/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",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableRows"
                         }
                     }
@@ -490,7 +490,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetTableToggleEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/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",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableToggleEvent"
                         }
                     }
@@ -511,7 +511,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetTableMenuEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/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",
                             "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/administrator/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",
                             "id": "src/components/duet-empty-state/duet-empty-state.tsx::DuetEmptyStateSize"
                         }
                     }

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

@@ -39,20 +39,20 @@ export class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4b7d0d8326673fbc6e1e7c775e7fa4ee12d1bf33', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '24c00f00cb4bc4d9e765732e9aca337f8081e523', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: '796efaecbe6ebd2dd9ca28bd48a7c0ca625171fe', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '637226c8d070993fade17dc1cb44e8db6c070d43', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("legend", { key: '25cc5a4565627e7253cf51ddd8387242901e5291', id: this.labelId }, h(this.labelHeadingLevel, { key: 'b6fbd1a1aec1d5417c0402ca6e620989a214243d' }, this.label), this.caption && h("span", { key: '8f2d3a785504eff5b08dacdd91f7563ea8d23556' }, this.caption)), h("div", { key: '321ba668ccd5893bacfc4504144fe72afb9d7423', class: {
+            } }, h("legend", { key: 'a49cbefbe852732e4b2b4326acd0a462d90106a6', id: this.labelId }, h(this.labelHeadingLevel, { key: 'f5f1518e027266a0e2d584fa1a6b4376f5db78e7' }, this.label), this.caption && h("span", { key: 'cb39f09028e0dd245b2df28580493b6de584ed3c' }, this.caption)), h("div", { key: '06d122ad9ce4c683b3eabfba9fb75db65a098eb1', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, h("div", { key: '829ebed3b5303fc9745a4188341bc0f3265ab43c', class: "duet-fieldset-label" }, h("span", { key: '8b510fdf1f3986a02a9c0bf8d68af86958d74d7c', "aria-hidden": "true" }, this.label), h("slot", { key: '7cb0efc0b6f5790887cd1d1f971738d0050d03fc', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '60587899d57d4c56f83f2cc0419eed5e5d74fbc9', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '503211941d2c58bb3b7b84c5c4dfa587b01f2ae5', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: 'b37c634b0db76801085598ab9b9e2b06321448f3' }), h("span", { key: 'eb6c9de533eb068ef21e322df6d8e5f30ac75e07', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'ed99f6a92ade89c6e1f971dc4aa03985e3d87d57' }, this.error)))));
+            } }, h("div", { key: '8f82b4f9980bf6681e5fee90a4b781e65e23f2b0', class: "duet-fieldset-label" }, h("span", { key: 'eae1f845e20acf1b968997393e62ad8ccd3b0cc8', "aria-hidden": "true" }, this.label), h("slot", { key: '7148e9ad377dce9d87116e9ece609df2173f3331', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '948abdedb43e0de5a965d4f03d21dbb7c138b55c', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '94a4ac15cefd5f8dc70f52ba257b448f9ca3c74a', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '287a9d3649d0d24ae4bca3aa44009947ea3758fe' }), h("span", { key: '2b4acb42a4e06002428b01c170a5a003dfe3654b', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '93e6611df1d44a5a657e69ac71402366aa7d82cd' }, this.error)))));
     }
     static get is() { return "duet-fieldset"; }
     static get encapsulation() { return "shadow"; }

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

@@ -137,7 +137,7 @@ export class DuetUploadItem {
                     "references": {
                         "DuetFileChooserEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-file-chooser/duet-file-chooser.tsx",
+                            "path": "/Users/mgibas/workspace/duet/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

@@ -175,7 +175,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterVariation": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterVariation"
                         }
                     }
@@ -390,7 +390,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -411,7 +411,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -432,7 +432,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -453,7 +453,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
                         }
                     }
@@ -474,7 +474,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
                             "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterAnalyticsEvent"
                         }
                     }
@@ -495,7 +495,7 @@ export class DuetFooter {
                     "references": {
                         "DuetFooterChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
+                            "path": "/Users/mgibas/workspace/duet/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/administrator/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/mgibas/workspace/duet/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/administrator/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/mgibas/workspace/duet/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/administrator/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridMobileAlignment"
                         }
                     }

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

@@ -229,15 +229,12 @@
   opacity: 1;
   transform: translateY(0);
 }
-.duet-header-items .extra-bottom-padding,
-.duet-header-bottom-utils .extra-bottom-padding,
-.duet-header-utils .extra-bottom-padding {
-  padding-bottom: 188px;
+
+.extra-bottom-margin {
+  margin-bottom: 188px;
 }
 @media (min-width: 62em) {
-  .duet-header-items .extra-bottom-padding,
-  .duet-header-bottom-utils .extra-bottom-padding,
-  .duet-header-utils .extra-bottom-padding {
+  .extra-bottom-margin {
     display: none;
   }
 }