@scania/tegel 1.24.0 → 1.25.0-beta.0

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

@@ -167,9 +167,9 @@ const TdsFolderTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: '3164044436f7029d85c4eed0ff7e0cc2b4e35752', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '59beaa0776ff83a30e84b69c5715a2f0d62ec6d9', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: '19b773750f13304194341caf79242c7be95b41be', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '915b525f1d8fc67f3edf82f0841ea89cfd8424bc', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, index.h("button", { key: '0bd461d469592983e08043c23e295c21df04c80f', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, index.h("tds-icon", { key: 'd21448eea9cab4d73087fec72d29270b52bf0999', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'efe348a98b964486a73d1aac235ce894277c6249', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'ea819f59668994e328410941b5b7455620ecb321', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, index.h("tds-icon", { key: 'c52241bb7c77eabbdb8de5a19bb4400c32aa2062', name: "chevron_right", size: "20px" })))));
+            } }, index.h("button", { key: '806f5ce973b4b9bf842ae4c3fdf42c6160255db4', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, index.h("tds-icon", { key: '4762c8fcfb5f7bb9a67ce2515fc3cab557180ca8', name: "chevron_left", size: "20px" })), index.h("slot", { key: '498f04374cb1ad240df2a6e02830eba9bc6c3c8d', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '47f114815e98c22f26b021df2b5f53f4498ba24b', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, index.h("tds-icon", { key: 'b4f3a0e137c84b996bdf7eb7e497e788637ac401', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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: '9932f2146509bb7f804c15a3b716308c658893c5' }, this.titleText && this.topPartGroup && (index.h("div", { key: '511c348c160a1d1144464ce562b616f38a5fd524', class: "footer-top-title" }, this.titleText)), this.titleText && this.topPartGroup && (index.h("button", { key: 'c64b3662379de7308d8f64b0e5769296e7f48a02', 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: 'f3d5d5bec3f3f9af67bf28e7164eb3190189039c', name: "chevron_down", size: "20px" }))), index.h("div", { key: '4f5a8b626d572e51f67547d0c3280d946e44203f', 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: '414c481365b866d921aeb8145fd4358a05d8c90f' }))));
     }
     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: '8efe2aba383be6dbbf0c1a95e4a5f247623289bd', role: "listitem", class: `${this.parentIsTopPart ? 'top-part-child' : ''}` }, index.h("slot", { key: 'b1406197ba6239bcdec807ebdb2de181ea6a49b7' })));
     }
     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: '169867665b36b555dc5c70815dd2b2a70672f4c9', class: {
+                [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
+            } }, index.h("footer", { key: '097adec9cd011d4c78d0b468d3165c374d8692f0' }, usesTopSlot && index.h("slot", { key: '72acf005c6c6baf4799db83f420be796f5b5f639', name: "top" }), index.h("div", { key: '016c70c48377f907c0ce01d0e2c88ddd146c0e2a', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (index.h("div", { key: '192b05a7289a94df418b9c85984ce0e86f204fd4', class: "footer-main-top" }, usesStartSlot && index.h("slot", { key: 'ff4b7b591b3a51b3181ad66b54aa63b97391cb18', name: "start" }), usesEndSlot && index.h("slot", { key: 'cf2a1d5aeba4a10310b2f54c93154cd88a90e217', name: "end" }))), index.h("div", { key: '9b37ea980774d696c06d961b7d705b7d90929638', class: "footer-main-bottom" }, index.h("small", { key: 'cec4e9c9975f9d557a33564d9b998ce80067be79', class: "copyright" }, usesCopyrightSlot ? index.h("slot", { name: "copyright" }) : this.copyrightText), index.h("div", { key: '765d79bb0d846d8d31fd62d9193905b86cc15eea', class: "brand" }, index.h("p", { key: '8e88d331cededa03d42c1579c07f28e8ef89ad88' }, "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: 'c2e5f418268bf172b1e039aca188489afbc98aa7' }, index.h("tds-header-item", { key: '375b50758e8616093635a0a1ba194296841e4bbc' }, index.h("slot", { key: '2f641711d2e2c5b0fdf2042a44181a699df7fe95' }))));
     }
     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: '5bfbed888fd12522741f991542a308772799ceee', 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: 'ca37bc294a28794d8bcd7aea18464665b5e8edad' }, index.h("div", { key: '640cee1fd256dbbc046f8564808ea45ed838d2c5', class: {
                 'component': true,
                 'component-selected': this.selected,
-            } }, index.h("slot", { key: 'b58b6c84093c4edd303ee3ed202703f316cfcaa2' }))));
+            } }, index.h("slot", { key: 'e5cf6d2af513224921c836206f16d6c44879369c' }))));
     }
     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: 'b8c4cb5b278e43d98a61e161d4f5a742105f74d7', role: "listitem" }, index.h("div", { key: 'd6963261598be670d81bcd57973d43af252d956c', class: "user-box" }, this.imgUrl && index.h("img", { key: 'fa8aab10c6aa927f16e295ec0e6fdf5ddefe9cb0', src: this.imgUrl, alt: this.imgAlt }), index.h("slot", { key: '12ab993e9452bd0e61c2e1be4a76805f368dac0c', name: "thumbanil" }), index.h("div", { key: '67aec51894a448083de74a18f48b6b9ef8e74b3f', class: "user-content" }, index.h("div", { key: '45800280bc6c4ece8a912469c82cbc346f52cde1', class: "header" }, this.header, index.h("slot", { key: '9b9c0819e4cb06dec1742c4a298aed4c83a0ce98', name: "header" })), index.h("div", { key: '856e611d573d45735177e5ae3f234a667a69414e', class: "subheader" }, this.subheader, index.h("slot", { key: 'a5ae6bce6cdecbc97447e44872c4cb43bb4abb8d', 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: 'ed227a94a244fcb78cef53b5f0253e5df9a41c31' }, attributes), index.h("slot", { key: '39e541672f4ab52a308a9cb5856c9d2535afbfea' })));
     }
     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: '1b3cd2ffee7d6543e98bab5cc3d1953770110ce8' }, index.h("div", { key: '23f60d4d56e08725985f71f5952b324f5044f53b', 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: '0297ccda2dbf13709443e4b548687e2f648f0bcf', class: "button", active: this.open, selected: this.selected }, index.h("button", { key: '6f9ea91a3270ea6eeb29a79571567ae8abef001d', 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: 'dcc2a8a717706ee3287499805bc32c98b0b29770', name: "icon" }), this.label, index.h("slot", { key: 'bad14e728dfe465e59a8e98a4ea5a858fc066bb3', name: "label" }), !this.noDropdownIcon && (index.h("tds-icon", { key: '9963966ab41666db7ba8b75089a46b132b8db6dd', class: "dropdown-icon", name: "chevron_down", size: "16px" })))), this.buttonEl && (index.h("tds-popover-canvas", { key: 'cb7b4fb085a94e6243ad6c70144e5b3c6460d27e', 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: 'f2f230c8349ca3b5fdcfd7de67555b12888bd9d9' }, index.h("tds-header-item", { key: '7db87ae4ad59bea1040399a33fdf77aa490ae1ca' }, index.h("button", Object.assign({ key: 'bf5e3103c23c02e42db7e99a423348efb4488ed7' }, inheritedButtonProps), index.h("tds-icon", { key: '306b78525304ac2f30a4bcb0be37c0ed7998b01f', 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: '335cfea4d8b36b95639985dc4a67f6ccc891d122' }, index.h("tds-header-item", { key: '0b497a3b369d43dd3c43f4471e9e9d825f2b5bd1', active: this.active }, index.h("button", Object.assign({ key: '84aaba13ed00d3515f98d81b419ab2898bca4910' }, buttonProps), index.h("tds-icon", { key: 'f65b047f5c36222b20c73ffd2340eebca0f47d33', 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: '7bf745f1e08abfec6c12e3226f92e14151e42744', role: "listitem" }, index.h("slot", { key: 'a0b0e796e48121357af859cd260125c9b28cd2c3' })));
     }
 };
 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: 'cbbcdf4db61635b435350a03c9c9d973ddbee56c' }, index.h("h3", { key: '0e267856bce5a098c0b7b1b84fe09ea89036cd5d', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, index.h("slot", { key: 'aeb83a7935985c04c8c14ed1101175f8e6be0ddf' }))));
     }
 };
 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: '536c3a5c654728beee82d262a7fdb777dbc79561' }, index.h("div", Object.assign({ key: 'd6d8e742148bc87f866829317a5fcf2faa77cee8' }, listAttributes), index.h("slot", { key: '14c17dc75807554fb5ed7a792082cbeff40b33c4' }))));
     }
     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: '43e0e7c848d7583d999046a58e58cf457a7eebd8' }, index.h("tds-header-dropdown-list-item", { key: 'b2d4c75dd14ea446aace6933df484dd3601297bd', size: "lg" }, index.h("slot", { key: 'dad5b2d69c31ad365676a9259ef7a4e5ea0fe410' }))));
     }
 };
 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: '7ae867e11a9720654645e70c10f0a20a7a147d78' }, index.h("h3", { key: '5e6751d05defe072d827c6e78ac777622674138d', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, index.h("slot", { key: '403011ffd72000e98e64b9c8cb83620c95cb4444' }))));
     }
     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: 'b4dc52c6bcf24b6fd67fdc83ae85ff2e42dc4336' }, index.h("tds-header-dropdown-list", { key: 'c6ad7f978597258dbbaaeeb3b3fcb220c049aa28', size: "lg" }, index.h("slot", { key: 'e6afe9a7d754e4f853d9d9c05318be8cbc5e8048' }))));
     }
 };
 

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: 'd886168b8834ced8a2705b30b9982726dc72f8b6' }, index.h("div", { key: '0c4b9b27e82cf91c000619ef8d0593f8b664b605', 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: 'd0ff7205bf79ef4744d65dcf98734aff5520b004' }, buttonAttributes)), this.buttonEl && (index.h("tds-popover-canvas", { key: 'c337c31282b08c5add95b16271bdfc147fd16c5c', 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: '464dc4df896605138eb3c6db8242de6b8daab424' }, index.h("slot", { key: '24e9e27fe63f75d0b8aafddc4b54abc419fbb14f' })));
     }
 };
 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: '93ebc1479f229fb514e0b7b89cb727769298f0b6' }, index.h("slot", { key: '50c5885a8252a42b12e2311c93a6125d619dc728', name: "hamburger" }), index.h("slot", { key: '36519346fca7a9fbead2868822144cbaa291d642', name: "title" }), index.h("nav", Object.assign({ key: '3068b89599382f43dc602eb1022b359129d20f59' }, navAttributes), index.h("ul", { key: 'c53eef9ba3fad71c723345c84fbcb3b663b20360', class: "tds-header-component-list" }, index.h("slot", { key: '4888046bdffab6ca2d1763fb968f5e491ec5762b' }), index.h("li", { key: '0d12b3e6733dbc3e08e93563bae1bb665ab0752b', class: "tds-header-middle-spacer" }), index.h("slot", { key: 'cff34c3634fbae5929a4c227b23b60ada3cb43a3', 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: '7501bac4e182e5b44030b140b4c2c68e0fd2522b' }, 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: '4bb1d313b0d2b7e3bc612474201b0a3e06dd6555', role: "listitem" }, index.h("div", { key: 'c49a2745c5c6de9276807e670c9886130f5e5dbd', class: {
+                'inline-tab-item': true,
+                'selected': this.selected,
+                'disabled': this.disabled,
+            } }, index.h("slot", { key: 'caa1851fd0a992f38e04fb4872e52c90a3731e6a' }))));
     }
 };
 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: 'cd482509c07b6074d81a35eb9447ef561ce7c84a', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '63590b1fec8637f1000897f62962dae2efdcc05d', 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: '349a8cc729442d4307f800c69abe36adeb7f7e0c', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'feacf20411c38c0b9d80b25a1a19ef89e812b81d', name: "chevron_left", size: "20px" })), index.h("slot", { key: '78727b46e6adc0c516cbbfb4dc072f59330c8635', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '580d1416f7329133c58f5bfaaa7169623e1dd001', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: 'f9d1c4f717303f0c1c2eb4b33b361be8fa2f15ab', 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: '3fa509835f66a3128ee487b34b47c0efb9e73d82', class: {
+                'disabled': this.disabled,
+                'no-underline': !this.underline,
+                'standalone': this.standalone,
+            } }, index.h("slot", { key: 'd83160f7b9b04e0e0cd9bd9184a45ac8ac504744' })));
     }
     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: 'efeee188e97e2562fa55dcd8217277cc69f80010' }, index.h("div", { key: '9d0f0fb52a4dfeb6912d141f8ee124d45c8ad382', class: {
+                wrapper: true,
+                [this.variant]: true,
+                minimal: this.minimal,
+                [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
+            } }, !this.noIcon && index.h("tds-icon", { key: 'd5fac1d2e80a7082520e5d8286f8cc3b158108fc', name: this.getIconName(), size: "20px" }), index.h("div", { key: 'e476f032fb5b14f219406f520690ce06b5677096', class: `content` }, this.header && index.h("div", { key: 'f9e23723c651c0c4ebf0a4da389779f87367739f', class: "header" }, this.header), !this.minimal && (index.h("div", { key: '3aa181cccd7fecbeea251245c54c53990956b271', class: "extended-message" }, index.h("slot", { key: 'ba233143933785b13fdeeee0f4154d4ce481dfe6' })))))));
     }
 };
 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: '3b815395be0ccab91eebda3ca785528de624d17e', class: {
+                show: this.isShown,
+                hide: !this.isShown,
+            }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: '84c9952f862e5defe06c04040e7031e08c5caca3', class: "tds-modal-backdrop" }), index.h("div", { key: '42b3ea985203a582b3a3dee5250b4a4468a23d6f', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: '06e005618aeab759c01f7d556cc4357f0aed0e1d', class: "header" }, this.header && index.h("div", { key: 'bff8080a479c4ecef96eae35dc0f33cc3fadaa8c', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: 'dbec4b999fcda87c5c751a8cf3eb7b9f66e1ec43', name: "header" }), this.closable && (index.h("button", { key: 'bfbfe0d3419aa5e2a5fcbab7691560ed5619dd05', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: '3bcd38d4234a689acd63bb82e21b270c2b0825f9', name: "cross", size: "20px" })))), index.h("div", { key: '2fc5756d3261dfa354ce3025dc9d8ff213c49ba1', class: "body" }, index.h("slot", { key: '389ac6e307873c9de7c36c0960ce578cdfaf88e4', name: "body" })), usesActionsSlot && index.h("slot", { key: 'c964f9d3999f26995543187c553adcc9ac392f2a', 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: '58749f71c75a0026b58645df3ccaa6ebd5e5dc9f', role: "listitem" }, index.h("div", { key: 'ed4cc04c74a69470c95f9ec3ba034c7ad6b9f2d3', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'ee7c740413087d0da51bdfc8da4509d482f1faeb' }))));
     }
 };
 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: '0ca3544da4ef897b44bd2f55b0dc03edf7921818', role: "list", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '3eff9e0fc6b416171d0928e3e1933fed626fb3ec', 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: '730023259356eec4ec037e56a495dfea4f8d469c', class: {
+                'scroll-left-button': true,
+                'show': this.showLeftScroll,
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '5e601f5e4a3aa308e5a5a636fc08c7b32387dbd9', name: "chevron_left", size: "20px" })), index.h("slot", { key: '43c9228e6c328b4cc651a9ffbd7dd8dbbfd592fe', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '7eca0796fed3a98043abbbe306c29eed10cd8c5d', class: {
+                'scroll-right-button': true,
+                'show': this.showRightScroll,
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '9b84ae33c083f41ce6d8a83da1f1edb37c95de55', 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: '68de2e7161c5060c98b1c0c78050f41a716228ee' }, index.h("tds-popover-core", Object.assign({ key: 'f50ae36ac2b76445d78cbe4750820d3c684e862a' }, 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: '1dac1d925ab9673219449d3885cd7430a3e3f188' }, index.h("slot", { key: '9c5d3c152b63e0afd8c30e4960edbd2aa3418fd2' })))));
     }
     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: '75bd399d3dc2904ef4e1f92eea7caca40d7de09c', class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: '67f6f36ec1ff26e413f797160dd493cd5703f73a' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 
-const popoverMenuItemCss = ":host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy)}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{pointer-events:none;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host ::slotted(*:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{z-index:-1;content:\"\";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}";
+const popoverMenuItemCss = ":host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy)}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{cursor:not-allowed;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled:hover{background-color:inherit}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host .wrapper.disabled ::slotted(*){pointer-events:none}:host ::slotted(*:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{z-index:-1;content:\"\";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}";
 const TdsPopoverMenuItemStyle0 = popoverMenuItemCss;
 
 const TdsPopoverMenuItem = class {
@@ -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: '8abb30dc62eb52649840254acfbd5d8949f7bd46', role: "listitem" }, index.h("div", { key: '5b5fb01be3000dde8d01a5fa58105915f0c462f8', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, index.h("slot", { key: 'a12d405a1bc0f1e5ddc75d52c25a8ca0b53d6427' }))));
+            } }, index.h("slot", { key: '669fd451472aaa8d07027cc990f1d8c5ae7071fc' }))));
     }
 };
 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: '23d3cab59b3fec06209d158932c3f7ad1dfd71d7' }, index.h("tds-popover-core", { key: '1d6f9bec1dfa2c811d69915f849467d8da8f0095', 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: '454814b16f594bec72be5cdc608c00109c71b0d1', role: "list" }, index.h("slot", { key: 'c07aec34795f83fa2d0d18b63bac458ed7044f9a' })))));
     }
     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: '6beb0c5754035e201cc35cabf68f21dbf9725cf8', class: "tds-radio-button" }, index.h("input", { key: 'f396d559dcb5a9c86a0f199bcafcc753340571c8', 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: 'c036866c8cb8f02de53de6d2ec95ed7238a3f37e', htmlFor: this.radioId }, index.h("slot", { key: '962e47b9f92477ebfad294198ab844c37d914d3d', 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: '6c4db6a1d905c8d7d543f5722da9e069b131e20a' }, index.h("button", Object.assign({ key: '5f3ca6918e43ea48a92d2236c246e1463b90b9b8' }, buttonProps), index.h("tds-icon", { key: '901137cf1ab11a88edf37878af79e22e098e44d7', 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: '8f904a9975e844929bfae7227d2cae9115a7ec3a', role: "button", tabindex: "0", onClick: () => {
                 this.handleClick();
-            } }, index.h("div", { key: '813da1c78798289b4eed8342b6c00a837ae04b24', class: {
+            } }, index.h("div", { key: 'bde9dea007da8415ce2fa2f716630759d7576bb3', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: '44321406d890c741fff0ad1df9576588a6658ea5', class: {
+            } }, index.h("tds-side-menu-item", { key: 'ebe63792b95a523483b68ccc762e0dbd9f325d23', 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: '353ee11ff76a3a87ddf0602e65d8e072a2697d6b' }, index.h("svg", { key: 'e7c25fdd0b32d580e0aa19314864f65bd91c14c6', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '007239f3e9e5478ba63fee6422f30c84e678b961', "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: 'd3639c51f6185bf7a1144a346731fe25ac9d22c1' }))))));
     }
     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: 'd3e238a1c5727f0b58e96883b0318fbeaf549e24', role: "listitem" }, index.h("div", { key: '4cbcc88749079ff1300c4182e68cecc69ce6bddf', 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: 'a2e2349fd9c1eb9fc34ebe77ed84b48878d649ea' }))));
     }
     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: 'dbe0a35cff13d1eaa2eea5afd744084b75ab4dd7', role: "list" }, index.h("div", { key: 'a0e7e86f42d1f95df8fd8e123458e26da589d979', class: {
                 'state-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'fdd823c6bb4fedfe12586edb58805d5588fa07e7' }))));
+            } }, index.h("slot", { key: 'e569d7bfbdcaeb80a00efe21ab52690733475574' }))));
     }
     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: 'f794fb5b7ed319fc513804df11b2f6122a38138c' }, index.h("div", { key: 'e451cc6decc88a314354f246c7c9a899473a5b0a', 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: '1cbb052c9a65d8a560447354342955b1de246c82', 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: '1b39ec0c0eba39609a3e263fe8a30d7529a1ba68' }, index.h("slot", { key: '61432ad1590e34b3f736f49a4b882aa52b8ccd1d', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: '8d1b5f053c630c142926fc6853312728f4edaaa3' }, this.buttonLabel, index.h("slot", { key: '204b4e1426221221a2bff1267d20ee5ccc6808dc', name: "label" }), index.h("tds-icon", { key: 'f06e41abf9ea5f2c5c0609034ba67acebafdd6db', class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), index.h("div", { key: 'bdb81ba6f524ed42def95629f647bcb051a09af2', class: "menu" }, this.collapsed && (index.h("h3", { key: '5ab3130f41e0ddcc6bc518d18ff884d877d6f6ec', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: '209d7c4b63fde57eeed388c4e74e9b95e92fc946', name: "label" }))), index.h("slot", { key: '0585ade48d3cedee0761b0afcbecf72d2203f72b' })))));
     }
     get host() { return index.getElement(this); }
 };