@scania/tegel 1.48.0 → 1.48.1

package/dist/collection/components/header/header-launcher-list/header-launcher-list.js

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

package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class TdsHeaderLauncherListItem {
     render() {
-        return (h(Host, { key: 'bcc63c58186216485acf6e6e0f896158e92cd29e' }, h("tds-header-dropdown-list-item", { key: 'e4b963bf20b97aa19f8f6dbd4d4a6face04220db', size: "lg" }, h("slot", { key: '03445a4fe12c6f5a283b6d2635d657bbfd103263' }))));
+        return (h(Host, { key: '26e0abc8a58c0172ce418740674c9c2549023c2b' }, h("tds-header-dropdown-list-item", { key: '879647cff5e9c60551fb45a4a84397e94ded716c', size: "lg" }, h("slot", { key: '4c3c2e8b7091e3922a5d283f8c2b86963bf183aa' }))));
     }
     static get is() { return "tds-header-launcher-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js

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

package/dist/collection/components/header/header-title/header-title.css

@@ -1,6 +1,7 @@
 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;

package/dist/collection/components/header/header-title/header-title.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TdsHeaderTitle {
     render() {
-        return (h("h4", { key: '4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a' }, h("slot", { key: 'e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc' })));
+        return (h("h4", { key: 'c7648f8e3c0057fd0c57806beb574eab7b950ccc' }, h("slot", { key: '3201b3d0fcdd663dafe25a87997691151dc50db8' })));
     }
     static get is() { return "tds-header-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/header/header.js

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

package/dist/collection/components/icon/icon.js

@@ -45,7 +45,7 @@ export class Icon {
         this.arrayOfIcons = [...this.arrayOfIcons];
     }
     render() {
-        return h(Host, { key: 'daa68a1111cb959770d66238151d462733bc8214' }, this.setIcons());
+        return h(Host, { key: 'b983ab33944d83544628543151adb2fa3b6ebf0f' }, this.setIcons());
     }
     static get is() { return "tds-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/link/link.js

@@ -29,11 +29,11 @@ export class TdsLink {
         }
     }
     render() {
-        return (h("span", { key: '37f0a1d6f793f3b333dd1d36cb4d71c6c0ca68c9', class: {
+        return (h("span", { key: '5fc21ffc7b7729795b156a9fd6cd9f2cf60be758', class: {
                 'disabled': this.disabled,
                 'no-underline': !this.underline,
                 'standalone': this.standalone,
-            } }, h("slot", { key: 'a2943a35f2ca2daceab8036b5f4a858dbed487c9' })));
+            } }, h("slot", { key: '40a42ad82cf71553feabec642dae10d8966124fa' })));
     }
     static get is() { return "tds-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/message/message.js

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

package/dist/collection/components/modal/modal.js

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

package/dist/collection/components/popover-canvas/popover-canvas.js

@@ -38,14 +38,14 @@ export class TdsPopoverCanvas {
     }
     render() {
         var _a;
-        return (h(Host, { key: '3a0b77989875719936176b458b661398e587f818', class: {
+        return (h(Host, { key: 'bfb257ceb06542d098e99b0dfc9731cd1344e16a', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", Object.assign({ key: '13299274cbac5380a1e30da56c4e60ec4054c7ae', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+            } }, 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 }), h("div", { key: '6bfb89642f8d1c2b567623e31b65645e9f3010a1' }, h("slot", { key: 'ec3fd10e79ff3707253bcf931415e212445752a5' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: 'f17d2dec71560e238b2acad5f4c6a92465b11bf1' }, h("slot", { key: 'c0765112fc2c1641da274f00ee70cea25bc19c80' })))));
     }
     static get is() { return "tds-popover-canvas"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/popover-core/popover-core.js

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

package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js

@@ -5,10 +5,10 @@ export class TdsPopoverMenuItem {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '189497fe898065e585b2bf342611716b7b44778b', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '5904e5da7c9f4cfe1a35df1b5b1549a8a4c501a9', class: {
+        return (h(Host, { key: '56aa3bb56a96cf1c9aee16e46dd70cc098b58645', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'c5eb4a125b0b9f52850369b821a3994824ccae48', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, h("slot", { key: 'ddacc7938ca455a8151b2e46449414146073b045' }))));
+            } }, h("slot", { key: '2b76880fcd4ad145f4ae9df40fea79da3b2a7b92' }))));
     }
     static get is() { return "tds-popover-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover-menu/popover-menu.js

@@ -36,15 +36,15 @@ export class TdsPopoverMenu {
     }
     render() {
         var _a;
-        return (h(Host, { key: '9475e802c247f2be782246ed4060d1df78cb9ca6', class: {
+        return (h(Host, { key: '71739ba366e850b1039f68955c47f09c699e3bf3', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", { key: 'f124ad67796e05654a4b1af634877e372a0b69e7', class: {
+            } }, 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 }, h("div", { key: 'f97c6bd562a011be0595fa0189dd1209e6f80bca', role: "menu" }, h("slot", { key: '8d7ddcf67d2adc1d928384779a01eed8adf61e41' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: '921f8b9216610f770d0cc06db9af160db5e0e60e', role: "menu" }, h("slot", { key: 'c90403fed03325fde646c822b1a29de321035899' })))));
     }
     static get is() { return "tds-popover-menu"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/radio-button/radio-button.js

@@ -27,10 +27,10 @@ export class TdsRadioButton {
         }
     }
     render() {
-        return (h("div", { key: '6a4ff569b492e4d5bbdccb0f9bd6b82a8186673e', class: "tds-radio-button" }, h("input", { key: '0681a3f58da48700d7134a5b4db923445fcc57cf', ref: (inputEl) => {
+        return (h("div", { key: 'fb96d651d7161e4e0d4a0ffaab031b0b762ceb90', class: "tds-radio-button" }, 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 }), h("label", { key: '0b5ca6d7a54706ed0c7878b51380683da34301f7', htmlFor: this.radioId }, 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 }), h("label", { key: 'c08a19a007fbf87fd0b585341c4c914b72a91671', htmlFor: this.radioId }, h("slot", { key: '3e977aab78c651769ba51f458a2e785aeb638508', name: "label" }))));
     }
     static get is() { return "tds-radio-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js

@@ -12,7 +12,7 @@ export class TdsSideMenuCloseButton {
         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(this.host)), { 'onClick': TdsSideMenuCloseButton.handleClick });
-        return (h(Host, { key: '3c7170428b11fd26f5c00f5f6012984982eb364c' }, h("button", Object.assign({ key: 'f3e0253705d9e7a2ddd6d20c779466d09b24b0f7' }, buttonProps), h("tds-icon", { key: 'caa6069e817904f832152838036ca3630b74cd5a', name: "cross", size: "20px", svgTitle: "Cross" }))));
+        return (h(Host, { key: '5454382b10c715fe943f606794cc4fed75dfd29c' }, h("button", Object.assign({ key: '47e139cce8c51def9b11c5b63729a9a99101e80d' }, buttonProps), h("tds-icon", { key: 'fe168790ca7a9eb404f19682adb36ec29e7b1da6', name: "cross", size: "20px", svgTitle: "Cross" }))));
     }
     static get is() { return "tds-side-menu-close-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js

@@ -29,12 +29,12 @@ export class TdsSideMenuCollapseButton {
         this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     render() {
-        return (h(Host, { key: '563423e27c70296a2c11820bad22f2e6081cc0b6' }, h("div", { key: 'f9ed17f35641ec86cd31dc2c161bf478c30a3606', class: {
+        return (h(Host, { key: 'cc006e1bf231fa1386f16ddc774465c405823f98' }, h("div", { key: '2eff800550eeb5beab4caa22e6abccbbaf60b1d9', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '3364f79ca3719328636d1cb9b5bebb58e9f9ccdc', class: { button: true } }, h("button", { key: '699963ae2023fdbc5e8836b1801c13e622214634', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
+            } }, h("tds-side-menu-item", { key: 'a8e39f7bd79013239b51766aa23423947bd18616', class: { button: true } }, h("button", { key: '64ddd862a2f1422bcfa52c4e113b27fa9f439194', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
                 this.handleClick();
-            } }, h("svg", { key: 'c10901b2cdc12a50a29c1425319ae18286b33cdf', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, 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 && h("slot", { key: '09f5787783fdb7168bbd28acf18ac0d769a31459' }))))));
+            } }, h("svg", { key: 'f2f5628980782b2dbf81feb707d3e0b11341da10', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, 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 && h("slot", { key: 'fbe64e4bf62fbd627e4478323f4612ca63bbdf4c' }))))));
     }
     static get is() { return "tds-side-menu-collapse-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js

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

package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js

@@ -15,9 +15,9 @@ export class TdsSideMenuDropdownList {
         this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     render() {
-        return (h(Host, { key: '4096fb37997a3cce5750f9d7ee468f99bff81787', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '7cf0000e1371ab010cdc6f86d371f6a7f374f0d2', class: {
+        return (h(Host, { key: '5b7f22b1be0ee04ad371c623e74df76925d18b3c', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '13ecc23daf9bcbe31325c9cd11a9e2c26a658d13', class: {
                 'state-collapsed': this.collapsed,
-            } }, h("slot", { key: 'e169b04aae71ea2c53eaae921c9cb87e85b02224' }))));
+            } }, h("slot", { key: '33862a757ab70623a15634a1cc5308e5f6467a14' }))));
     }
     static get is() { return "tds-side-menu-dropdown-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js

@@ -38,13 +38,13 @@ export class TdsSideMenuDropdownListItem {
         }
     }
     render() {
-        return (h(Host, { key: '64c7367db70070bb43c4533ddcafbda97651231f', role: "listitem" }, h("div", { key: '60434a96f6de0a9bda3d26f7003a10c8b5668552', class: {
+        return (h(Host, { key: 'a8abd6dc9dbbfc88d10ce19d9e11eb2da035d21c', role: "listitem" }, 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,
-            } }, h("slot", { key: '8590776910cfb61c614c5339daa5c5464cc9a729' }))));
+            } }, h("slot", { key: 'd8d4aafd3f3bea10c73e933d4564143e9604a6f3' }))));
     }
     static get is() { return "tds-side-menu-dropdown-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js

@@ -78,13 +78,13 @@ export class TdsSideMenuItem {
         this.updateHasUserComponent();
     }
     render() {
-        return (h(Host, { key: '4f5ced7e398987e33d5c2ee08a2b50637ccbaf8f' }, h("div", { key: '6bbeae2f3148011c7b516b1922df693abb6f2083', class: {
+        return (h(Host, { key: 'bc1168a557d8bd92a5579fb0be4c4a6b760c0007' }, h("div", { key: '6eba3fb28d25bce88815620a49aba34e4075bd13', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
                 'component-has-user': this.hasUserComponent,
-            } }, h("slot", { key: '2a836f4a3892acae4541972dadcf4a5e958d45f4' }))));
+            } }, h("slot", { key: 'dcf683b97b5f0e8aaaa3741ed5804ee16bbae701' }))));
     }
     static get is() { return "tds-side-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TdsSideMenuOverlay {
     render() {
-        return (h(Host, { key: '15e4b102af83962079d9bc9104c3e4d243cea947' }, h("div", { key: '52ed88b0ccf8ae02c3d83849f610475b0ad55065' })));
+        return (h(Host, { key: 'df82f910a824371d2afd656483f1279e1a941a95' }, h("div", { key: '521b155b9833fe44deed8a460af1172e95c39e1e' })));
     }
     static get is() { return "tds-side-menu-overlay"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  * */
 export class TdsSideMenuUser {
     render() {
-        return (h(Host, { key: '029f8e80bd9eb56ba1826280e6c64fdddbba918c' }, h("tds-side-menu-user-image", { key: 'ee277efe9180b8013596cae3ccebf801c47d7573', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: 'bfd0ee76f3c8903f033417ab917796ab9a2bc941', name: "image" })), h("tds-side-menu-user-label", { key: '0a1e257454854db6e670a68a3a085430e4e5187c', heading: this.heading, subheading: this.subheading })));
+        return (h(Host, { key: '5c68cbd8ac836789142fabebed61ed125435fb74' }, h("tds-side-menu-user-image", { key: '645a823d23202b15e838d35642ab2fa2953a62d7', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '2425cc36d3a13c0e1afd91dcd206b59526fc42ae', name: "image" })), h("tds-side-menu-user-label", { key: '270f9c6276f4ab290aa6dd7e949d70b2312ba289', heading: this.heading, subheading: this.subheading })));
     }
     static get is() { return "tds-side-menu-user"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  * */
 export class TdsSideMenuUserImage {
     render() {
-        return (h(Host, { key: '22bb496463e8548ddf2ce55f95f112dae1afa181' }, h("slot", { key: 'ebbe1e06c9b27b41f9f206f65890654be3866d03' }), this.src && h("img", { key: '2a378a8e56cb54a5c300123e156ecadf04d92459', src: this.src, alt: this.alt })));
+        return (h(Host, { key: '85fe09b4f6ac3b7d99da2d6256c758900329653a' }, h("slot", { key: '6c04244257c79df5fcd4d9fd1f8fae6d6765c901' }), this.src && h("img", { key: 'c1a65990c6d1b8f4b6383dc49750f65ca938e820', src: this.src, alt: this.alt })));
     }
     static get is() { return "tds-side-menu-user-image"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TdsSideMenuUserLabel {
     render() {
-        return (h(Host, { key: '30326793059e4e25b3c769e94b22780a37754ba4' }, this.heading, this.subheading && h("div", { key: 'e3912bf0571bb8ef67ebea53d37547a0a9284bf7', class: "subheading" }, this.subheading)));
+        return (h(Host, { key: '6eadfff1b48a9cc2cb2d3454f39a3f4aca466a60' }, this.heading, this.subheading && h("div", { key: 'f92e371afe0154292f9ef21e9fd43e77f63dbb88', class: "subheading" }, this.subheading)));
     }
     static get is() { return "tds-side-menu-user-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/slider/slider.js

@@ -459,30 +459,30 @@ export class TdsSlider {
     }
     render() {
         const ariaLabel = this.readOnly ? this.tdsReadOnlyAriaLabel : this.label || this.tdsAriaLabel;
-        return (h("div", { key: '1d089e5942bf7e4872b68bc46a269e975a4957a7', class: {
+        return (h("div", { key: 'a8b597a5b5ce36c572cf6e0773efb96350fe7b3c', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, 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 }), h("div", { key: '1867645432d81580de1cb345ad68e55f9c004c28', class: "sr-only", "aria-live": "assertive", ref: (el) => {
+            } }, 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 }), h("div", { key: 'a30d1d4e14ed8086e36f3605d59a5f6f6b79e38a', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), h("div", { key: '39c628693700a11cda5f9536c6cfc8d4fcad70b6', class: {
+            } }), 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' }, h("label", { key: '8e0a61a0a9c872eda41f0d38efd9056cdf34906e', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (h("div", { key: '04a9887058c3f4ff2a6cd86a0e351b581becba74', class: "tds-slider__input-values" }, h("div", { key: 'eefa61151c058767d3293bad2ecd0e9878aa3b16', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: '241854ca030c62361240e98b112f7ec490cf6570', class: "tds-slider__controls" }, 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' }, h("tds-icon", { key: '80351eb5648c3032cc6356c8494c7fdc38a105a0', name: "minus", size: "16px" })))), h("div", { key: '5abdde18e7e8131b9b3f85d18cbbcc5583d18a52', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: '364212a676b02719c87cce1135b11aa295753f46', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: 'ae1e63e6d45760ca582814ed1e72c3d8db43ef44', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: 'f3be603d4b0c9e30988265361d6b2c9f8b550483', class: "tds-slider__track", ref: (el) => {
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("label", { key: '89e9d60169bd2a23d0bc978ee9fb5bf096f8467e', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (h("div", { key: '1e29ecf4b885e1e99222a558a48900e72a388060', class: "tds-slider__input-values" }, h("div", { key: '9f3dd1a0e4a0e04eb551664df4526d7dbbf17126', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: 'a73effd4c30c98b87009f39d3541172187309323', class: "tds-slider__controls" }, 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' }, h("tds-icon", { key: '6df94fb293200e8cc91e56d2298872c106204027', name: "minus", size: "16px" })))), h("div", { key: '63a8cc2b56f1e099001c03fafab7bbfb198e7bde', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: '31fd5005c4c3b2b19aaedfccc0c3c87fb5281d02', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: '54ccc695e448db25bdb20b10669d58ebc7a6bc6c', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), 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();
                 }
-            } }, h("div", { key: 'cd786e1d47f5ab9a3f4b824f00849fda01064915', class: "tds-slider__track-fill", ref: (el) => {
+            } }, h("div", { key: '5fa9d32cc1fed8cf79818fafe38b249764362172', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), h("div", { key: '36be5f7f9bb51d138e4a2b5e66dd9116c14260f8', class: "tds-slider__thumb", ref: (el) => {
+            } }), 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 && (h("div", { key: '0ccf5661d2ed49474040b964f3c31c9144effdc1', class: "tds-slider__value" }, this.value, h("svg", { key: 'c93653b56ab7759af24ed4ca9c32af758d51266d', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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" })))), 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 && (h("div", { key: 'e25c63d00730d805af96a22c180791a9ba90890e', class: "tds-slider__value" }, this.value, h("svg", { key: '0317b096047d60ab74e60e200ab11d3b448cc955', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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" })))), h("div", { key: '9d23233322159f4bbee6d3089b1caf848b6e070d', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (h("div", { key: '3f85a89df94fe531b1e9a3aa052cae465493aab0', class: "tds-slider__input-values" }, h("div", { key: 'd6f72ceb11a9305485712fed72831257ba3e47ce', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: 'd694e8f0bab9e97be10720bcef2f7d218a997103', class: "tds-slider__input-field-wrapper" }, 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 && (h("div", { key: '328e507a5ff8c40d01b1eb5769914a07dceb436c', class: "tds-slider__controls" }, 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' }, h("tds-icon", { key: '707af22bfa42a1e9212199d372edf46db26eead1', name: "plus", size: "16px" })))))));
+            } })))), this.useInput && (h("div", { key: '52b37470f53b205c5ef4a5ecda1bc50ef534835a', class: "tds-slider__input-values" }, h("div", { key: 'b2016512dce7ff7914aec8d7f5ea8404ca4cccb7', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: 'ab4b1f51bf1ecb7b41bb56f14a331a33e98b551f', class: "tds-slider__input-field-wrapper" }, 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 && (h("div", { key: '1ce34d27847f849a817f344c8be4b85d38b4e448', class: "tds-slider__controls" }, 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' }, h("tds-icon", { key: 'cc11a2defee786216ab376339317f285d9730523', name: "plus", size: "16px" })))))));
     }
     static get is() { return "tds-slider"; }
     static get originalStyleUrls() {

package/dist/collection/components/spinner/spinner.js

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

package/dist/collection/components/stepper/step/step.js

@@ -37,7 +37,7 @@ export class TdsStep {
         }
     }
     render() {
-        return (h(Host, { key: '0589d81b64f547deb8f0d9db7c9d377ee9d8db67' }, 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' : ''}` }, h("span", { key: 'f11f36b998a8b40842517a4032fe25aad488ccf3', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (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' })) : (h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: '0e707ca85c128c486906e893f20f7a171ef693f7', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, h("slot", { key: '265d2e99ba2b59749a1ee841895127c90c7750ac', name: "label" }))))));
+        return (h(Host, { key: '02d1b6ed29a07f3734f66c1d52fe076fcfce51a3' }, 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' : ''}` }, h("span", { key: 'ee0e109c683ec2ae5ee63bffcba78db4ac01b41c', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (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' })) : (h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: '0649edfcf0a1b5be4cbeb4904a185b0d62d933a2', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, h("slot", { key: '1e75c2ab1172c03914b43f2c041a656e53230b36', name: "label" }))))));
     }
     static get is() { return "tds-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table/table.js

@@ -46,10 +46,13 @@ export class TdsTable {
     }
     /** Returns all selected rows data. */
     async getSelectedRows() {
-        var _a;
+        var _a, _b;
         let selectedRowsData = [];
         const tableBody = this.host.querySelector('tds-table-body');
-        const selectedRows = Array.from((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.querySelectorAll('tds-table-body-row')) !== null && _a !== void 0 ? _a : []).filter((element) => element.selected);
+        // Get both regular rows and expandable rows
+        const regularRows = Array.from((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.querySelectorAll('tds-table-body-row')) !== null && _a !== void 0 ? _a : []).filter((element) => element.selected);
+        const expandableRows = Array.from((_b = tableBody === null || tableBody === void 0 ? void 0 : tableBody.querySelectorAll('tds-table-body-row-expandable')) !== null && _b !== void 0 ? _b : []).filter((element) => element.selected);
+        const selectedRows = [...regularRows, ...expandableRows];
         selectedRows.forEach((row) => {
             let selectedRow = [];
             const rowCells = Array.from(row.getElementsByTagName('tds-body-cell'));
@@ -108,11 +111,11 @@ export class TdsTable {
         }
     }
     render() {
-        return (h(Host, { key: '2518c49a6d15147aed6989edfbd4cd658ac2219a', class: {
+        return (h(Host, { key: '677bf0b8c1df0154c90438ad8af1c947b701a1f8', class: {
                 'tds-table--responsive': this.responsive,
                 'tds-mode-variant-primary': this.modeVariant === 'primary',
                 'tds-mode-variant-secondary': this.modeVariant === 'secondary',
-            } }, h("table", { key: '1a845328df98203bd3b4bc3c058310c75ebd83a6', style: this.getStyles(), class: {
+            } }, h("table", { key: '673a4b1bae0b0430760697b0312611d0a91421bf', style: this.getStyles(), class: {
                 'tds-table': true,
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
@@ -123,7 +126,7 @@ export class TdsTable {
                 'tds-table--horizontal-scroll-toolbar-compact': this.enableHorizontalScrollToolbarDesign && this.compactDesign,
                 'tds-table--horizontal-scroll-footer': this.enableHorizontalScrollFooterDesign && !this.compactDesign,
                 'tds-table--horizontal-scroll-footer-compact': this.enableHorizontalScrollFooterDesign && this.compactDesign,
-            } }, h("slot", { key: 'ded1d53ea8e07514e45797c0feffa83f58cce6b4' }))));
+            } }, h("slot", { key: '218dfb52cd9498b0c72839dd6d0c2f4bb71a89cb' }))));
     }
     static get is() { return "tds-table"; }
     static get encapsulation() { return "shadow"; }
@@ -396,6 +399,10 @@ export class TdsTable {
                             "location": "global",
                             "id": "global::HTMLTdsTableBodyRowElement"
                         },
+                        "HTMLTdsTableBodyRowExpandableElement": {
+                            "location": "global",
+                            "id": "global::HTMLTdsTableBodyRowExpandableElement"
+                        },
                         "HTMLTdsBodyCellElement": {
                             "location": "global",
                             "id": "global::HTMLTdsBodyCellElement"

package/dist/collection/components/table/table-body/table-body.js

@@ -64,12 +64,12 @@ export class TdsTableBody {
         }
     }
     render() {
-        return (h(Host, { key: '38f8bf195ef802dbf2ee50e5ea6eb1ecc6d35549', "data-selected-rows": this.multiselectArrayJSON, class: {
+        return (h(Host, { key: 'd61524e078103156a13685d1071258a674767f5f', "data-selected-rows": this.multiselectArrayJSON, class: {
                 'tds-table--zebra-mode-rows-odd': this.zebraMode === 'rows-odd',
                 'tds-table--zebra-mode-rows-even': this.zebraMode === 'rows-even',
                 'tds-table--zebra-mode-columns-odd': this.zebraMode === 'columns-odd',
                 'tds-table--zebra-mode-columns-even': this.zebraMode === 'columns-even',
-            } }, h("slot", { key: '30787d97aa3a0f2a1f447d7ebc5434b6345fd7c3' })));
+            } }, h("slot", { key: '2e7d10195e21f906269ae74f262debc2d3b4f38b' })));
     }
     static get is() { return "tds-table-body"; }
     static get originalStyleUrls() {

package/dist/collection/components/table/table-body-cell/table-body-cell.css

@@ -1,8 +1,11 @@
-:host(.tds-table__body-cell) {
+:host {
+  display: contents;
+}
+
+:host(.tds-table__body-cell) td {
   box-sizing: border-box;
   font: var(--tds-detail-02);
   letter-spacing: var(--tds-detail-02-ls);
-  display: table-cell;
   box-sizing: border-box;
   color: var(--tds-table-color);
   padding: var(--tds-spacing-element-16);
@@ -11,26 +14,26 @@
   background-color: transparent;
   transition: background-color 200ms ease;
 }
-:host(.tds-table__body-cell) * {
+:host(.tds-table__body-cell) td * {
   box-sizing: border-box;
 }
 
-:host(.tds-table__body-cell--hover) {
+:host(.tds-table__body-cell--hover) td {
   background-color: var(--tds-table-body-cell-background-hover);
 }
 
-:host(.tds-table__compact) {
+:host(.tds-table__compact) td {
   padding: var(--tds-spacing-element-8) var(--tds-spacing-element-16);
 }
 
-:host(.tds-table--divider) {
+:host(.tds-table--divider) td {
   border-right: 1px solid var(--tds-table-divider);
 }
 
-:host(.tds-table--divider:last-of-type) {
+:host(.tds-table--divider:last-of-type) td {
   border-right: none;
 }
 
-:host(.tds-table--no-min-width) {
+:host(.tds-table--no-min-width) td {
   min-width: unset;
 }