@scania/tegel 1.48.1 → 1.49.1-beta.0

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

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

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

@@ -181,9 +181,9 @@ const TdsInlineTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        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) => {
+        return (index.h(index.Host, { key: 'c560fe618bd56e56b83d98959a787d1d253b294a', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}`, style: { '--padding-left': `${this.leftPadding}px` } }, index.h("div", { key: '4a2070625881a955ddc8b7d58869ac2908f1aeef', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, 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" })))));
+            } }, index.h("button", { key: '1df4f76b71faf9ea2e2f57c3da07c41315bcb59f', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '9e0e80a1791ccf9fb28b1c597ce498808365f9c1', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'f702f8f7761d797cb121ce77f96276a615c211f9', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '735e8a5e76d32903ecf666e59a646d4bbf0b8c4d', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: 'f0a59a1305c1ae93908ca307c03d57b9a171c4ec', 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: '5fc21ffc7b7729795b156a9fd6cd9f2cf60be758', class: {
+        return (index.h("span", { key: '4b56921da22a5b976ebf4985d04e8af3b5917329', class: {
                 'disabled': this.disabled,
                 'no-underline': !this.underline,
                 'standalone': this.standalone,
-            } }, index.h("slot", { key: '40a42ad82cf71553feabec642dae10d8966124fa' })));
+            } }, index.h("slot", { key: 'bad6ba1260f82de37b1939d2cca208053e52126b' })));
     }
     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: '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: {
+        return (index.h(index.Host, { key: 'f135a2d8708f2d9529aa862aadc2a9446dfea613', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel(), class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: 'e190d40483c364c38f57fe6191ce1ec01fe37b01', class: {
                 wrapper: true,
                 [this.variant]: true,
                 minimal: this.minimal,
-            } }, !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' })))))));
+            } }, !this.noIcon && (index.h("tds-icon", { key: '74d8a70c3e93f6e3f39087c9eb3f956ac08381d9', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), index.h("div", { key: '3f0a1ea45cb53ae45373abd5543a59b81d23d7ce', class: `content` }, this.header && (index.h("div", { key: 'c2a448d5b589091a14ef655c45610ec13c4aa0bc', class: "header", id: headerId }, this.header)), !this.minimal && (index.h("div", { key: 'ea6960909da3406ca6dc1cf1ddb1459747a329e1', class: "extended-message", id: contentId }, index.h("slot", { key: '44889b6121d8052fad6d935f4b8473bcdb0520fb' })))))));
     }
 };
 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: 'd7064e4caeb1c10e9764c737f2e07fd1e743e31f', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
+        return (index.h(index.Host, { key: '627470cc4fd39a05084149c125b34e8c41fca76b', 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: '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" }))));
+            }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: '64cbcfcc22244a706d448dab7834a83173943d85', class: "tds-modal-backdrop" }), index.h("div", { key: 'ab7af811011361c8b5fb311dff6fd12143ad9fa4', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`, tabindex: "-1" }, index.h("div", { key: '4aa8706b05c2b2dfd286368b0f1dd7e4eaaec10f', id: headerId, class: "header" }, this.header && index.h("div", { key: 'a24a3998f441a80a5ba39082e1b8c6a4568424a1', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: '5aba912426f4743d5c136230cfbccbc3730b2adf', name: "header" }), this.closable && (index.h("button", { key: '14da162e80c29bdaad47990af70b533a1a2e0fc2', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: 'f28f4aedb9e432849803a5961db568db4c157003', name: "cross", size: "20px" })))), index.h("div", { key: '928a57c57f5bbbcd6411da9378d2001c9befb855', id: bodyId, class: "body" }, index.h("slot", { key: '800c2deda52545ce5ca457c3274734df18a1bd57', name: "body" })), usesActionsSlot && index.h("slot", { key: 'd453d7e1fe3062aa238ca19883345aa09c0b87c5', 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: 'd9b169c0eb0cda695a451a4f6af0b28fbabe94fd' }, index.h("div", { key: '3e12809a9b6d50543d50ef5de550a5abac346507', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'bd0dd0c7af1abf7c32373a6cc148fa0819f0b299' }))));
+        return (index.h(index.Host, { key: '362f628f25730c6e878172a64d94f34bdc3e5ddb' }, index.h("div", { key: '58767c9578afb7dcb6c30c22fb61bf366c267e4d', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'c3bfcb9677f7cb318b1e70a53135f31b79345d78' }))));
     }
     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: 'e3316e0e255d099ade1d3c096aec574460a091ce', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: 'de4f1f02e1301dc8dd55e9e7bd00f5e263f2f178', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: '30d0734a2ac6fe0a585ca7e15fe08f9feceb2303', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: 'b27101ea4c520eb434ba26c425e6179c1b0bdd8b', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '4b869b3219e71d592fc3e9a105c156a4d2a50fe5', "aria-label": this.tdsScrollLeftAriaLabel, class: {
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: 'a2214da9d20638ee1896cb04c759f598caee3425', "aria-label": this.tdsScrollLeftAriaLabel, class: {
                 'scroll-left-button': true,
                 'show': this.showLeftScroll,
-            }, 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: {
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '54fc194d33c682ecf03c51af39ce5290de199c29', name: "chevron_left", size: "20px" })), index.h("slot", { key: '8c673f8d743352b4f5228c434ea6ba73b35d5916', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'f89e20284ad64bb864e84c28015f162fdf744b62', "aria-label": this.tdsScrollRightAriaLabel, class: {
                 'scroll-right-button': true,
                 'show': this.showRightScroll,
-            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '8c5e57193b2170bb7d14f39772e74a52e6bab616', name: "chevron_right", size: "20px" })))));
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '6099eec68724b31d6ec71e5f6491313cae51db1f', 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: 'bfb257ceb06542d098e99b0dfc9731cd1344e16a', class: {
+        return (index.h(index.Host, { key: 'f839a18c87e3bfda390b498902c839e9c02498dd', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, index.h("tds-popover-core", Object.assign({ key: 'bf161b638a686164add64c0bd070dabf757fed71', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+            } }, index.h("tds-popover-core", Object.assign({ key: '406b98aa40a5a227956018a6892b0963530bc0a0', 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: 'f17d2dec71560e238b2acad5f4c6a92465b11bf1' }, index.h("slot", { key: 'c0765112fc2c1641da274f00ee70cea25bc19c80' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), index.h("div", { key: '4c733fb2a810d47668f4625d947f5e82884cfdf8' }, index.h("slot", { key: 'cff933b094ae64e5ecad95ab1752206f16f3f919' })))));
     }
     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: '4601352e7842d3078f0d05eaaffa8522433d3e49', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: '1bf22ce9f90ef01350c2ffd7c39d94355afdbdf7' })));
+        return (index.h(index.Host, { key: '24f0a1d31e1dd556cf3552f3c7a6ede8ce35dfc2', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: '3e8df41cea7f8ed636974571bd1d5e8cbd802732' })));
     }
     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: '56aa3bb56a96cf1c9aee16e46dd70cc098b58645', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'c5eb4a125b0b9f52850369b821a3994824ccae48', class: {
+        return (index.h(index.Host, { key: '0b67b639198463251e4db6c86822be9d0bd648f9', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'fd2145d0fbe009d302df767914031c135adbadb3', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, index.h("slot", { key: '2b76880fcd4ad145f4ae9df40fea79da3b2a7b92' }))));
+            } }, index.h("slot", { key: '450e914fa54653021bde8f388fa2ffd68df3b3a6' }))));
     }
 };
 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: '71739ba366e850b1039f68955c47f09c699e3bf3', class: {
+        return (index.h(index.Host, { key: '532fd12854743e5200896f6c2397a36308dfbb6b', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, index.h("tds-popover-core", { key: 'aeb5f41697c2652d0ce4cb3c01b894f4f33fb0fc', class: {
+            } }, index.h("tds-popover-core", { key: '3544cb2cafd1f4b536ffeff249f77665063419fc', 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: '921f8b9216610f770d0cc06db9af160db5e0e60e', role: "menu" }, index.h("slot", { key: 'c90403fed03325fde646c822b1a29de321035899' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, index.h("div", { key: '0f4fa6bc7a230fbe86fec7c02b3324d81a379594', role: "menu" }, index.h("slot", { key: '41f2693c7dfa904bec41ad1eeb665c019282fa9f' })))));
     }
     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: 'fb96d651d7161e4e0d4a0ffaab031b0b762ceb90', class: "tds-radio-button" }, index.h("input", { key: '822234a89727d84cbb00822bb53fdba1b9fec8d4', ref: (inputEl) => {
+        return (index.h("div", { key: 'f0a5a86e2ba270ab7c9f6bd4028765fcbd6b178f', class: "tds-radio-button" }, index.h("input", { key: '70a293a321ad72ba290a1274bfad25954895ec69', 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: 'c08a19a007fbf87fd0b585341c4c914b72a91671', htmlFor: this.radioId }, index.h("slot", { key: '3e977aab78c651769ba51f458a2e785aeb638508', 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: 'aa5928d97053deb16341661ba8bb218e2f12eb73', htmlFor: this.radioId }, index.h("slot", { key: '631da0a3930529351185f3b287ba9269caa0159b', 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: '5454382b10c715fe943f606794cc4fed75dfd29c' }, index.h("button", Object.assign({ key: '47e139cce8c51def9b11c5b63729a9a99101e80d' }, buttonProps), index.h("tds-icon", { key: 'fe168790ca7a9eb404f19682adb36ec29e7b1da6', name: "cross", size: "20px", svgTitle: "Cross" }))));
+        return (index.h(index.Host, { key: '3f7eef53ce8d066635998152e1684bd8a0034bbb' }, index.h("button", Object.assign({ key: '71029ead3db82331818f75bc165f4aaa85de4db3' }, buttonProps), index.h("tds-icon", { key: 'eb93cbf265c4a57f02a1457e65379c872bd442f5', 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: 'cc006e1bf231fa1386f16ddc774465c405823f98' }, index.h("div", { key: '2eff800550eeb5beab4caa22e6abccbbaf60b1d9', class: {
+        return (index.h(index.Host, { key: 'af4793f3c8b8c5cc028ebcc26ddbfcc33ae1471e' }, index.h("div", { key: '2f1b46a087dce36ca41171f93643c1f6216aeac7', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, 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: () => {
+            } }, index.h("tds-side-menu-item", { key: '17de6280d2f2e695592d4e44b5918c3860d3fe80', class: { button: true } }, index.h("button", { key: '6d9fdaa1c0006305e1ff1388311e94b5868bbc3f', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
                 this.handleClick();
-            } }, 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' }))))));
+            } }, index.h("svg", { key: 'ad898232c2d2965b08eb2a44d19d65c0039ff298', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '5f6e67ff24fa04d193efebadec616feb6c0d6683', "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: '3793bcbed80fac4010820fbfd6752083e74a93d7' }))))));
     }
     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: 'a8abd6dc9dbbfc88d10ce19d9e11eb2da035d21c', role: "listitem" }, index.h("div", { key: '3facc73c60078b1965c7b80c1e8608284483a124', class: {
+        return (index.h(index.Host, { key: '10ccf22f0df6b2087d787cfc9afb95058da1f6a5', role: "listitem" }, index.h("div", { key: 'c99acea35abc14f96fc9bf8b084f6667a466bdcc', 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: 'd8d4aafd3f3bea10c73e933d4564143e9604a6f3' }))));
+            } }, index.h("slot", { key: 'e3dda9165b5fa9d7583032bd9b71d2cf6cbd74f1' }))));
     }
     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: '5b7f22b1be0ee04ad371c623e74df76925d18b3c', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '13ecc23daf9bcbe31325c9cd11a9e2c26a658d13', class: {
+        return (index.h(index.Host, { key: 'be6eed63bf245e92c16a6ff6eae4df18dbaf66fa', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '40ea53b550c7d0b73cc678f0a10fa144f4dd67f1', class: {
                 'state-collapsed': this.collapsed,
-            } }, index.h("slot", { key: '33862a757ab70623a15634a1cc5308e5f6467a14' }))));
+            } }, index.h("slot", { key: '73460a96d9b3e4ebacaf6ac5f21061c091eed16e' }))));
     }
     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: 'a2db6d3e38283bd2c8b1c455bf19538d6bd9195c' }, index.h("div", { key: 'e47038143a6241e098be770b1808d5b7c95c48a2', class: {
+        return (index.h(index.Host, { key: '61c0e4c1df178d14422de845086864c8de3cf231' }, index.h("div", { key: '775032857d13a5d9f01f5bbe22de87480bceddfe', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: '1ac32787f2de7250bc5c837bd74f9330dbc0b96f', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, index.h("tds-side-menu-item", { key: 'dd599c6234d4f9d6c11aa680371e69ab64ea7a2e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            }, "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' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, index.h("button", { key: 'da26f06483ad9348e9442c5aec70ee2f3af184e5' }, index.h("slot", { key: 'ce95165a9e75cf9f150364f40c5dd49bbc795ca5', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: '524ef1b9a67c9a4c950691da6e16ba7100fae6b6' }, this.buttonLabel, index.h("slot", { key: '812088f502894d42dc5c658a8035f6212c7f1876', name: "label" }), index.h("tds-icon", { key: 'c68ec5d4c5ea3541bff95e4d7baf07098b953f07', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), index.h("div", { key: 'bc99efa3ca9b83b0d6e599db85e193a91258bad1', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (index.h("h3", { key: 'c9a5f0aba4df7d2e22b9e84f75db46be8892c07c', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: 'd45b96b5941b1ad4f19e96ea023d6b513d54f9e0', name: "label" }))), index.h("slot", { key: '67f16383ec5ce1c10d3a1be8488932972891ef4c' })))));
     }
     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: 'bc1168a557d8bd92a5579fb0be4c4a6b760c0007' }, index.h("div", { key: '6eba3fb28d25bce88815620a49aba34e4075bd13', class: {
+        return (index.h(index.Host, { key: '540c5825a2cf8913891c0b6c06ad7e338c9546bc' }, index.h("div", { key: '2482c645b0d4650f1a389eed12e097a8fc35c03f', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
                 'component-has-user': this.hasUserComponent,
-            } }, index.h("slot", { key: 'dcf683b97b5f0e8aaaa3741ed5804ee16bbae701' }))));
+            } }, index.h("slot", { key: 'b476beffec5acc60afd8c7e60754c16995f43c32' }))));
     }
     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: 'df82f910a824371d2afd656483f1279e1a941a95' }, index.h("div", { key: '521b155b9833fe44deed8a460af1172e95c39e1e' })));
+        return (index.h(index.Host, { key: '693cd7bcfce973514588c8dfc0539842ace940f9' }, index.h("div", { key: 'c28a261eec2eac0fe59cae512b32262ed5da4388' })));
     }
 };
 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: '85fe09b4f6ac3b7d99da2d6256c758900329653a' }, index.h("slot", { key: '6c04244257c79df5fcd4d9fd1f8fae6d6765c901' }), this.src && index.h("img", { key: 'c1a65990c6d1b8f4b6383dc49750f65ca938e820', src: this.src, alt: this.alt })));
+        return (index.h(index.Host, { key: 'ac72381d5a600698ac717ef744c229193363e242' }, index.h("slot", { key: 'ad3f2d65cba1a212fb25c2fbb7b78deb211334c7' }), this.src && index.h("img", { key: '87149306298861cd4c2ba6fa26e51a53d632fac9', 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: '6eadfff1b48a9cc2cb2d3454f39a3f4aca466a60' }, this.heading, this.subheading && index.h("div", { key: 'f92e371afe0154292f9ef21e9fd43e77f63dbb88', class: "subheading" }, this.subheading)));
+        return (index.h(index.Host, { key: '6bf3db10e42a755d16ee5476fade2b566098f51e' }, this.heading, this.subheading && index.h("div", { key: '67d4a5cedc6ad790f7de79ebc1b2c9e42a842977', 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: '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 })));
+        return (index.h(index.Host, { key: '183302fb2df62894434ec518c313bd71e311fc01' }, index.h("tds-side-menu-user-image", { key: '5ca603b2761729096a3f35f5424d17b346bae9cd', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: '6a7885bcb55993990cdd7ed2f65bfa5700fc6dc0', name: "image" })), index.h("tds-side-menu-user-label", { key: '212e392adf25bd033128ccb64518a04645e0cc2f', heading: this.heading, subheading: this.subheading })));
     }
 };
 TdsSideMenuUser.style = sideMenuUserCss();

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

@@ -18,6 +18,7 @@ const TdsSideMenu = class {
         /** If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed.
          * NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tdsCollapse event. */
         this.collapsed = false;
+        this.isMobile = false;
         this.isUpperSlotEmpty = false;
         this.isCollapsed = false;
         /* To preserved initial state of collapsed prop as it is changed in runtime */
@@ -25,24 +26,26 @@ const TdsSideMenu = class {
         /** @internal Tracks the currently focused element index for keyboard navigation */
         this.activeElementIndex = 0;
         this.handleMatchesLgBreakpointChange = (e) => {
-            const isBelowLg = !e.matches;
-            if (isBelowLg) {
+            const isMobile = !e.matches;
+            this.isMobile = isMobile;
+            if (isMobile) {
                 this.collapsed = false;
             }
             else {
-                this.collapsed = this.initialCollapsedState;
                 this.open = false;
+                this.collapsed = this.initialCollapsedState;
             }
         };
     }
     handleKeyDown(event) {
-        if (event.key === 'Escape' && this.open) {
+        if (event.key === 'Escape' && this.isMobile && this.open) {
             this.open = false;
         }
     }
     connectedCallback() {
         this.matchesLgBreakpointMq = window.matchMedia(`(min-width: ${GRID_LG_BREAKPOINT}px)`);
         this.matchesLgBreakpointMq.addEventListener('change', this.handleMatchesLgBreakpointChange);
+        this.isMobile = !this.matchesLgBreakpointMq.matches;
         this.isCollapsed = this.collapsed;
         this.initialCollapsedState = this.collapsed;
     }
@@ -54,12 +57,14 @@ const TdsSideMenu = class {
         if (!hasUpperSlotElements) {
             this.isUpperSlotEmpty = true;
         }
-        if (window.innerWidth < GRID_LG_BREAKPOINT) {
+        if (this.isMobile) {
             this.collapsed = false;
         }
     }
     disconnectedCallback() {
-        this.matchesLgBreakpointMq.removeEventListener('change', this.handleMatchesLgBreakpointChange);
+        if (this.matchesLgBreakpointMq) {
+            this.matchesLgBreakpointMq.removeEventListener('change', this.handleMatchesLgBreakpointChange);
+        }
     }
     onCollapsedChange(newVal) {
         /** Emits the internal collapse event when the prop has changed. */
@@ -70,6 +75,11 @@ const TdsSideMenu = class {
         this.isCollapsed = newVal;
     }
     onOpenChange(newVal) {
+        if (!this.isMobile) {
+            if (newVal)
+                this.open = false;
+            return;
+        }
         if (newVal) {
             // When menu opens, focus the first interactive element
             setTimeout(() => {
@@ -115,7 +125,7 @@ const TdsSideMenu = class {
     }
     handleFocusTrap(event) {
         // Only trap focus if the menu is open
-        if (!this.open)
+        if (!this.open || !this.isMobile)
             return;
         // We care only about the Tab key
         if (event.key !== 'Tab')
@@ -148,16 +158,16 @@ const TdsSideMenu = class {
         this.collapsed = event.detail.collapsed;
     }
     render() {
-        return (index.h(index.Host, { key: '06848ba9d752f9b10c0ffbb8dcb65e1b353ce5a3', class: {
+        return (index.h(index.Host, { key: '3e7770cc6891a71d1757b0a7622f2912066643d8', class: {
                 'menu-opened': this.open,
                 'menu-persistent': this.persistent,
                 'menu-collapsed': this.collapsed,
-            }, "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '65afb8d82603417c12ab0140df3a6f705d92f48a', class: {
+            }, "aria-expanded": (this.isMobile ? this.open : !this.collapsed) ? 'true' : 'false' }, index.h("div", { key: '5c556407075da5eae0b3343b3e0ee74c340575ac', class: {
                 'wrapper': true,
                 'state-upper-slot-empty': this.isUpperSlotEmpty,
                 'state-open': this.open,
                 'state-closed': !this.open,
-            } }, index.h("slot", { key: '95a5c8e79ccdfcb4547e0884531fcc1be018f650', name: "overlay" }), index.h("aside", { key: 'af8c91f255a8fd7bcc447b77abab1343fc49a9b2', class: `menu` }, index.h("div", { key: 'a45b3a9274363862ed17400ccfa5ce5d066426f9', role: "navigation" }, index.h("slot", { key: 'd196a3f08b28ea220535672483f0682bbbe5744c', name: "close-button" }), index.h("div", { key: '87d23d9b1454680f1e231ac4b128b182e46931f7', class: "tds-side-menu-wrapper" }, index.h("ul", { key: '7ffe1f72ec8c19486af835b2b262bc8d492d53f3', class: `tds-side-menu-list tds-side-menu-list-upper` }, index.h("li", { key: '4dac95ae5a33fc5a5bf8c86e8ffbf677d4d027a8' }, index.h("slot", { key: '524e93dd76c26ef5e48c960a30653c51146d913b' }))), index.h("ul", { key: '079a5014d43f9c3637cf09eb92bb4ff82b1d6377', class: `tds-side-menu-list tds-side-menu-list-end` }, index.h("li", { key: '06d8904d9e4b9ec54b92db6a600f1b79b4fac6f4' }, index.h("slot", { key: 'bebea535b735681e5896a799d68e44ec80074d42', name: "end" })))), index.h("slot", { key: '95468fce6d703cd90c491ad5d585549ffcb8da1d', name: "sticky-end" }))))));
+            } }, index.h("slot", { key: '6b87fbf18cbfa65ab8552eb64456b87304022404', name: "overlay" }), index.h("aside", { key: '7d63212f845d1bba59a1b3a6e0b99998fd6a2202', class: `menu` }, index.h("div", { key: 'd8ce4ff50101691aeb9b88d17cc7ee2490272ad4', role: "navigation" }, index.h("slot", { key: 'f8a7ee24fbced61ff4931168902c397b082521eb', name: "close-button" }), index.h("div", { key: '072baef69437e6a444b32f0b62cef196cefe1575', class: "tds-side-menu-wrapper" }, index.h("ul", { key: 'bf1e19f6ba886f2c89b480b4f58b45c018daac4d', class: `tds-side-menu-list tds-side-menu-list-upper` }, index.h("li", { key: 'e319ea5fa177d10d2251b8ab26a06bef18bbd623' }, index.h("slot", { key: '5fec36575727498f764896d4c585a77f4c83f8b4' }))), index.h("ul", { key: 'b3a8d1af131f3ac8531d1f63bf7aa728ae87927b', class: `tds-side-menu-list tds-side-menu-list-end` }, index.h("li", { key: '2d82fba190cdb96f6e7bb77a1f44d94b1a4f461b' }, index.h("slot", { key: 'c5d3f65e00c57911b5aae71d4a75b1ec894b3fcb', name: "end" })))), index.h("slot", { key: 'eb8c2a7a4130e9e71851735219414a9d87e95853', name: "sticky-end" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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: 'a8b597a5b5ce36c572cf6e0773efb96350fe7b3c', class: {
+        return (index.h("div", { key: 'b292fb88725097524b908a920eec96c87a242685', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, 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) => {
+            } }, index.h("input", { key: '93df885ffdb69b5b9261877f3489f4e0a27de114', 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: '730c20f6adf2cb8b00222ece8c553240fca9fc6a', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), index.h("div", { key: '7f8f10c5a9982042b332291eb48fe1a91c4d5120', class: {
+            } }), index.h("div", { key: '0d7a1a204e4893cb451e00976825ed69b297d36f', 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: '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) => {
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("label", { key: '8e02adb2e59e5425b8a2695e04d1de0c0db22808', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (index.h("div", { key: '3e1c8b9d0403536479a68c40dd30bae04203fb23', class: "tds-slider__input-values" }, index.h("div", { key: '9fc1090387cfeb4d4e7b6bad0676df1b49057ede', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { key: '996317c2a48374311a2b654994dc99d5d62555dd', class: "tds-slider__controls" }, index.h("div", { key: '07aeeabdcd75d6238ac7ee458aee91ca951bc748', 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: 'e42b57eb0db364ad919398201fffe34fb167eb2f', name: "minus", size: "16px" })))), index.h("div", { key: '6ece66a7e5b6058cc2c9991b3625c2ae7f474fa7', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (index.h("div", { key: 'ceb9140f2bf24827913ae5adfc911827f6e487d1', class: "tds-slider__value-dividers-wrapper" }, index.h("div", { key: 'd0b6cb025543e7de8d68d86b9d3b7ac91ec4782a', 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: '40355beb56539ade6aadc6b75aa8a5444ddeb512', 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: '5fa9d32cc1fed8cf79818fafe38b249764362172', class: "tds-slider__track-fill", ref: (el) => {
+            } }, index.h("div", { key: '91f7514a2f8533a91b90af108fe5a7559019c387', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), index.h("div", { key: '716c4f6c4f43224beda11704751e3c1425a9a53c', class: "tds-slider__thumb", ref: (el) => {
+            } }), index.h("div", { key: 'e25e3f91631040ce0b2aea1ae5007a9b989f239c', 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: '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) => {
+            }, 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: 'f21169a0dc0df70287c680e3f5ba32c4ae8e263f', class: "tds-slider__value" }, this.value, index.h("svg", { key: '1cf441da18bfc2d8b55a009073dea7ef948ddcad', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '050ac1177f3b4526f94a1ff4418b746c56463009', 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: '8817050cc1ead7468139f7d166b61ca3d977c578', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), 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" })))))));
+            } })))), this.useInput && (index.h("div", { key: 'b3132b32773468761ead8f3f3e035df8b51fe319', class: "tds-slider__input-values" }, index.h("div", { key: 'faa0e4b8e5c60430d90902bb97c80e621407cca5', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), index.h("div", { key: '05f9d258e85202769af4cc8c1a665bb08af9d8bd', class: "tds-slider__input-field-wrapper" }, index.h("tds-text-field", { key: 'cb5eda3e508e4bae438e1e282543fc20e2ff4b84', 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: '0e0f1d2d1ee7630b9b802291395581add2324b7d', class: "tds-slider__controls" }, index.h("div", { key: 'b9675d90ec44b9a2b0b9880b19c1abd5d02ad98e', 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: '6af836d67b5fdf5c5c7c2c5de68acb6781d4e020', 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: '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}` }))));
+        return (index.h("div", { key: '6b8e0e3672d59119b4c81a514c2ce3c7aec0bdce', "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { key: 'f311853629ac196027dbc6a7d4ae8df0df19a1ff', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { key: '0c78f2bb689a72bb5ae7c1e0329fb943d517d352', 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: '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" }))))));
+        return (index.h(index.Host, { key: '71ffa72c7207f344cfd9e614354b52c57e133a36' }, index.h("div", { key: '9e738ad1d10d83c7a3f29fe4602fdb698ff4a574', 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: '6d7c25472829f5459bb97d8f5a1a0cec3343f595', 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: 'bd3f88a33114c3eee0fe6402ad4365ad1d4a5b10', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, index.h("slot", { key: 'cc7a809cc19505b21a748fe5eb58cc8900188625', name: "label" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js

@@ -88,7 +88,7 @@ const TdsTableBodyInputWrapper = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ad9ea213210029f368ef88ecb62db60a0d79843d', class: {
+        return (index.h(index.Host, { key: '55c8cd1004779a0a3a963c33b8466cc913ca287f', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,