@scania/tegel 1.48.0 → 1.48.1

package/dist/cjs/tds-header-launcher-grid.cjs.entry.js

@@ -30,7 +30,7 @@ const TdsHeaderLauncherGrid = class {
             'role': 'list',
             'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
         };
-        return (index.h(index.Host, { key: 'a3c700222b0cfba847962708fcab2e8876b459f6' }, index.h("div", Object.assign({ key: '6e4b346fd7bb132a60386a5711381d7936df05a4' }, listAttributes), index.h("slot", { key: 'c24b1b6e7eecccea3032c2b491ce3cf83a6f821b' }))));
+        return (index.h(index.Host, { key: 'af47d49260513c962001e45d8aacf108e40f073c' }, index.h("div", Object.assign({ key: '8679b9f047e09dea015797c1806a96289218245a' }, listAttributes), index.h("slot", { key: '697321e6e50e81f680cc8d3e2afa6833bffe6530' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js

@@ -9,7 +9,7 @@ const TdsHeaderLauncherListItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'bcc63c58186216485acf6e6e0f896158e92cd29e' }, index.h("tds-header-dropdown-list-item", { key: 'e4b963bf20b97aa19f8f6dbd4d4a6face04220db', size: "lg" }, index.h("slot", { key: '03445a4fe12c6f5a283b6d2635d657bbfd103263' }))));
+        return (index.h(index.Host, { key: '26e0abc8a58c0172ce418740674c9c2549023c2b' }, index.h("tds-header-dropdown-list-item", { key: '879647cff5e9c60551fb45a4a84397e94ded716c', size: "lg" }, index.h("slot", { key: '4c3c2e8b7091e3922a5d283f8c2b86963bf183aa' }))));
     }
 };
 TdsHeaderLauncherListItem.style = headerLauncherListItemCss();

package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js

@@ -11,7 +11,7 @@ const TdsHeaderLauncherListTitle = class {
         this.uuid = generateUniqueId.generateUniqueId();
     }
     render() {
-        return (index.h(index.Host, { key: '323d920d37834907f77c0d00aca6172caa90b6d8' }, index.h("h3", { key: '49c919cceae79d9d1c0157a603e181d56dd15205', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, index.h("slot", { key: 'a1aa000de6a642dd68e2212a0e16728d5bb55a1f' }))));
+        return (index.h(index.Host, { key: '1db41bbb932fc09f6370b89ce40c6f6b296d69fd' }, index.h("h3", { key: 'b5175995d25a9031323d4694224fbeb30969ffec', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, index.h("slot", { key: '672a7c395f3d7e8e6eb51b05b088af825394f421' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-header-launcher-list.cjs.entry.js

@@ -9,7 +9,7 @@ const TdsHeaderLauncherList = class {
         this.uuid = generateUniqueId.generateUniqueId();
     }
     render() {
-        return (index.h(index.Host, { key: 'ceedbada9d5a96ecdb5306b0e55f939ba69c78d8' }, index.h("tds-header-dropdown-list", { key: 'a1ffa08021a4ac0d3aad0401330b6d82ad4e20f9', size: "lg" }, index.h("slot", { key: 'e0808a6e71a6bb26e8b56005c9552fde5af9296b' }))));
+        return (index.h(index.Host, { key: '00ca1cea2fa5a3239e7f24de93e0890fbb1eab07' }, index.h("tds-header-dropdown-list", { key: '614f2eacdad946baa6fb16ef8f545993022e0cec', size: "lg" }, index.h("slot", { key: 'c99913a72f4e8a7d8be6e41aca9769d9236d49d5' }))));
     }
 };
 

package/dist/cjs/tds-header-launcher.cjs.entry.js

@@ -54,11 +54,11 @@ const TdsHeaderLauncher = class {
             }, 'ref': (el) => {
                 this.buttonEl = el;
             } });
-        return (index.h(index.Host, { key: '18e438bd8281ca3d6ca2b410c5b0ed60caf554aa' }, index.h("div", { key: '6033d6a10546a8b79b0bcab3f59ef14138263e9f', class: {
+        return (index.h(index.Host, { key: '088d5c4213d9b95b275821f1395361f317cd5ccb' }, index.h("div", { key: 'b8895540f29ca8eb9e3e9aec78d7fa5f8acc4494', class: {
                 'wrapper': true,
                 'state-open': this.open,
                 'state-list-type-menu': this.hasListTypeMenu,
-            } }, index.h("tds-header-launcher-button", Object.assign({ key: 'de44af111fdbabc37a8330194f40465ab3301089' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (index.h("tds-popover-canvas", { key: 'a39f8dbb2e6cf648bc16e896f01df6c308472fc3', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            } }, index.h("tds-header-launcher-button", Object.assign({ key: '5f4598b7079c9a31167287f32e1a411e76e20afb' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (index.h("tds-popover-canvas", { key: 'acce35a0208653a1a53a75076e8f3a7dbf19b73c', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {

package/dist/cjs/tds-header-title.cjs.entry.js

@@ -2,14 +2,14 @@
 
 var index = require('./index-DGsdvbvx.js');
 
-const headerTitleCss = () => `h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}`;
+const headerTitleCss = () => `h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-size:14px;font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 24px}`;
 
 const TdsHeaderTitle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("h4", { key: '4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a' }, index.h("slot", { key: 'e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc' })));
+        return (index.h("h4", { key: 'c7648f8e3c0057fd0c57806beb574eab7b950ccc' }, index.h("slot", { key: '3201b3d0fcdd663dafe25a87997691151dc50db8' })));
     }
 };
 TdsHeaderTitle.style = headerTitleCss();

package/dist/cjs/tds-header.cjs.entry.js

@@ -49,7 +49,7 @@ const TdsHeader = class {
     }
     render() {
         const navAttributes = Object.assign({}, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        return (index.h(index.Host, { key: '4c9dc2fe9e156de13e4cf00242a05796b65f281f' }, index.h("slot", { key: 'f3bd41541a930adb28bdee4d0985d2058d68efaa', name: "hamburger" }), index.h("slot", { key: '76ffa0bd65c153b198ed0d6ce680dc4e92f004a5', name: "title" }), index.h("nav", Object.assign({ key: '518360a59c5ce247274c772a4222c0dc830fd4f9' }, navAttributes), index.h("ul", { key: '04184cece0a4f5d107b629cd44c062769b7dcae9', class: "tds-header-component-list" }, index.h("slot", { key: 'fb108eca6c62956bb6b1c5c3f163a08bc371ee5c' }), index.h("li", { key: '2c9c878a5e0fe24c0696cc6f1a1357d813d25c17', class: "tds-header-middle-spacer" }), index.h("slot", { key: '53683a4433192d3578c3d78d24937e52954a34de', name: "end" })))));
+        return (index.h(index.Host, { key: '3a8a653ebc630ea3600a5bf473df259b3fdaf50b' }, index.h("slot", { key: '9d53a788d50e32c0a573eaeca90f86c9ef36c882', name: "hamburger" }), index.h("slot", { key: 'eb3347ffc72d439506ff19ee845e06fc1d495dff', name: "title" }), index.h("nav", Object.assign({ key: '3eb3a0ae52f91ca72f6825bd9cff51ede7026e58' }, navAttributes), index.h("ul", { key: '5f09378ce5da788d91fce4d77163c38a0b1bd72f', class: "tds-header-component-list" }, index.h("slot", { key: 'f89f3f4b8d3346ecc3ddaaef678193ef32769434' }), index.h("li", { key: '0c456322cf2fb7c707962281e7d027b4e8814c0c', class: "tds-header-middle-spacer" }), index.h("slot", { key: 'c38b21d5d3776cb140e40439bcc3c0b76dea5e85', name: "end" })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-icon.cjs.entry.js

@@ -52,7 +52,7 @@ const Icon = class {
         this.arrayOfIcons = [...this.arrayOfIcons];
     }
     render() {
-        return index.h(index.Host, { key: 'daa68a1111cb959770d66238151d462733bc8214' }, this.setIcons());
+        return index.h(index.Host, { key: 'b983ab33944d83544628543151adb2fa3b6ebf0f' }, this.setIcons());
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-inline-tab.cjs.entry.js

@@ -34,11 +34,11 @@ const TdsInlineTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9e15778f89e70701ea058a8aa8377b18bc693d2b', "aria-selected": this.selected }, index.h("div", { key: '963dfa3c27aa7395919ac976851d173f4bc483fe', class: {
+        return (index.h(index.Host, { key: '7d62fa3a70a8834c4eb623a7cca8922a230ec171', "aria-selected": this.selected }, index.h("div", { key: 'b911f1ca34a763f5a80dc5a9ea2b24e3c905dc13', class: {
                 'inline-tab-item': true,
                 'selected': this.selected,
                 'disabled': this.disabled,
-            } }, index.h("slot", { key: 'dcadb0ee891fa9a3a7ad94a2af33d82a674d2ecf' }))));
+            } }, index.h("slot", { key: '6048d4febed88ec7630bedd7e5215339a716047b' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-inline-tabs.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-DGsdvbvx.js');
 
-const inlineTabsCss = () => `:host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-visible::before,:host .scroll-left-button:focus-visible::before{content:"";position:absolute;inset:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}`;
+const inlineTabsCss = () => `:host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-visible::before,:host .scroll-left-button:focus-visible::before{content:"";position:absolute;inset:3px;outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}`;
 
 const TdsInlineTabs = class {
     constructor(hostRef) {
@@ -103,7 +103,7 @@ const TdsInlineTabs = class {
             tabElement.setSelected(false);
             return tabElement;
         });
-        if (this.selectedIndex) {
+        if (this.selectedIndex !== undefined) {
             this.tabElements[this.selectedIndex].setSelected(true);
         }
     }
@@ -160,18 +160,12 @@ const TdsInlineTabs = class {
             this.showRightScroll = false;
         }
     }
-    applyCustomLeftPadding() {
-        if (this.navWrapperElement) {
-            this.navWrapperElement.style.paddingLeft = `${this.leftPadding}px`;
-        }
-    }
     handleSlotChange() {
         this.initializeTabs();
         this.addEventListenerToTabs();
         this.initializeSelectedTab();
         this.updateScrollButtons();
         this.addResizeObserver();
-        this.applyCustomLeftPadding(); // Apply custom left padding to the wrapper
     }
     connectedCallback() {
         this.initializeTabs();
@@ -187,9 +181,9 @@ const TdsInlineTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: 'b129d796866053ae345a16a84c71bfae11b5b22d', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: 'd01ad71aefcb3ab75b434fc329d0aff2e2e4fa5e', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: '1870a40347336fbfd97c47f0866cd78c813ffbdc', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}`, style: { '--padding-left': `${this.leftPadding}px` } }, index.h("div", { key: '54527cb0bf23b8e631c0b6be516a2bb60714efb6', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: 'eaffe52b68a4e72dde674d3ddeaaa5b744dc694b', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'a134e040e2c474aaab21e7b5a27d4d71b9bec455', name: "chevron_left", size: "20px" })), index.h("slot", { key: '1b3a792581868dd02114c2ab3bf44bec75203782', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '113c97bca3def818011ae091cd6d9b740f43ec67', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '9e899fc5c5d3a658f27e7e374878e4814c3f708b', name: "chevron_right", size: "20px" })))));
+            } }, index.h("button", { key: '984160ddc5a713a4884fc3806ea10e0497c33470', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '5220fce6d90abe341463684f77745581d71d0da8', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'b7d84ba3ab548115e0cabd36133a661ac71572af', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'c3fb6575db477722653a4a947c230db695c25dfb', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '23c7c0a8149aff4921cad04cb012d33915f5181e', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-link.cjs.entry.js

@@ -32,11 +32,11 @@ const TdsLink = class {
         }
     }
     render() {
-        return (index.h("span", { key: '37f0a1d6f793f3b333dd1d36cb4d71c6c0ca68c9', class: {
+        return (index.h("span", { key: '5fc21ffc7b7729795b156a9fd6cd9f2cf60be758', class: {
                 'disabled': this.disabled,
                 'no-underline': !this.underline,
                 'standalone': this.standalone,
-            } }, index.h("slot", { key: 'a2943a35f2ca2daceab8036b5f4a858dbed487c9' })));
+            } }, index.h("slot", { key: '40a42ad82cf71553feabec642dae10d8966124fa' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-message.cjs.entry.js

@@ -43,11 +43,11 @@ const TdsMessage = class {
     render() {
         const headerId = this.header ? `tds-message-header-${generateUniqueId.generateUniqueId()}` : undefined;
         const contentId = !this.minimal ? `tds-message-content-${generateUniqueId.generateUniqueId()}` : undefined;
-        return (index.h(index.Host, { key: 'b093c8aa74d5c52a7cbb6656a854f2b0bda88f9e', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel(), class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '9d9bc245bdeb9f8b8868d943f3e39f6fc7ccd170', class: {
+        return (index.h(index.Host, { key: '7ce9210aec2766b7ada461f9220cb9c5dce8876c', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel(), class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: 'a3d71e1d28f49315b0e5bcb9df649fa1d9928086', class: {
                 wrapper: true,
                 [this.variant]: true,
                 minimal: this.minimal,
-            } }, !this.noIcon && (index.h("tds-icon", { key: '99bd0439c3b09319b02fad1bd730bc4224394c1e', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), index.h("div", { key: 'b225e23bb6230c7ed3ecb322c91ded787f1bb8b8', class: `content` }, this.header && (index.h("div", { key: '2bb19ac506aeb0ec88be8b20f4bf858d17fdb6ee', class: "header", id: headerId }, this.header)), !this.minimal && (index.h("div", { key: '560661fc2b22196461a8409d09b147591de3f02d', class: "extended-message", id: contentId }, index.h("slot", { key: '4647d9dd6eab33a41323e82edc2e12d434e5b84f' })))))));
+            } }, !this.noIcon && (index.h("tds-icon", { key: '74cc594b7cb0290466166ca093edc9973ccef35b', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), index.h("div", { key: '0972b6a32b95399dacd05562a8a9667316e65e4e', class: `content` }, this.header && (index.h("div", { key: '8e82bc1bb254a7ae839c97c052f084cf31fb1dee', class: "header", id: headerId }, this.header)), !this.minimal && (index.h("div", { key: 'd29f1ce9bf48e10c6c8a00a8abf7b7df5e2ac3b6', class: "extended-message", id: contentId }, index.h("slot", { key: '6e35f778392867fd78696e8b1292f08206e083ab' })))))));
     }
 };
 TdsMessage.style = messageCss();

package/dist/cjs/tds-modal.cjs.entry.js

@@ -253,10 +253,10 @@ const TdsModal = class {
         const usesActionsSlot = hasSlot.hasSlot('actions', this.host);
         const headerId = this.header ? `tds-modal-header-${generateUniqueId.generateUniqueId()}` : undefined;
         const bodyId = `tds-modal-body-${generateUniqueId.generateUniqueId()}`;
-        return (index.h(index.Host, { key: '38bd184949cbc0e6d7547bf9bc7cf3b3c82cabee', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
+        return (index.h(index.Host, { key: 'd7064e4caeb1c10e9764c737f2e07fd1e743e31f', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
                 show: this.isShown,
                 hide: !this.isShown,
-            }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: '40bb9e834a44e0664958ff6ea3dd4ec404b75044', class: "tds-modal-backdrop" }), index.h("div", { key: 'ef8dfcde8981a5242f552db28eeaf1099c2a5f26', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`, tabindex: "-1" }, index.h("div", { key: '4295710b96f997295e5ae5b4f16e7b696b8dd7b6', id: headerId, class: "header" }, this.header && index.h("div", { key: 'b381c7f0dcdd04220badff60d5b48ecf8d9b57da', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: '18f82e6222e91db9e4a2b299b1ee3d3db071a691', name: "header" }), this.closable && (index.h("button", { key: 'fc729f3da82fe8ec4faa46973399508cca4c1bdd', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: '51b5332510518499e947ac45d62c60be2fffac3a', name: "cross", size: "20px" })))), index.h("div", { key: '25ad7f69e11fdcb61150103f48be124d9a537167', id: bodyId, class: "body" }, index.h("slot", { key: 'e7be6f3ac849df52546fc97581b7b23a8e69e1d1', name: "body" })), usesActionsSlot && index.h("slot", { key: 'ac896cffd413b46d488c9466a5ed7db1a8049ff8', name: "actions" }))));
+            }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: '4bf5a9277626288b5df02fbd7946fb894e0da821', class: "tds-modal-backdrop" }), index.h("div", { key: '83dcfed9747c55406a5eb05fdfcc42f1e6951f0c', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`, tabindex: "-1" }, index.h("div", { key: '73cc76d5e2f17512496567ea1be441cbe78bd652', id: headerId, class: "header" }, this.header && index.h("div", { key: '8a3833f8fa0952674b7bd3e67ad75a317b8b5e00', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: '44e814197549278f1bc35d1f1378a5c989d87776', name: "header" }), this.closable && (index.h("button", { key: '5821efa68df8a13b18522e0b2d4edf3e0e2ac13d', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: 'eb369796cce1340068d0dde2e6a9472c3579962b', name: "cross", size: "20px" })))), index.h("div", { key: 'f95670ee17a927b010178e67cff92ba54f7da111', id: bodyId, class: "body" }, index.h("slot", { key: 'ecb3d58a23f6eadd8dd69b0769df5c9c16cc9e9f', name: "body" })), usesActionsSlot && index.h("slot", { key: 'f37037afedc183f45b39d400ce8fef830859a3ee', name: "actions" }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-navigation-tab.cjs.entry.js

@@ -34,8 +34,8 @@ const TdsNavigationTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c0efa8fbffa68b4c81b7f337d260ed3e8023f7bc' }, index.h("div", { key: '759dbcb91ef4b320918bcc0dae18aa9f292f2bf5', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: '9eaa20e00dc625bc96723cb937e45aaa58516aa8' }))));
+        return (index.h(index.Host, { key: 'd9b169c0eb0cda695a451a4f6af0b28fbabe94fd' }, index.h("div", { key: '3e12809a9b6d50543d50ef5de550a5abac346507', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'bd0dd0c7af1abf7c32373a6cc148fa0819f0b299' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-navigation-tabs.cjs.entry.js

@@ -187,15 +187,15 @@ const TdsNavigationTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: '6bab3db3c82f13794cbd793f78d08823cc904c4e', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '6893ee0cb1c40fad60b19494d800de2d5b87f8c0', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: 'e3316e0e255d099ade1d3c096aec574460a091ce', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: 'de4f1f02e1301dc8dd55e9e7bd00f5e263f2f178', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '9e5142bec5991cd80b3799fe96491adb9c2ead64', "aria-label": this.tdsScrollLeftAriaLabel, class: {
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '4b869b3219e71d592fc3e9a105c156a4d2a50fe5', "aria-label": this.tdsScrollLeftAriaLabel, class: {
                 'scroll-left-button': true,
                 'show': this.showLeftScroll,
-            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'cd510de885b8471dfa27c2c68d95e2163e594eaf', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'a9406234d70203824c538c9fdc2c0caef31e2660', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '9fe74d05a6b2e3d3a4cc229e25af3977df9a7d48', "aria-label": this.tdsScrollRightAriaLabel, class: {
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '049b1955d802b0a205458ddaf4f60a8c28b06505', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'b7d2dae87716e20be521efa3b8039e7aa42ee38e', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '0a1e9b4a10573767805dfc3eb6b6dedfcda147b5', "aria-label": this.tdsScrollRightAriaLabel, class: {
                 'scroll-right-button': true,
                 'show': this.showRightScroll,
-            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '82905af610ba5791b9ba021bcd124d912ad2b599', name: "chevron_right", size: "20px" })))));
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '8c5e57193b2170bb7d14f39772e74a52e6bab616', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-popover-canvas.cjs.entry.js

@@ -41,14 +41,14 @@ const TdsPopoverCanvas = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '3a0b77989875719936176b458b661398e587f818', class: {
+        return (index.h(index.Host, { key: 'bfb257ceb06542d098e99b0dfc9731cd1344e16a', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, index.h("tds-popover-core", Object.assign({ key: '13299274cbac5380a1e30da56c4e60ec4054c7ae', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+            } }, index.h("tds-popover-core", Object.assign({ key: 'bf161b638a686164add64c0bd070dabf757fed71', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
                 'tds-popover-canvas': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }), index.h("div", { key: '6bfb89642f8d1c2b567623e31b65645e9f3010a1' }, index.h("slot", { key: 'ec3fd10e79ff3707253bcf931415e212445752a5' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), index.h("div", { key: 'f17d2dec71560e238b2acad5f4c6a92465b11bf1' }, index.h("slot", { key: 'c0765112fc2c1641da274f00ee70cea25bc19c80' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-popover-core.cjs.entry.js

@@ -2054,7 +2054,7 @@ const TdsPopoverCore = class {
             'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
         };
         const classList = generateClassList(classes);
-        return (index.h(index.Host, { key: 'b00f6068cba1931082dc1b11397902b17bbbc598', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: '397a6cb4a557f79528f4387b141f8883dbc1c24c' })));
+        return (index.h(index.Host, { key: '4601352e7842d3078f0d05eaaffa8522433d3e49', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: '1bf22ce9f90ef01350c2ffd7c39d94355afdbdf7' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-popover-menu-item.cjs.entry.js

@@ -11,10 +11,10 @@ const TdsPopoverMenuItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '189497fe898065e585b2bf342611716b7b44778b', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '5904e5da7c9f4cfe1a35df1b5b1549a8a4c501a9', class: {
+        return (index.h(index.Host, { key: '56aa3bb56a96cf1c9aee16e46dd70cc098b58645', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'c5eb4a125b0b9f52850369b821a3994824ccae48', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, index.h("slot", { key: 'ddacc7938ca455a8151b2e46449414146073b045' }))));
+            } }, index.h("slot", { key: '2b76880fcd4ad145f4ae9df40fea79da3b2a7b92' }))));
     }
 };
 TdsPopoverMenuItem.style = popoverMenuItemCss();

package/dist/cjs/tds-popover-menu.cjs.entry.js

@@ -39,15 +39,15 @@ const TdsPopoverMenu = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '9475e802c247f2be782246ed4060d1df78cb9ca6', class: {
+        return (index.h(index.Host, { key: '71739ba366e850b1039f68955c47f09c699e3bf3', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, index.h("tds-popover-core", { key: 'f124ad67796e05654a4b1af634877e372a0b69e7', class: {
+            } }, index.h("tds-popover-core", { key: 'aeb5f41697c2652d0ce4cb3c01b894f4f33fb0fc', class: {
                 'tds-popover-menu': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
                 'fluid-width': this.fluidWidth,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }, index.h("div", { key: 'f97c6bd562a011be0595fa0189dd1209e6f80bca', role: "menu" }, index.h("slot", { key: '8d7ddcf67d2adc1d928384779a01eed8adf61e41' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, index.h("div", { key: '921f8b9216610f770d0cc06db9af160db5e0e60e', role: "menu" }, index.h("slot", { key: 'c90403fed03325fde646c822b1a29de321035899' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-radio-button.cjs.entry.js

@@ -31,10 +31,10 @@ const TdsRadioButton = class {
         }
     }
     render() {
-        return (index.h("div", { key: '6a4ff569b492e4d5bbdccb0f9bd6b82a8186673e', class: "tds-radio-button" }, index.h("input", { key: '0681a3f58da48700d7134a5b4db923445fcc57cf', ref: (inputEl) => {
+        return (index.h("div", { key: 'fb96d651d7161e4e0d4a0ffaab031b0b762ceb90', class: "tds-radio-button" }, index.h("input", { key: '822234a89727d84cbb00822bb53fdba1b9fec8d4', ref: (inputEl) => {
                 if (inputEl)
                     this.inputElement = inputEl;
-            }, "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), index.h("label", { key: '0b5ca6d7a54706ed0c7878b51380683da34301f7', htmlFor: this.radioId }, index.h("slot", { key: '68d0582c534588d209f1223191a9cc8781117a15', name: "label" }))));
+            }, "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), index.h("label", { key: 'c08a19a007fbf87fd0b585341c4c914b72a91671', htmlFor: this.radioId }, index.h("slot", { key: '3e977aab78c651769ba51f458a2e785aeb638508', name: "label" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-close-button.cjs.entry.js

@@ -21,7 +21,7 @@ const TdsSideMenuCloseButton = class {
         const sideMenuEl = this.host.closest('tds-side-menu');
         const sideMenuId = sideMenuEl ? sideMenuEl.id : '';
         const buttonProps = Object.assign(Object.assign(Object.assign({ 'aria-label': 'Close' }, (sideMenuId && { 'aria-controls': sideMenuId })), inheritAriaAttributes.inheritAriaAttributes(this.host)), { 'onClick': TdsSideMenuCloseButton.handleClick });
-        return (index.h(index.Host, { key: '3c7170428b11fd26f5c00f5f6012984982eb364c' }, index.h("button", Object.assign({ key: 'f3e0253705d9e7a2ddd6d20c779466d09b24b0f7' }, buttonProps), index.h("tds-icon", { key: 'caa6069e817904f832152838036ca3630b74cd5a', name: "cross", size: "20px", svgTitle: "Cross" }))));
+        return (index.h(index.Host, { key: '5454382b10c715fe943f606794cc4fed75dfd29c' }, index.h("button", Object.assign({ key: '47e139cce8c51def9b11c5b63729a9a99101e80d' }, buttonProps), index.h("tds-icon", { key: 'fe168790ca7a9eb404f19682adb36ec29e7b1da6', name: "cross", size: "20px", svgTitle: "Cross" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js

@@ -34,12 +34,12 @@ const TdsSideMenuCollapseButton = class {
         this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     render() {
-        return (index.h(index.Host, { key: '563423e27c70296a2c11820bad22f2e6081cc0b6' }, index.h("div", { key: 'f9ed17f35641ec86cd31dc2c161bf478c30a3606', class: {
+        return (index.h(index.Host, { key: 'cc006e1bf231fa1386f16ddc774465c405823f98' }, index.h("div", { key: '2eff800550eeb5beab4caa22e6abccbbaf60b1d9', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: '3364f79ca3719328636d1cb9b5bebb58e9f9ccdc', class: { button: true } }, index.h("button", { key: '699963ae2023fdbc5e8836b1801c13e622214634', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
+            } }, index.h("tds-side-menu-item", { key: 'a8e39f7bd79013239b51766aa23423947bd18616', class: { button: true } }, index.h("button", { key: '64ddd862a2f1422bcfa52c4e113b27fa9f439194', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
                 this.handleClick();
-            } }, index.h("svg", { key: 'c10901b2cdc12a50a29c1425319ae18286b33cdf', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: 'd59bc5ce90e44be9f2d930b9a2ac72f26b653681', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && index.h("slot", { key: '09f5787783fdb7168bbd28acf18ac0d769a31459' }))))));
+            } }, index.h("svg", { key: 'f2f5628980782b2dbf81feb707d3e0b11341da10', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '4d1968fbce0b872496e1c8620bf04427de83f009', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && index.h("slot", { key: 'fbe64e4bf62fbd627e4478323f4612ca63bbdf4c' }))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js

@@ -41,13 +41,13 @@ const TdsSideMenuDropdownListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '64c7367db70070bb43c4533ddcafbda97651231f', role: "listitem" }, index.h("div", { key: '60434a96f6de0a9bda3d26f7003a10c8b5668552', class: {
+        return (index.h(index.Host, { key: 'a8abd6dc9dbbfc88d10ce19d9e11eb2da035d21c', role: "listitem" }, index.h("div", { key: '3facc73c60078b1965c7b80c1e8608284483a124', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-dropdown-has-user': this.dropdownHasUser,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", { key: '8590776910cfb61c614c5339daa5c5464cc9a729' }))));
+            } }, index.h("slot", { key: 'd8d4aafd3f3bea10c73e933d4564143e9604a6f3' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js

@@ -18,9 +18,9 @@ const TdsSideMenuDropdownList = class {
         this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     render() {
-        return (index.h(index.Host, { key: '4096fb37997a3cce5750f9d7ee468f99bff81787', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '7cf0000e1371ab010cdc6f86d371f6a7f374f0d2', class: {
+        return (index.h(index.Host, { key: '5b7f22b1be0ee04ad371c623e74df76925d18b3c', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '13ecc23daf9bcbe31325c9cd11a9e2c26a658d13', class: {
                 'state-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'e169b04aae71ea2c53eaae921c9cb87e85b02224' }))));
+            } }, index.h("slot", { key: '33862a757ab70623a15634a1cc5308e5f6467a14' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js

@@ -63,13 +63,13 @@ const TdsSideMenuDropdown = class {
         this.open = this.defaultOpen;
     }
     render() {
-        return (index.h(index.Host, { key: 'c445ee17a53144079495acb4d1153dc5f612646b' }, index.h("div", { key: 'b065cb14ea953a4bc00f9f46c6a2f6e1c1034fc4', class: {
+        return (index.h(index.Host, { key: 'a2db6d3e38283bd2c8b1c455bf19538d6bd9195c' }, index.h("div", { key: 'e47038143a6241e098be770b1808d5b7c95c48a2', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: '7943b4e12bdf59a9777789b93c77dd92ad2dfb0e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, index.h("tds-side-menu-item", { key: '1ac32787f2de7250bc5c837bd74f9330dbc0b96f', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, index.h("button", { key: '957d046e71a2318d634dba3d3872e6a49ae16b02' }, index.h("slot", { key: 'df8984720383a834f689e61a8e8bddb1e0cd92ed', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: '22085c004966a41285404d5e4871023104d0bb0b' }, this.buttonLabel, index.h("slot", { key: 'cd82933ecce64fede3b898a77ce949cdb568ebde', name: "label" }), index.h("tds-icon", { key: 'b475975ed4c714a2e3526a334ae19f308f54715c', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), index.h("div", { key: '4bd22d9c1b67f9783d8b596991ff62a8d158ba41', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (index.h("h3", { key: '11082571734352f3b8913017d46104b28b57ba47', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: '227ceed36a5db531ff2bd45320bcac88943565bc', name: "label" }))), index.h("slot", { key: 'b8ca5992ac9bbb0539ceb3d98536691f70926ea5' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, index.h("button", { key: 'a0c9edee1c9ddae87338b6262daecf72710f2e39' }, index.h("slot", { key: 'cb4363d05de83fa389e7e6e601b4284fe360b105', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: '4c9bfd1a75368294a2d6b612d6eac05499e7c301' }, this.buttonLabel, index.h("slot", { key: '51171f2dfb82aa66fcd3054b5c4e9db10dcf9fbb', name: "label" }), index.h("tds-icon", { key: 'ba103a32e3ab8071f4bd599d12fd355dbd99525b', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), index.h("div", { key: 'd5d25b302170b5815769b986658284e06aac248d', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (index.h("h3", { key: 'c006c434c7deff29e26e68daf0d4dd3d9af84351', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: 'fcb12b622cd8eed23d8034a002d6055fb30260d5', name: "label" }))), index.h("slot", { key: '4f94b50756851b134bec7fff2b0c04fe454d1e84' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-item.cjs.entry.js

@@ -81,13 +81,13 @@ const TdsSideMenuItem = class {
         this.updateHasUserComponent();
     }
     render() {
-        return (index.h(index.Host, { key: '4f5ced7e398987e33d5c2ee08a2b50637ccbaf8f' }, index.h("div", { key: '6bbeae2f3148011c7b516b1922df693abb6f2083', class: {
+        return (index.h(index.Host, { key: 'bc1168a557d8bd92a5579fb0be4c4a6b760c0007' }, index.h("div", { key: '6eba3fb28d25bce88815620a49aba34e4075bd13', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
                 'component-has-user': this.hasUserComponent,
-            } }, index.h("slot", { key: '2a836f4a3892acae4541972dadcf4a5e958d45f4' }))));
+            } }, index.h("slot", { key: 'dcf683b97b5f0e8aaaa3741ed5804ee16bbae701' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-side-menu-overlay.cjs.entry.js

@@ -9,7 +9,7 @@ const TdsSideMenuOverlay = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '15e4b102af83962079d9bc9104c3e4d243cea947' }, index.h("div", { key: '52ed88b0ccf8ae02c3d83849f610475b0ad55065' })));
+        return (index.h(index.Host, { key: 'df82f910a824371d2afd656483f1279e1a941a95' }, index.h("div", { key: '521b155b9833fe44deed8a460af1172e95c39e1e' })));
     }
 };
 TdsSideMenuOverlay.style = sideMenuOverlayCss();

package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js

@@ -9,7 +9,7 @@ const TdsSideMenuUserImage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '22bb496463e8548ddf2ce55f95f112dae1afa181' }, index.h("slot", { key: 'ebbe1e06c9b27b41f9f206f65890654be3866d03' }), this.src && index.h("img", { key: '2a378a8e56cb54a5c300123e156ecadf04d92459', src: this.src, alt: this.alt })));
+        return (index.h(index.Host, { key: '85fe09b4f6ac3b7d99da2d6256c758900329653a' }, index.h("slot", { key: '6c04244257c79df5fcd4d9fd1f8fae6d6765c901' }), this.src && index.h("img", { key: 'c1a65990c6d1b8f4b6383dc49750f65ca938e820', src: this.src, alt: this.alt })));
     }
 };
 TdsSideMenuUserImage.style = sideMenuUserImageCss();
@@ -21,7 +21,7 @@ const TdsSideMenuUserLabel = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '30326793059e4e25b3c769e94b22780a37754ba4' }, this.heading, this.subheading && index.h("div", { key: 'e3912bf0571bb8ef67ebea53d37547a0a9284bf7', class: "subheading" }, this.subheading)));
+        return (index.h(index.Host, { key: '6eadfff1b48a9cc2cb2d3454f39a3f4aca466a60' }, this.heading, this.subheading && index.h("div", { key: 'f92e371afe0154292f9ef21e9fd43e77f63dbb88', class: "subheading" }, this.subheading)));
     }
 };
 TdsSideMenuUserLabel.style = sideMenuUserLabelCss();

package/dist/cjs/tds-side-menu-user.cjs.entry.js

@@ -9,7 +9,7 @@ const TdsSideMenuUser = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '029f8e80bd9eb56ba1826280e6c64fdddbba918c' }, index.h("tds-side-menu-user-image", { key: 'ee277efe9180b8013596cae3ccebf801c47d7573', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: 'bfd0ee76f3c8903f033417ab917796ab9a2bc941', name: "image" })), index.h("tds-side-menu-user-label", { key: '0a1e257454854db6e670a68a3a085430e4e5187c', heading: this.heading, subheading: this.subheading })));
+        return (index.h(index.Host, { key: '5c68cbd8ac836789142fabebed61ed125435fb74' }, index.h("tds-side-menu-user-image", { key: '645a823d23202b15e838d35642ab2fa2953a62d7', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: '2425cc36d3a13c0e1afd91dcd206b59526fc42ae', name: "image" })), index.h("tds-side-menu-user-label", { key: '270f9c6276f4ab290aa6dd7e949d70b2312ba289', heading: this.heading, subheading: this.subheading })));
     }
 };
 TdsSideMenuUser.style = sideMenuUserCss();

package/dist/cjs/tds-slider.cjs.entry.js

@@ -465,30 +465,30 @@ const TdsSlider = class {
     }
     render() {
         const ariaLabel = this.readOnly ? this.tdsReadOnlyAriaLabel : this.label || this.tdsAriaLabel;
-        return (index.h("div", { key: '1d089e5942bf7e4872b68bc46a269e975a4957a7', class: {
+        return (index.h("div", { key: 'a8b597a5b5ce36c572cf6e0773efb96350fe7b3c', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, index.h("input", { key: 'cf47a9ec5545aa0dd064b4e900578204ec9865c9', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), index.h("div", { key: '1867645432d81580de1cb345ad68e55f9c004c28', class: "sr-only", "aria-live": "assertive", ref: (el) => {
+            } }, index.h("input", { key: '1ac5ada12fbe89365459ab53e9b06aca30da95ec', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), index.h("div", { key: 'a30d1d4e14ed8086e36f3605d59a5f6f6b79e38a', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), index.h("div", { key: '39c628693700a11cda5f9536c6cfc8d4fcad70b6', class: {
+            } }), index.h("div", { key: '7f8f10c5a9982042b332291eb48fe1a91c4d5120', class: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("label", { key: '8e0a61a0a9c872eda41f0d38efd9056cdf34906e', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (index.h("div", { key: '04a9887058c3f4ff2a6cd86a0e351b581becba74', class: "tds-slider__input-values" }, index.h("div", { key: 'eefa61151c058767d3293bad2ecd0e9878aa3b16', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { key: '241854ca030c62361240e98b112f7ec490cf6570', class: "tds-slider__controls" }, index.h("div", { key: '9ee83bb2be85b0813abf53d593059c3f8867175b', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: '80351eb5648c3032cc6356c8494c7fdc38a105a0', name: "minus", size: "16px" })))), index.h("div", { key: '5abdde18e7e8131b9b3f85d18cbbcc5583d18a52', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (index.h("div", { key: '364212a676b02719c87cce1135b11aa295753f46', class: "tds-slider__value-dividers-wrapper" }, index.h("div", { key: 'ae1e63e6d45760ca582814ed1e72c3d8db43ef44', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (index.h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && index.h("span", null, value))))))), index.h("div", { key: 'f3be603d4b0c9e30988265361d6b2c9f8b550483', class: "tds-slider__track", ref: (el) => {
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("label", { key: '89e9d60169bd2a23d0bc978ee9fb5bf096f8467e', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (index.h("div", { key: '1e29ecf4b885e1e99222a558a48900e72a388060', class: "tds-slider__input-values" }, index.h("div", { key: '9f3dd1a0e4a0e04eb551664df4526d7dbbf17126', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { key: 'a73effd4c30c98b87009f39d3541172187309323', class: "tds-slider__controls" }, index.h("div", { key: 'bf46603c92eab4ed3bdb8ed79a2bdcb210185f56', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: '6df94fb293200e8cc91e56d2298872c106204027', name: "minus", size: "16px" })))), index.h("div", { key: '63a8cc2b56f1e099001c03fafab7bbfb198e7bde', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (index.h("div", { key: '31fd5005c4c3b2b19aaedfccc0c3c87fb5281d02', class: "tds-slider__value-dividers-wrapper" }, index.h("div", { key: '54ccc695e448db25bdb20b10669d58ebc7a6bc6c', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (index.h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && index.h("span", null, value))))))), index.h("div", { key: '6dcc0f426c23e2b9f8193632275a4a2eb750cc85', class: "tds-slider__track", ref: (el) => {
                 this.trackElement = el;
             }, tabindex: this.disabled ? '-1' : '0', role: "presentation", onFocus: () => {
                 if (this.thumbElement) {
                     this.thumbElement.focus();
                 }
-            } }, index.h("div", { key: 'cd786e1d47f5ab9a3f4b824f00849fda01064915', class: "tds-slider__track-fill", ref: (el) => {
+            } }, index.h("div", { key: '5fa9d32cc1fed8cf79818fafe38b249764362172', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), index.h("div", { key: '36be5f7f9bb51d138e4a2b5e66dd9116c14260f8', class: "tds-slider__thumb", ref: (el) => {
+            } }), index.h("div", { key: '716c4f6c4f43224beda11704751e3c1425a9a53c', class: "tds-slider__thumb", ref: (el) => {
                 this.thumbElement = el;
-            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (index.h("div", { key: '0ccf5661d2ed49474040b964f3c31c9144effdc1', class: "tds-slider__value" }, this.value, index.h("svg", { key: 'c93653b56ab7759af24ed4ca9c32af758d51266d', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f02dd0b4b9274dc9ea36aeb30059aed4bd81007f', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), index.h("div", { key: '688f3d350bb7175d08b017e804edac1ddde08ee6', class: "tds-slider__thumb-inner", ref: (el) => {
+            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (index.h("div", { key: 'e25c63d00730d805af96a22c180791a9ba90890e', class: "tds-slider__value" }, this.value, index.h("svg", { key: '0317b096047d60ab74e60e200ab11d3b448cc955', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '56db3635fda47222988e6b4bdee660f10306e4ae', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), index.h("div", { key: '9d23233322159f4bbee6d3089b1caf848b6e070d', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (index.h("div", { key: '3f85a89df94fe531b1e9a3aa052cae465493aab0', class: "tds-slider__input-values" }, index.h("div", { key: 'd6f72ceb11a9305485712fed72831257ba3e47ce', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), index.h("div", { key: 'd694e8f0bab9e97be10720bcef2f7d218a997103', class: "tds-slider__input-field-wrapper" }, index.h("tds-text-field", { key: '50e55ae9e12d7bac3b1bee5132130b57db6082de', noMinWidth: true, size: "sm", type: "number", value: this.value, min: this.min, max: this.max, readOnly: this.readOnly, disabled: this.disabled, onTdsChange: (e) => console.log(e), tdsAriaLabel: this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onTdsBlur: (event) => this.updateSliderValueFromTextField(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (index.h("div", { key: '328e507a5ff8c40d01b1eb5769914a07dceb436c', class: "tds-slider__controls" }, index.h("div", { key: 'f43b7c31a4e5c38c650a24e6b622b84e32e358c2', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: '707af22bfa42a1e9212199d372edf46db26eead1', name: "plus", size: "16px" })))))));
+            } })))), this.useInput && (index.h("div", { key: '52b37470f53b205c5ef4a5ecda1bc50ef534835a', class: "tds-slider__input-values" }, index.h("div", { key: 'b2016512dce7ff7914aec8d7f5ea8404ca4cccb7', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), index.h("div", { key: 'ab4b1f51bf1ecb7b41bb56f14a331a33e98b551f', class: "tds-slider__input-field-wrapper" }, index.h("tds-text-field", { key: 'acaadb9b63f8aa5b26313a15e31d6bc4645039d5', noMinWidth: true, size: "sm", type: "number", value: this.value, min: this.min, max: this.max, readOnly: this.readOnly, disabled: this.disabled, onTdsChange: (e) => console.log(e), tdsAriaLabel: this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onTdsBlur: (event) => this.updateSliderValueFromTextField(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (index.h("div", { key: '1ce34d27847f849a817f344c8be4b85d38b4e448', class: "tds-slider__controls" }, index.h("div", { key: 'e13e63e23d8f55ee00bfb1fa3aa952dc90384a2a', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: 'cc11a2defee786216ab376339317f285d9730523', name: "plus", size: "16px" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-spinner.cjs.entry.js

@@ -13,7 +13,7 @@ const TdsSpinner = class {
         this.variant = 'standard';
     }
     render() {
-        return (index.h("div", { key: '2d27b4a94cd9dc205e11f18ecc6b249572912eac', "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { key: 'a372dada808ed13b8c2c6ef4de9c559f59d9e9f2', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { key: '153f00da5e87ba55dc569b511cd184f93c1740c7', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
+        return (index.h("div", { key: 'a91630640bf14d5b0060989422e36f66d565f51e', "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { key: '85fdcfc17c156f0ebae71342837184e672e6bd84', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { key: '51657ab3832eb8c54c8e6c40347b3480562112d1', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
     }
 };
 TdsSpinner.style = spinnerCss();

package/dist/cjs/tds-step.cjs.entry.js

@@ -40,7 +40,7 @@ const TdsStep = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0589d81b64f547deb8f0d9db7c9d377ee9d8db67' }, index.h("div", { key: '7d01660a996d9c3a63b6c9765aa9e97a3c465f72', role: "listitem", "aria-disabled": this.state === 'upcoming' ? 'true' : 'false', "aria-current": this.tdsAriaCurrent, tabIndex: -1, "aria-label": `Step ${this.index}: ${this.state}`, class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, index.h("span", { key: 'f11f36b998a8b40842517a4032fe25aad488ccf3', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (index.h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (index.h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (index.h("div", { key: '0e707ca85c128c486906e893f20f7a171ef693f7', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, index.h("slot", { key: '265d2e99ba2b59749a1ee841895127c90c7750ac', name: "label" }))))));
+        return (index.h(index.Host, { key: '02d1b6ed29a07f3734f66c1d52fe076fcfce51a3' }, index.h("div", { key: 'b57393eea78ab1868ec1f1f745a4d5d50a68df3a', role: "listitem", "aria-disabled": this.state === 'upcoming' ? 'true' : 'false', "aria-current": this.tdsAriaCurrent, tabIndex: -1, "aria-label": `Step ${this.index}: ${this.state}`, class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, index.h("span", { key: 'ee0e109c683ec2ae5ee63bffcba78db4ac01b41c', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (index.h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (index.h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (index.h("div", { key: '0649edfcf0a1b5be4cbeb4904a185b0d62d933a2', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, index.h("slot", { key: '1e75c2ab1172c03914b43f2c041a656e53230b36', name: "label" }))))));
     }
     get el() { return index.getElement(this); }
 };