@scania/tegel 1.24.0-value-prop.beta.6 → 1.25.0-config-for-china.beta.2

package/dist/cjs/tds-footer-group.cjs.entry.js

@@ -25,11 +25,11 @@ const TdsFooterGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b704a9cdc581f94a4680793bccc4da44496fe328' }, this.titleText && this.topPartGroup && (index.h("div", { key: '630d91ff93d0eeb6c0bc603d9255059bad3b8d33', class: "footer-top-title" }, this.titleText)), this.titleText && this.topPartGroup && (index.h("button", { key: '2a424b0f61fb06b14ae9bb9a611b5264e0854111', onClick: () => {
+        return (index.h(index.Host, { key: 'ae2797031aeb5ca057aa00b43d927dff915a5f12' }, this.titleText && this.topPartGroup && (index.h("div", { key: '9ea90a96330835356332d48efdb0e4d8dd7ea645', class: "footer-top-title" }, this.titleText)), this.titleText && this.topPartGroup && (index.h("button", { key: '91b8365113700710108d6207f32968354c660014', onClick: () => {
                 this.open = !this.open;
-            }, class: `footer-top-title-button  ${this.open ? 'expanded' : 'closed'}` }, this.titleText, index.h("tds-icon", { key: 'ea2d3d26b0c70d6346b71d98753a6e13bf074351', name: "chevron_down", size: "20px" }))), index.h("div", { key: '400c3cf5f39e59fa60f26cba45df02ad8b5da063', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
+            }, class: `footer-top-title-button  ${this.open ? 'expanded' : 'closed'}` }, this.titleText, index.h("tds-icon", { key: '4faa5b64abb3c37659efeaf8a4e9a610ccbce607', name: "chevron_down", size: "20px" }))), index.h("div", { key: 'b3e3bda445b7b9c244072c2d188a6fe0fcb2e7e0', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
             ${this.topPartGroup ? 'top-part-child' : ''}
-            ${this.open ? 'expanded' : 'closed'}` }, index.h("slot", { key: '38241a0f3b5a343f5074b113168ba97465f7c209' }))));
+            ${this.open ? 'expanded' : 'closed'}` }, index.h("slot", { key: '99197656b6b371c43da12f1dcf39ef0a0b41fae9' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-footer-item.cjs.entry.js

@@ -16,7 +16,7 @@ const TdsFooterItem = class {
         this.parentIsTopPart = this.host.closest('tds-footer-group').parentElement.slot === 'top';
     }
     render() {
-        return (index.h("div", { key: '3ec8ab3daa658a8b54735c0b58b6a704da0206b3', role: "listitem", class: `${this.parentIsTopPart ? 'top-part-child' : ''}` }, index.h("slot", { key: '990ef329bcac600c632e0b7e8eda843e0284c62e' })));
+        return (index.h("div", { key: 'a25461642c0ec629b7c9201a62c0e5c1373e0f68', role: "listitem", class: `${this.parentIsTopPart ? 'top-part-child' : ''}` }, index.h("slot", { key: '19341c71e073cf8b06a24bef448d2b74486a65b7' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -19,7 +19,9 @@ const TdsFooter = class {
         const usesStartSlot = hasSlot.hasSlot('start', this.host);
         const usesEndSlot = hasSlot.hasSlot('end', this.host);
         const usesCopyrightSlot = hasSlot.hasSlot('copyright', this.host);
-        return (index.h(index.Host, { key: '454d913eea834fa60400c9714370d14425bc24b6', class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("footer", { key: '77ee89f78b3df1658a6c9e1f5b73273b447aca6d' }, usesTopSlot && index.h("slot", { key: '6a3c601f7fcd034d659848c3a568460489f874ca', name: "top" }), index.h("div", { key: '245560e49f1aa3ac1c0d9234f2b53c6c8be12a32', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (index.h("div", { key: '2b3220a69f400b8b609fb423f4136b9fb3d1bf96', class: "footer-main-top" }, usesStartSlot && index.h("slot", { key: '952412fc57aef7abe5a195ac173a14a48a626c95', name: "start" }), usesEndSlot && index.h("slot", { key: 'a8b8f6d9c625b7da0ecee95e05a1cda4492b964a', name: "end" }))), index.h("div", { key: 'ca1e76bd613fa3662a5822882fc4ddc0e030c606', class: "footer-main-bottom" }, index.h("small", { key: '5c5c3803d71c51b8793993240f00912b89377985', class: "copyright" }, usesCopyrightSlot ? index.h("slot", { name: "copyright" }) : this.copyrightText), index.h("div", { key: '2ebada35ffde37a7824b100fe34dd947c525741e', class: "brand" }, index.h("p", { key: 'e6233b2ce0d5f36a54f9069a9feec687388bc795' }, "Scania")))))));
+        return (index.h(index.Host, { key: '9da56bcf06badf33f3096c4cf980e775090d70d4', class: {
+                [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
+            } }, index.h("footer", { key: '0bcb1d24d91f26eb8f44fb0faff172c3e140aeff' }, usesTopSlot && index.h("slot", { key: '4ab849118b1e4822aab9b2779b38569b413595e5', name: "top" }), index.h("div", { key: 'f84c3c4ac78776da6f127675b24c467dcd7eedca', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (index.h("div", { key: 'a12d5aa87d7b731b16b40d42e78005a7dbd92c07', class: "footer-main-top" }, usesStartSlot && index.h("slot", { key: '590a118da2562908606173cc562fbf4c1deae6d3', name: "start" }), usesEndSlot && index.h("slot", { key: 'bd5a1d47df4a4d3089efa7658c62c1c2aed22550', name: "end" }))), index.h("div", { key: '67254f6335af0686cf12461fe6baf9e4cac20c73', class: "footer-main-bottom" }, index.h("small", { key: '99735b151f41ed0a376b98d4b6401b7098a1712c', class: "copyright" }, usesCopyrightSlot ? index.h("slot", { name: "copyright" }) : this.copyrightText), index.h("div", { key: '59774a132d0af546b2e19ae801fa850ae41bdeeb', class: "brand" }, index.h("p", { key: '304b381e47c96c93cae26abcf0042c6a0128c7e0' }, "Scania")))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const TdsHeaderBrandSymbol = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '9b3b472651a6d410b143316851ca701eab5a82c3' }, index.h("tds-header-item", { key: '843bc3ce81ae39261a7eb4429ed4d9d76f051cfb' }, index.h("slot", { key: 'd3a939ac410d229c78532c133e54b868507f7aff' }))));
+        return (index.h(index.Host, { key: '65232b3c21bfec646f7d3e3cf308135f74674034' }, index.h("tds-header-item", { key: '83517481088ba021f329834aa2d0f987f3edd9f0' }, index.h("slot", { key: 'e2bc371fd7f310347b8da5a0bc30a6dfd3dee979' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -115,7 +115,7 @@ const TdsTableHeaderCell = class {
             this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
     }
     render() {
-        return (index.h(index.Host, { key: 'c40924cf774a94e3f78d114eb91632fe57388ba2', class: {
+        return (index.h(index.Host, { key: '967a02c87d37c0eb75219c84c09edbb34b0257df', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,

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

@@ -14,10 +14,10 @@ const TdsHeaderDropdownListItem = class {
         this.size = 'md';
     }
     render() {
-        return (index.h(index.Host, { key: 'e884013f09151c5ba323ac69c34c88e8aba9d132' }, index.h("div", { key: 'e4babaebaac5f661b2ef365a120e9953d6535c73', class: {
+        return (index.h(index.Host, { key: 'e907df68566401506c20283daeeeabf1ebcaa7c8' }, index.h("div", { key: '5a784414662a0da44aeada1496801146606852df', class: {
                 'component': true,
                 'component-selected': this.selected,
-            } }, index.h("slot", { key: 'b58b6c84093c4edd303ee3ed202703f316cfcaa2' }))));
+            } }, index.h("slot", { key: 'a1027ad30124faea7cadbf48c07d3e5e021426f2' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js

@@ -16,7 +16,7 @@ const TdsHeaderDropdownListLgUser = class {
         this.subheader = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '120d76ed5000698ced662db148b40a5d888a8d2a', role: "listitem" }, index.h("div", { key: '3ab963ed3d6dedcd2fab62ddc187f7f2da81221d', class: "user-box" }, this.imgUrl && index.h("img", { key: 'f542a2fbd18541ff12c05be84299193ce4d7459a', src: this.imgUrl, alt: this.imgAlt }), index.h("slot", { key: '9aa0949e9f73ba26013aaff907d52ced275f20ce', name: "thumbanil" }), index.h("div", { key: '4e95bb13416d0a677c8423e67fd30acec004639c', class: "user-content" }, index.h("div", { key: '6164f3b2be4844cb0f754d265ec99b225a61bce3', class: "header" }, this.header, index.h("slot", { key: '15842a87e2a0d3d8fb52fa96f11a93f74e3fd263', name: "header" })), index.h("div", { key: '9b236eaf9ccc12b808dfca4a929b1cfc8d7d2490', class: "subheader" }, this.subheader, index.h("slot", { key: '8fcb8f4117901a6a5ee53fbe22c307039c598787', name: "subheader" }))))));
+        return (index.h(index.Host, { key: 'e74d36a9ed0b7ff850d18dad25d2bce4c6f7b097', role: "listitem" }, index.h("div", { key: 'a4f433ea9996e1fa49951f3d2ba60692456dbeaf', class: "user-box" }, this.imgUrl && index.h("img", { key: 'c250a2f6742e1d6c9a161a3e792e1e34aae84cdf', src: this.imgUrl, alt: this.imgAlt }), index.h("slot", { key: '7a3f1f737e6e50288e71401e9a47d066ba19ac42', name: "thumbanil" }), index.h("div", { key: '2607865f76fd34a9dd3fee48175be7fabb4c8259', class: "user-content" }, index.h("div", { key: '46faeb8b688ad3b3f5e33739ad43e74ee2e4fccb', class: "header" }, this.header, index.h("slot", { key: 'f918d94a6194823ebf80f8661074dfc36928be8e', name: "header" })), index.h("div", { key: '730bc350f801c2cbedc69ff9f4862c8e3dd345db', class: "subheader" }, this.subheader, index.h("slot", { key: '47d6f4dd6ccd2ad95db1fbc54d32d543c245207a', name: "subheader" }))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -78,7 +78,7 @@ const TdsHeaderDropdownList = class {
             'role': 'list',
             'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
         };
-        return (index.h(index.Host, Object.assign({ key: '2ebed45f0b4d3b872378a1246180fc34f8ea46de' }, attributes), index.h("slot", { key: '5b72e5cab5c21fdaa55ca8641c729393ade09f75' })));
+        return (index.h(index.Host, Object.assign({ key: 'a5dd28fda0bbec3b9fdfa94b2170723ea93e646b' }, attributes), index.h("slot", { key: '8e196622a25da4f35e3dbcef8abf385d5723353c' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -35,13 +35,13 @@ const TdsHeaderDropdown = class {
         this.open = !this.open;
     }
     render() {
-        return (index.h(index.Host, { key: '73a8e824b891f66806fad583470460a30af641de' }, index.h("div", { key: '81e78a9f21b152ae4698ec6f693ead79eb40f936', class: {
+        return (index.h(index.Host, { key: '89f12a6c9dbb08a6bb27f4612ca1321cc6059a63' }, index.h("div", { key: 'c86f11728b2b40a23819df0d55755dfdd91151d8', class: {
                 'state-open': this.open,
-            } }, index.h("tds-header-item", { key: 'aab78709417d1fd623c9a9969246434d78bcc055', class: "button", active: this.open, selected: this.selected }, index.h("button", { key: 'dff4234a39520177ba3cc058511144431facb944', ref: (el) => {
+            } }, index.h("tds-header-item", { key: '0b7960b5fcf15cd31ee9fc4ffa37b71ff2960af2', class: "button", active: this.open, selected: this.selected }, index.h("button", { key: '9f61342bf885a20e45cc09f1cc24edcded3e7da0', ref: (el) => {
                 this.buttonEl = el;
             }, "aria-expanded": `${this.open}`, "aria-controls": `launcher-${this.uuid}`, "aria-current": this.selected ? 'location' : 'false', onClick: () => {
                 this.toggleDropdown();
-            } }, index.h("slot", { key: 'ec32e95833f0bc4a93a18c0058c7bea979cde638', name: "icon" }), this.label, index.h("slot", { key: 'ab077d925ecbc941446bb9f1f6755dccae26e0ae', name: "label" }), !this.noDropdownIcon && (index.h("tds-icon", { key: 'eb45d913a11433c12e5add804c88fd7c33e343ea', class: "dropdown-icon", name: "chevron_down", size: "16px" })))), this.buttonEl && (index.h("tds-popover-canvas", { key: 'bc15799eeb488984d58abe21cfc27ba695a395a0', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            } }, index.h("slot", { key: '73f8db2b7b9f25ecb0db8b7e32cf79f9c5d02a75', name: "icon" }), this.label, index.h("slot", { key: 'b0fe411427b9f8de6399884c97a47eba35151767', name: "label" }), !this.noDropdownIcon && (index.h("tds-icon", { key: '78668f259697b89d644884f13b43989f568f7944', class: "dropdown-icon", name: "chevron_down", size: "16px" })))), this.buttonEl && (index.h("tds-popover-canvas", { key: '760c6b51cf39d9127fdd3e1a221bcaa8c86a88c1', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {

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

@@ -15,7 +15,7 @@ const TdsHeaderHamburger = class {
     }
     render() {
         const inheritedButtonProps = Object.assign({}, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        return (index.h(index.Host, { key: 'fa81c06234538414f64c983239c34b7a32184d35' }, index.h("tds-header-item", { key: '5c1168413c62c9f51df5d15bc4b1c12f971cf2f8' }, index.h("button", Object.assign({ key: 'e2225a6e50590b6b25d282737e2198cbd6bf1458' }, inheritedButtonProps), index.h("tds-icon", { key: '5659662f934a61c57b981a24e27cc4e25247cbf7', class: "icon", name: "burger", size: "20px" })))));
+        return (index.h(index.Host, { key: '6191cfe000043e80f9ebedac4629bca461632cc4' }, index.h("tds-header-item", { key: '98b5916b738638b1b5642279774f03c751619bad' }, index.h("button", Object.assign({ key: '31799cf2bf6db5bf649da5231b4633a7f0610f11' }, inheritedButtonProps), index.h("tds-icon", { key: '940d8eb99780a8ce2238de030c4d07673d50d72d', class: "icon", name: "burger", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -17,7 +17,7 @@ const TdsHeaderLauncherButton = class {
     render() {
         this.ariaAttributes = Object.assign(Object.assign({}, this.ariaAttributes), inheritAriaAttributes.inheritAriaAttributes(this.host));
         const buttonProps = Object.assign({}, this.ariaAttributes);
-        return (index.h(index.Host, { key: 'ee714e05a3585542850f433cd81ed25d95a14070' }, index.h("tds-header-item", { key: '0a7c7b20fa872c1ccd4e0760b9f68743ec6c761f', active: this.active }, index.h("button", Object.assign({ key: '1b0c93c04e5206dc47fe3df3a158e16ed624f8e1' }, buttonProps), index.h("tds-icon", { key: '11a961f7e11d741108a450ef1a2fa1b22f5520a8', class: "icon", name: "bento", size: "20px" })))));
+        return (index.h(index.Host, { key: 'ffe903179bae0b20240541dabc867ad291a88890' }, index.h("tds-header-item", { key: '4104afafab4e15d15e452e7d5b35bfa8b6911e4b', active: this.active }, index.h("button", Object.assign({ key: '1285f504631cb4606456beda892946bcd5da12c0' }, buttonProps), index.h("tds-icon", { key: '973233afc8d4e19df3cdcae48b770f8c5f46c7c7', class: "icon", name: "bento", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const TdsHeaderLauncherGridItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd5c9c41d3438735fd770c227e2d426e149ac5bcf', role: "listitem" }, index.h("slot", { key: 'eff84122e0c7f46b53982fdc53852938f73387bd' })));
+        return (index.h(index.Host, { key: '5b9d61104af5ce387a7ffa5b39bbc385620d02f6', role: "listitem" }, index.h("slot", { key: '68e8c3751bfb61f1652f8b510c45049b60a3b3f2' })));
     }
 };
 TdsHeaderLauncherGridItem.style = TdsHeaderLauncherGridItemStyle0;

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

@@ -14,7 +14,7 @@ const TdsHeaderLauncherGridTitle = class {
         this.uuid = generateUniqueId.generateUniqueId();
     }
     render() {
-        return (index.h(index.Host, { key: '7c58a138aeb6e49fa3de68cf39de273eb37db6b5' }, index.h("h3", { key: '1d775b23a798f3433f985357932c114e943bd698', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, index.h("slot", { key: 'e9599ac31c5e637b578c406ee1f4299f40878009' }))));
+        return (index.h(index.Host, { key: '70ea20ff6df9026852d8ea50c0f76a70dbf96fff' }, index.h("h3", { key: '599beadad433618045130ee083e61e80d5800b61', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, index.h("slot", { key: '73d100ddab185e319f7e8b507febfb90a410c484' }))));
     }
 };
 TdsHeaderLauncherGridTitle.style = TdsHeaderLauncherGridTitleStyle0;

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

@@ -34,7 +34,7 @@ const TdsHeaderLauncherGrid = class {
             'role': 'list',
             'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
         };
-        return (index.h(index.Host, { key: '8a88bd51ef2e16f9c1ce67bbd7d178692a223c22' }, index.h("div", Object.assign({ key: '8e5025c3d1563d5765a3cfce1e3d4f50bdf5caf4' }, listAttributes), index.h("slot", { key: '0b4bc10cd7aa8fa1d6c0a15ea9a9997f74ad32c3' }))));
+        return (index.h(index.Host, { key: 'c6ee49809cfcd050d2a8b967106b20fca0940e1f' }, index.h("div", Object.assign({ key: 'b060c70d9fcf924d877aa7b2104ddbdc47d2bffd' }, listAttributes), index.h("slot", { key: 'f301f2468cafb5c8b6b32e5a1f2e72c4bcd6819a' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const TdsHeaderLauncherListItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1b2afd6810710416ac4362d00af34f2ec889ea1f' }, index.h("tds-header-dropdown-list-item", { key: '860b07b16c713c8a74e7443c452263e054c6aebd', size: "lg" }, index.h("slot", { key: '521f412cd86ae413537bca6821f9c95bce075f63' }))));
+        return (index.h(index.Host, { key: '46f2d3592290fb3528d1bccb2904c9585ab62a4f' }, index.h("tds-header-dropdown-list-item", { key: 'd389ef9185dd262878ea094f0edc2ba80ee183b2', size: "lg" }, index.h("slot", { key: '2873d1508622b9024ae7412fff6177240d030542' }))));
     }
 };
 TdsHeaderLauncherListItem.style = TdsHeaderLauncherListItemStyle0;

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

@@ -14,7 +14,7 @@ const TdsHeaderLauncherListTitle = class {
         this.uuid = generateUniqueId.generateUniqueId();
     }
     render() {
-        return (index.h(index.Host, { key: '84abee543dcf0f2f6db9e66b32cd89ddb3fb756a' }, index.h("h3", { key: 'd2eb2ab7b39ac0a0d250ebf63ef22b309c10c9a6', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, index.h("slot", { key: 'edb11a0e6742372432b8f02763d6cf233bdca0cd' }))));
+        return (index.h(index.Host, { key: '7ba9591978c9b22534e292be99efbf0550592002' }, index.h("h3", { key: 'c6a5f810b184f33b4edd46187df922374225ddc7', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, index.h("slot", { key: '5dcbfaa6969dccc3ed6139ea454aa13ed0ee7bb9' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -11,7 +11,7 @@ const TdsHeaderLauncherList = class {
         this.uuid = generateUniqueId.generateUniqueId();
     }
     render() {
-        return (index.h(index.Host, { key: '3e4fe30a4ec6234898314d838831ffccdaf37ccf' }, index.h("tds-header-dropdown-list", { key: '0a3926403b5800b45433edd035f700a6778bbc2b', size: "lg" }, index.h("slot", { key: 'bcbe4495b9f136b07a5c3c1e7062ec116707a5e4' }))));
+        return (index.h(index.Host, { key: '44396666def3f2125e84399fd9e25a86be8d1a38' }, index.h("tds-header-dropdown-list", { key: '8125971f3675f433b8a3609bad6c4e976a54b460', size: "lg" }, index.h("slot", { key: 'b49bf69a76e80ba0f385c5cde8afe35b262504ce' }))));
     }
 };
 

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

@@ -39,11 +39,11 @@ const TdsHeaderLauncher = class {
             }, 'ref': (el) => {
                 this.buttonEl = el;
             } });
-        return (index.h(index.Host, { key: '28c3cec9d319219a00783f0743fc7e035b9b63f5' }, index.h("div", { key: 'a4372783a69578e1965bb14b2b3ad12e2752c472', class: {
+        return (index.h(index.Host, { key: 'e2c04c0ad3bee9593f5dfecce611dbdc48101536' }, index.h("div", { key: 'd98aaa650fa399398ab72c235132ff1800ea327b', class: {
                 'wrapper': true,
                 'state-open': this.open,
                 'state-list-type-menu': this.hasListTypeMenu,
-            } }, index.h("tds-header-launcher-button", Object.assign({ key: 'cad014a13dcd193c0b829033d600c07a342a78cc' }, buttonAttributes)), this.buttonEl && (index.h("tds-popover-canvas", { key: '64c9c7e77f6e6825bd0ace40543e10c1444cb290', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            } }, index.h("tds-header-launcher-button", Object.assign({ key: '8c6dfc7fa7a30eedfec3ed1bcefe558ff3265ff3' }, buttonAttributes)), this.buttonEl && (index.h("tds-popover-canvas", { key: 'f719c2f513b3d08f80d648d828c5820097699b55', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {

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

@@ -12,7 +12,7 @@ const TdsHeaderTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("h4", { key: 'd0bfee02a1d63152fa37d725a5ebcac55289abb0' }, index.h("slot", { key: '84559dcb52093997b8b0791257448e0a0c6aa019' })));
+        return (index.h("h4", { key: 'ce9aab1a4fb4f60c82db060659eb3e04dd6f2b23' }, index.h("slot", { key: 'a8447afb8b64eb483dc61192c99430ee35120097' })));
     }
 };
 TdsHeaderTitle.style = TdsHeaderTitleStyle0;

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

@@ -50,7 +50,7 @@ const TdsHeader = class {
     }
     render() {
         const navAttributes = Object.assign({}, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        return (index.h(index.Host, { key: '7f42725db4686769f46fb327bc7baeb3b83f2d15' }, index.h("slot", { key: '26b4ab152030e56733efdb29c5ef11e3e8df1bdb', name: "hamburger" }), index.h("slot", { key: '7783ecdec32b28baab698ea379e7497a66da6a11', name: "title" }), index.h("nav", Object.assign({ key: '66a2d848b6ceed22d57080641652392dc2357405' }, navAttributes), index.h("ul", { key: '5b47c9a9e2210ca4c944ef6323bd5378437d8237', class: "tds-header-component-list" }, index.h("slot", { key: '14aaafb9b73a5f7d7fd48d0e0cfe4f4907183f27' }), index.h("li", { key: 'd3e6db876946d322dc14ef22ada0c92414941d2f', class: "tds-header-middle-spacer" }), index.h("slot", { key: '833f75ce887181221118a0dfe32ca96cf149a3ff', name: "end" })))));
+        return (index.h(index.Host, { key: 'ed12abc8d3dcdcebfd0412f2b8eb119be096a9fa' }, index.h("slot", { key: 'cf4ced838e0aadeb003c8b96dae259247ff019d3', name: "hamburger" }), index.h("slot", { key: '7e35310b6f2a16c2381fa093209f219745bb6778', name: "title" }), index.h("nav", Object.assign({ key: 'd26aac5e2d3d90b4a98c4cb4a99db445406466aa' }, navAttributes), index.h("ul", { key: 'cf54ce03395d7fc064ea440dd09e5cfe752bec49', class: "tds-header-component-list" }, index.h("slot", { key: '8f28f8c89e08d50fb18f69753da1ee3f9ca544e2' }), index.h("li", { key: '13750b5b85b748bcb4aa0aa38cbc9c2d0c87acda', class: "tds-header-middle-spacer" }), index.h("slot", { key: 'baf34c93494a48c1bb85bc98bcb8af9f0d803238', name: "end" })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -38,7 +38,7 @@ const Icon = class {
         this.arrayOfIcons = [...this.arrayOfIcons];
     }
     render() {
-        return index.h(index.Host, { key: '905914904d2afac05280f9daf9834b89aa3ec14f' }, this.setIcons());
+        return index.h(index.Host, { key: '06edf681e29edcaa43a7a276344f500bae1f9b71' }, this.setIcons());
     }
 };
 Icon.style = TdsIconStyle0;

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

@@ -18,8 +18,11 @@ const TdsInlineTab = class {
         this.selected = selected;
     }
     render() {
-        return (index.h(index.Host, { key: 'd15c7d658b9f90d01743d8f4fe6d14714a73e3f8', role: "listitem" }, index.h("div", { key: 'cc3324aa2ee065c9c9fd78c0e55c5c096a975d4d', class: `inline-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: '68bed317582717cb72d40f6b91d304a3a3df9d47' }))));
+        return (index.h(index.Host, { key: '4b05e137c36bc1307778c29ea67aa05fe51b0048', role: "listitem" }, index.h("div", { key: 'e290c72530ea8a55561c087eef706f6faeff5ddc', class: {
+                'inline-tab-item': true,
+                'selected': this.selected,
+                'disabled': this.disabled,
+            } }, index.h("slot", { key: 'ec94a152be5f26837f77b915d8176b3bc2df0036' }))));
     }
 };
 TdsInlineTab.style = TdsInlineTabStyle0;

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

@@ -174,9 +174,9 @@ const TdsInlineTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: '71f42e22f75a1fe4ca4f906b2151ed1a4c324e51', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '33e457be72862e642f2a867243f6325f94d210e8', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: '1dc5b7ff1aa5c9a1cb0cd9064be6b064c0b7ba20', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '1f66f69ca3cf4d25565a41cfcf1cbffcd8a4b355', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '786a1655c5efe5f2a079c62cb89300a99149c3fb', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'df2f3798cb6cb4ea446932cdf8ce84ac068c57ff', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'b5e14ca573a2ac7a4e20defd05b412a941e72f0b', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'da0b823e674c5eacd325f69e98e14f4def9c477f', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '2bdd7110bb4b22c4dfabc1a5ef2acf9e7592b9b9', name: "chevron_right", size: "20px" })))));
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '98601dfb32252be02f7db236bb71bf21bd59147f', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'ba1b3b814bdba6d0334eb037d62476cabe8790f6', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'cd9564df014b85e27d7a37cbb262d55872745f3c', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'e2690cd7e7dddd5b3e66e5767602e25e70c1e6fb', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: 'eff5006eecba07819c6b91c489f2ee3104ed78b6', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -18,11 +18,11 @@ const TdsLink = class {
         this.host.children[0].classList.add('tds-link-component');
     }
     render() {
-        return (index.h("span", { key: '619f52601e4716a34fd39752704acf06acd94dd8', class: `        
-          ${this.disabled ? 'disabled' : ''}
-          ${!this.underline ? 'no-underline' : ''}
-          ${this.standalone ? 'standalone' : ''}
-          ` }, index.h("slot", { key: '636596dae6e69aff2f10666e86fb965e46efb059' })));
+        return (index.h("span", { key: '7ee31b49f8087f021b3c76109e466c4d6f7141ff', class: {
+                'disabled': this.disabled,
+                'no-underline': !this.underline,
+                'standalone': this.standalone,
+            } }, index.h("slot", { key: 'a7dd0d29a3e709d4ef49fa32d23e34909aa4060e' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -31,10 +31,12 @@ const TdsMessage = class {
         this.minimal = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'b270c0935bf7eb09d16df32854c5a9411a78fba9' }, index.h("div", { key: '668d8a6a940ce0f972c2398d063640b38e307219', class: `
-        wrapper ${this.variant}
-        ${this.minimal ? 'minimal' : ''}
-        ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, !this.noIcon && index.h("tds-icon", { key: 'bfa6b4c85c649cd3cff00eb121ba9df08b02d65f', name: this.getIconName(), size: "20px" }), index.h("div", { key: '4239603ea7d58ed79ea6bb4cf212d4405204b2a6', class: `content` }, this.header && index.h("div", { key: '5c8ad00a65d6310a86a353580e98e45b056c9a96', class: "header" }, this.header), !this.minimal && (index.h("div", { key: 'd0087a45aa622374dfcc1b6d791a82b0c14b64cf', class: "extended-message" }, index.h("slot", { key: '8fdfd7079bc6473ea8d8eff72874827f3f9bcae1' })))))));
+        return (index.h(index.Host, { key: 'a43f653b99bda30a39eaf4c99273fb5ad5a5a256' }, index.h("div", { key: 'f5ba93a809eaa3d7e9f72ee173edd9c275c19bfb', class: {
+                wrapper: true,
+                [this.variant]: true,
+                minimal: this.minimal,
+                [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
+            } }, !this.noIcon && index.h("tds-icon", { key: '414aa87e72b6f8a2d8ae04babf74bbf9661ab396', name: this.getIconName(), size: "20px" }), index.h("div", { key: '73c1a7f89f56beb7f05e1ec460a5f3cd8b5ad323', class: `content` }, this.header && index.h("div", { key: 'c5e8d94a776951201e4dd5abbd218b3c3e7270c0', class: "header" }, this.header), !this.minimal && (index.h("div", { key: '4ff04de62c453b512f43a667d644cd6bf01a83c9', class: "extended-message" }, index.h("slot", { key: 'f30034dc1837a142f735393df5a7fc69e9750015' })))))));
     }
 };
 TdsMessage.style = TdsMessageStyle0;

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

@@ -117,7 +117,10 @@ const TdsModal = class {
     render() {
         const usesHeaderSlot = hasSlot.hasSlot('header', this.host);
         const usesActionsSlot = hasSlot.hasSlot('actions', this.host);
-        return (index.h(index.Host, { key: 'c39328a5796996173d2a484b7b509d03524cb2d6', class: `${this.isShown ? 'show' : 'hide'}`, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: 'f270ed2ab8f671418d5196cda7d4085d6fa69d02', class: "tds-modal-backdrop" }), index.h("div", { key: '8d4670500365548f786a3c6200f9395998198ac0', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: '27a05c42f14827b74b560e1f0b23286c851ff676', class: "header" }, this.header && index.h("div", { key: 'dadbb997eec4b06e6a64a7cdc800603653053862', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: '07beeba1aea6030fd1c9f2c0aac132828e28a481', name: "header" }), this.closable && (index.h("button", { key: 'e2c25399c520409e8d98345d715a9ea9a4ddfb14', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: 'd74d288daea98783e8f4649e0320ce1f9e3b68d0', name: "cross", size: "20px" })))), index.h("div", { key: '594f17d9eba2cb2ec6ffc7382669caba1f5f525a', class: "body" }, index.h("slot", { key: 'dcdaede2986c40a927a74608bed7145696871962', name: "body" })), usesActionsSlot && index.h("slot", { key: 'e0403d1f1201833742925ae8cbb599c2d9ba7b94', name: "actions" }))));
+        return (index.h(index.Host, { key: '874c45e0a4a74fa9170d761afe7039afce6a11a3', class: {
+                show: this.isShown,
+                hide: !this.isShown,
+            }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: '3f35251bd283f65f18f1e7b658e7ac1874700e05', class: "tds-modal-backdrop" }), index.h("div", { key: '235bfd32b67c9b36c608353ded5a80b691775696', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: 'e3a168e9cd467bf3523b6da308790a84a57ab99e', class: "header" }, this.header && index.h("div", { key: '948dbf5e83e4b2b0c85eb7d24d19d9ea5c9fb30e', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: 'a209664389b454e264fb2a4498a82cf013ebf703', name: "header" }), this.closable && (index.h("button", { key: '15f7e2c78d26bc15cd6532dcf9cc45921b7f9c9e', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: '7f900086b9747cbbd0a21110b200bc6e556b5766', name: "cross", size: "20px" })))), index.h("div", { key: '75f4d37ad29bc4e2a475c739cf485af38b7d21e0', class: "body" }, index.h("slot", { key: '2817e00967e947aea0e8b47512fac406629b4907', name: "body" })), usesActionsSlot && index.h("slot", { key: '4ebfd741a86c7c27b3df2cd9255ddf9fc5e77f33', name: "actions" }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -18,8 +18,8 @@ const TdsNavigationTab = class {
         this.selected = selected;
     }
     render() {
-        return (index.h(index.Host, { key: '46ce3b8e878eca4c970f29371cb17a0c7ec1789a', role: "listitem" }, index.h("div", { key: '51331675d8898d5bca9758ed9c09194c6dbfde23', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'd326748125d8e6a366268c581139bb859ef8feeb' }))));
+        return (index.h(index.Host, { key: 'ed5cdc4e3c00f43156fce13993c34a4183c127d7', role: "listitem" }, index.h("div", { key: '5ac651a862a04b0327695d2ad6ed42af7af0d139', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: '4cf2d6c740cc73cbe5743191776ce008bf8dd358' }))));
     }
 };
 TdsNavigationTab.style = TdsNavigationTabStyle0;

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

@@ -174,9 +174,15 @@ const TdsNavigationTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: 'fa440271f692e4893d4374ccd081308b5b4623e5', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '434fba65da78ac84c018252c52440d20984ab7b3', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: '7d073990d798ef8bd602cff43f1dab1701c67535', role: "list", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '2816efa2148f1feaa0283a8c3a023ff044f5ea11', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '29d8d76a06c82f06b1c2aa15a3d023d238b05f10', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '1936dee5d3476a0d2c46b4d64a7a26848320c9d7', name: "chevron_left", size: "20px" })), index.h("slot", { key: '9e4cffce9188a7d517636e4b32ef8574a8bea78a', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '3af05aee3183425bdcd5c2f5f65f0c8920ba8622', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '075726ba4074a4e9452248115968d3b21104e929', name: "chevron_right", size: "20px" })))));
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: 'b95bf6d5da6b7a9eeea0079b54f729188175c122', class: {
+                'scroll-left-button': true,
+                'show': this.showLeftScroll,
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '71577f14a5b1e3348a5b69f9e44c6945a5c5f99f', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'be3cb961b96a307fdd4ac6f54e7ef0f188e20fe4', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'ac6d8c5720e782e48caedf7fffb3f8a485b51fdb', class: {
+                'scroll-right-button': true,
+                'show': this.showRightScroll,
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '0fc2e8bf463fff2caba762220098a239919d4c93', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -33,12 +33,12 @@ const TdsPopoverCanvas = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '13a6fe4800b9efc612ec21d20da5b2c2c9cdc2ce' }, index.h("tds-popover-core", Object.assign({ key: 'e3912733d09d6b7e5aa8bc2f5f6e87d828a2b07b' }, this.inheritedAttributes, { class: {
+        return (index.h(index.Host, { key: '6e23edc224b529194c9911295149528f284dd619' }, index.h("tds-popover-core", Object.assign({ key: '3a61648cb95b48a3972d8b953711254af918309a' }, 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: '69bfa1b736a60777b578de6a0d4c4959c0a21781' }, index.h("slot", { key: '01776b37392ff7f23d35ff10fa647214d6567d1d' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), index.h("div", { key: '6134b2a420449dd93c8fd14c6fc83b1e51e1922a' }, index.h("slot", { key: 'c805717c849fbc9c5933c4f7232c4edc22dc003d' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2004,7 +2004,7 @@ const TdsPopoverCore = class {
             'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
         };
         const classList = generateClassList(classes);
-        return (index.h(index.Host, { key: '8893e2cca1fedd09a8dfff8ceeb12b47cbf07e09', class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: '7e075900d43b4f6d3009ef37f11059fd646e708e' })));
+        return (index.h(index.Host, { key: 'cec7a3eddcdc7cfe4175bc6174b52f8b24a43837', class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: 'ae91738a3607de7bebe9e092aa7d7b6761e3e44b' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -13,10 +13,10 @@ const TdsPopoverMenuItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'efdc72f869be19ff2d96dbb2e88610d69011a6ee', role: "listitem" }, index.h("div", { key: '9313583023cc2cf6d21454e979f37de83030476a', class: {
+        return (index.h(index.Host, { key: 'd528e4a383a508af8a89abd7c1ccc9c555be0985', role: "listitem" }, index.h("div", { key: 'eca4a85e3abb8ae49d449d943b27ba018e83f017', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, index.h("slot", { key: 'a12d405a1bc0f1e5ddc75d52c25a8ca0b53d6427' }))));
+            } }, index.h("slot", { key: 'c385fb8c56598539ada96593d9c357da62cd910d' }))));
     }
 };
 TdsPopoverMenuItem.style = TdsPopoverMenuItemStyle0;

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

@@ -33,13 +33,13 @@ const TdsPopoverMenu = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '51845cbec6357e794a8bc4a9be6fba399f6cfd65' }, index.h("tds-popover-core", { key: 'ff9deb3164f9e80efb10bcb2bb0e2022d0df2254', class: {
+        return (index.h(index.Host, { key: '9e02753b80a778dbca8c558a1930327424d317bc' }, index.h("tds-popover-core", { key: 'a512bfc0e07d4f3680e9d57f0a2153e82958b411', 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: 'b5bc5851c06ce2bc874c76d9229b3efa3effd33a', role: "list" }, index.h("slot", { key: '1628c60e504a749863c3f000ec12a6e25a0a2da8' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, index.h("div", { key: 'c0446e5017e2611c5d351d02860d0b34ff22a688', role: "list" }, index.h("slot", { key: '742647c27165c7ebe4215190a9310bab0a28e7c6' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -26,7 +26,7 @@ const TdsRadioButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("div", { key: 'b6c39a5831fdebb5dc6dad6ddf819544a9ae2844', class: "tds-radio-button" }, index.h("input", { key: 'bf4455eb7169141c79ff24bff8259572864daf27', class: "tds-form-input", type: "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() }), index.h("label", { key: '3fd2d122f6fe481bcebfda7f0bc90aa4530f1e82', htmlFor: this.radioId }, index.h("slot", { key: 'cb45cf63c06a52dac0704757462a2528464f6e23', name: "label" }))));
+        return (index.h("div", { key: '9aafb24fd863181b35e79bc9cb9c7f96bb50b40d', class: "tds-radio-button" }, index.h("input", { key: '751443f3801eae8f7e89ee0202ef1e5104c49562', class: "tds-form-input", type: "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() }), index.h("label", { key: 'cb94b936fdf721c7519a2a49c5ef438ca99d9d82', htmlFor: this.radioId }, index.h("slot", { key: '503df03f3b26a378bd7754966853b1b7035580b0', name: "label" }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -15,7 +15,7 @@ const TdsSideMenuCloseButton = class {
     }
     render() {
         const buttonProps = Object.assign({ 'aria-label': 'Close' }, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        return (index.h(index.Host, { key: '1dff25b895f341657373ab020116e5c4c0f7af67' }, index.h("button", Object.assign({ key: 'e2c3af974cfc7f9c9e0ec5b64c199fcda0408279' }, buttonProps), index.h("tds-icon", { key: 'aa56689766fe0c49e8d8d591c9f741a24dd85cc8', name: "cross", size: "20px" }))));
+        return (index.h(index.Host, { key: 'a5c4bb10acbe09c8ca847103e09cdd19fb426999' }, index.h("button", Object.assign({ key: '83943caf6d7d40bb5eb705dcb6e94bfe0c306b80' }, buttonProps), index.h("tds-icon", { key: 'dcdba96d79ed39d0c5fbbbbf3bfb6ecdd728513e', name: "cross", size: "20px" }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -36,14 +36,14 @@ const TdsSideMenuCollapseButton = class {
         this.collapsed = this.sideMenuEl.collapsed;
     }
     render() {
-        return (index.h(index.Host, { key: '15266cdc6a39373563c89553817e1a6777f01f1c', role: "button", tabindex: "0", onClick: () => {
+        return (index.h(index.Host, { key: '5cf005dbf45135c58dc574040f62943fc3abceb8', role: "button", tabindex: "0", onClick: () => {
                 this.handleClick();
-            } }, index.h("div", { key: '813da1c78798289b4eed8342b6c00a837ae04b24', class: {
+            } }, index.h("div", { key: 'd3f7b522efd651bca48f721c457cf769722e46f7', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: '44321406d890c741fff0ad1df9576588a6658ea5', class: {
+            } }, index.h("tds-side-menu-item", { key: '9a9a6fbc8bb1aa8808946a3fe3f996dd35136c27', class: {
                 button: true,
-            } }, index.h("a", { key: '7e214b15daa5dac9df931a5d15f6ed80a52b5f7d' }, index.h("svg", { key: '61928c3ba4c6e2357a426f0c0ca1a0de86365b6a', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '5cbbfe5239506f994a0b17f11cae1ded3c1f643e', "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: 'b63370f60320b46557e7d40cfad048e29c60109f' }))))));
+            } }, index.h("a", { key: '69a96aa2fe967529c777c76b5797d10a1619e548' }, index.h("svg", { key: 'd9995a06672520c8a7bd12e16f912f08702f71d5', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: 'e22a269e31311ce33acfcd7baa6a226ac8b64cf2', "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: '8e3efba1392c7c34f5ff3058901889c350d0219c' }))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -34,12 +34,12 @@ const TdsSideMenuDropdownListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'bd99626dab1cff34e10b5da4bc8f9ff22663e31e', role: "listitem" }, index.h("div", { key: '4a736b170841b2c195b86c18758d3e4a9e93193e', class: {
+        return (index.h(index.Host, { key: 'f237f24cf38dcabe62f8e4b8bf391a28ac43ca82', role: "listitem" }, index.h("div", { key: '30c152c55d6d4d8174f536e5933d395b67c1c139', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'e6d3f6d36ebd7d73f03d8eed18a86332ff90cd5b' }))));
+            } }, index.h("slot", { key: '39c61ca1bf9dc9054e175d788c6c4ce5eb823ef3' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -21,9 +21,9 @@ const TdsSideMenuDropdownList = class {
         this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
     }
     render() {
-        return (index.h(index.Host, { key: '87a06385e330eb2d65def2676ff78a09ad87d029', role: "list" }, index.h("div", { key: '284f409bfc8b24cea7047dd631a8895591f18a5c', class: {
+        return (index.h(index.Host, { key: '80e91baddfa7619b8b02ecbc5ed72fb332043b6a', role: "list" }, index.h("div", { key: '8a0cefc7095d41e551ef4f8d7297893165d2f3df', class: {
                 'state-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'fdd823c6bb4fedfe12586edb58805d5588fa07e7' }))));
+            } }, index.h("slot", { key: '70c5737090b70ac0342cad352d8b109c68571897' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -54,13 +54,13 @@ const TdsSideMenuDropdown = class {
         this.open = this.defaultOpen;
     }
     render() {
-        return (index.h(index.Host, { key: '1bad48953f08e903e9179dae839c93b249f93266' }, index.h("div", { key: '7e8020738796fb8c449f76a3d1aef801151e4e63', class: {
+        return (index.h(index.Host, { key: 'b6d99ba749b0f3f11183f9c7f62565ca341da964' }, index.h("div", { key: 'e00f31b6379d8b01b0d23a60193ce1ebe88a19da', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: 'e4420aba88077e36b1cc7cd10958459d79a463f4', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, index.h("tds-side-menu-item", { key: 'e7eabcbbaa65cf1f631108bfafc4a380f617c27b', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            } }, index.h("button", { key: '483ac0b103bf54f63c67cf2d78ed9e82703ba331' }, index.h("slot", { key: 'ec027d3c88569c79d0dde6c51f8dc1056dee6284', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: 'f71caa474565871d170653153c8daa7ddead5f17' }, this.buttonLabel, index.h("slot", { key: '487db682801ce910cd65dc6d3ef481bff888574e', name: "label" }), index.h("tds-icon", { key: 'dc75ac7be7eedf85fec97cd3fdbbf786cebe8907', class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), index.h("div", { key: 'e321069727d205d0623cd72fb922c3101f9d2e08', class: "menu" }, this.collapsed && (index.h("h3", { key: '7d5a73c051a700f0568d63ae62ce2737cdb57dd8', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: '9c831576869cac930e8fe9edcbfc86dfede01a47', name: "label" }))), index.h("slot", { key: '7db68bb3f46cdc24fa44c375f0d6bec82c317be4' })))));
+            } }, index.h("button", { key: '6beaed485451b9d447d7757b16356bc07b717640' }, index.h("slot", { key: '18852e8123e8b060cb7d7438e977f3465b73606b', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: '1182a36da0e5aa8e874a6614480c03c9d01182fd' }, this.buttonLabel, index.h("slot", { key: '4b6583fe86ef6679536ca385d02ad176b0b0064f', name: "label" }), index.h("tds-icon", { key: 'c0f5f6790a03beb0e6baa44fd382b844392bcadb', class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), index.h("div", { key: '0428e8146c8047bf84551a95414a7c7c375d5ae2', class: "menu" }, this.collapsed && (index.h("h3", { key: 'aae792c3e56f496ba75f241e21da62f8fa9331e3', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: '965812787e7cecfe03bd42c3c21d59cf826e366c', name: "label" }))), index.h("slot", { key: '3769792ac76dda53db236abef3e51d80879cb921' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -60,12 +60,12 @@ const TdsSideMenuItem = class {
         this.updateSlottedElements();
     }
     render() {
-        return (index.h(index.Host, { key: '13d5211709dbda15ce0e398dab7e2677e15d074c' }, index.h("div", { key: '99cd16c7817451dfbc3e30c59fcb95ebf84c72af', class: {
+        return (index.h(index.Host, { key: 'f6d3cc999d431fb73ac49c7e51fa63ea56bf1130' }, index.h("div", { key: '7b0d9eb30d571bf2ec2c9dca91d5d0481b1306b5', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", { key: '564c191d1bf54f63fa75c32309cd32392a22dc3a' }))));
+            } }, index.h("slot", { key: '74815b1ae22bb4d6981a2441e0048ee2e9bacf2d' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const TdsSideMenuOverlay = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'a22924316d030baaa80d15676d514eefe150b9df' }, index.h("div", { key: 'ad453aaa2fcaf52c94f2e7990c6d52f9db7fb55a' })));
+        return (index.h(index.Host, { key: 'a958f8d8c7b37fb863118fe6d00dc4b3a37e3327' }, index.h("div", { key: 'f5fdca88eb3de5799dd9384a6c37d8e499bcfc0f' })));
     }
 };
 TdsSideMenuOverlay.style = TdsSideMenuOverlayStyle0;