@scania/tegel 1.48.0 → 1.49.0

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

@@ -75,7 +75,7 @@ const TdsHeaderDropdownList = class {
             'role': 'list',
             'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
         };
-        return (h(Host, Object.assign({ key: '190c5b3ef5273bb4ddb4bfe7d41aa21051eced80' }, attributes), h("slot", { key: 'cb7346a42c64bfe414b1814acab5923583f543b4' })));
+        return (h(Host, Object.assign({ key: '53d5216a736e4c3d50d54f78c8b6532092c94dff' }, attributes), h("slot", { key: 'a3a4b97fe7bbe64a5afadd1cef78c9cc70ad0f55' })));
     }
     get host() { return getElement(this); }
 };

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

@@ -47,13 +47,13 @@ const TdsHeaderDropdown = class {
         }
     }
     render() {
-        return (h(Host, { key: '5ea7f4d3d53fd8d4148bcf1bc0f7444a6b7469f8' }, h("div", { key: 'e972495e46f96576fb28bba38f9bca68fd6d901e', class: {
+        return (h(Host, { key: '8ee8ab6cb72cce6aaaf6e360e6e8ba13435cd163' }, h("div", { key: '6d1ab649962e2636451fb14d77a52f6046729402', class: {
                 'state-open': this.open,
-            } }, h("tds-header-item", { key: 'f45bd2e8c6f2b1258e415cc111691dd282cdb3f9', class: "button", active: this.open, selected: this.selected }, h("button", { key: 'f1bce15e1258647503e4a24f6cf7d7f5eb641cdd', ref: (el) => {
+            } }, h("tds-header-item", { key: '8e8172a694d3469b6dd6fbac685ab7d78ae36794', class: "button", active: this.open, selected: this.selected }, h("button", { key: '53d7fe83d252f206cccbbb6676d0ee1fe3a796b1', ref: (el) => {
                 this.buttonEl = el;
             }, "aria-expanded": `${this.open}`, "aria-controls": `launcher-${this.uuid}`, "aria-current": this.selected ? 'location' : 'false', onClick: () => {
                 this.toggleDropdown();
-            }, "aria-label": this.tdsAriaLabel }, h("slot", { key: '2b392ba923ee98e3c2bd5c86ae8cbb3eb78bf182', name: "icon" }), this.label, h("slot", { key: '0fc721ebf454e77770b7aeca79296f5a65d6031e', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { key: 'd8fa1bda5368e8694f429f5724d06fb5de010a50', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (h("tds-popover-canvas", { key: '894eb3d523ddb8f8a9b6e0dc248730bb13173c88', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            }, "aria-label": this.tdsAriaLabel }, h("slot", { key: 'd01b607d64f798b69d0ad9b6776ab7e7b9e9b7aa', name: "icon" }), this.label, h("slot", { key: '353fd19c103f91d7ec328bb99626c65670e58a6e', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { key: 'd0d8dd4d6edb1ef403b0f4489158160a62128b05', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (h("tds-popover-canvas", { key: '9e38d42b342b9499f6cde00ad3e1649e7f63b1b3', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {

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

@@ -10,7 +10,7 @@ const TdsHeaderHamburger = class {
     }
     render() {
         const inheritedButtonProps = Object.assign({}, inheritAriaAttributes(this.host));
-        return (h(Host, { key: 'e5d7142a6d589d1b936ae4dc8376be0e03190271' }, h("tds-header-item", { key: '0945e350bb89ba977327c92917af457003c48fb9' }, h("button", Object.assign({ key: 'ade6457641c2e789dc631dad8df7491c5da53a93' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: 'b900d3c953cff83c99be40b3785a650aa984ee6a', class: "icon", name: "burger", size: "20px" })))));
+        return (h(Host, { key: 'fe2a26ffc234bc56fecdac71f7a25c71a723b4da' }, h("tds-header-item", { key: '3b031d8b4ea422fcba2ad615a0ad0d985bc21825' }, h("button", Object.assign({ key: '047269f67b9b756ea64e2669d043043ac89192c9' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: '68fb5a7d1b94ddc0a6a4132ce40c1ba031f87e74', class: "icon", name: "burger", size: "20px" })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -14,7 +14,7 @@ const TdsHeaderLauncherButton = class {
     render() {
         this.ariaAttributes = Object.assign(Object.assign({}, this.ariaAttributes), inheritAriaAttributes(this.host));
         const buttonProps = Object.assign({}, this.ariaAttributes);
-        return (h(Host, { key: '72018ce054eb1c8c0d743887693ae0eb5a5fceae' }, h("tds-header-item", { key: '575f5f39bc75aaae01e3d62149228c63d389cbca', active: this.active }, h("button", Object.assign({ key: '9c0d368a1f63260950e93f72c022b4d030f20587' }, buttonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: 'e8ee6fc3fcf23cebc14fb084517abaf68c71a495', class: "icon", name: "bento", size: "20px", "svg-title": this.tdsAriaLabel })))));
+        return (h(Host, { key: 'b5202e76ff89f0fc53915a5bf9567228354b0950' }, h("tds-header-item", { key: 'ef65e43a519a4d8912ac232aa948e77e9df6b7d7', active: this.active }, h("button", Object.assign({ key: '0d10e4a1b8bf57ad3c84d409b0af75db4841ac54' }, buttonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: '777a641a976cdd367e095b119591db5fb7913b86', class: "icon", name: "bento", size: "20px", "svg-title": this.tdsAriaLabel })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const TdsHeaderLauncherGridItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '1506d0cda6ddcdd025ea7febf24e34c8e0d5b479', role: "listitem" }, h("slot", { key: 'f6ae96ad0c953297fddf43cfcee6d688a93846f5' })));
+        return (h(Host, { key: 'cd5e9cdae7533611bc6982c4939fc885d73a3075', role: "listitem" }, h("slot", { key: '147c30066e884b65839212aa747f1818425b3fae' })));
     }
 };
 TdsHeaderLauncherGridItem.style = headerLauncherGridItemCss();

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

@@ -9,7 +9,7 @@ const TdsHeaderLauncherGridTitle = class {
         this.uuid = generateUniqueId();
     }
     render() {
-        return (h(Host, { key: '25db2b1431472f1883bce6605c060e48129dacc5' }, h("h3", { key: '0caaece113240546638d8d0366bcecba6f945986', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, h("slot", { key: '16962f436f38d529357dbaade615badd87862323' }))));
+        return (h(Host, { key: '8bcbe93ef2338d3d38f5153897395f8e03454827' }, h("h3", { key: '5f621197309b0e0e82bae4e141b5465a06d6cced', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, h("slot", { key: '87f9febb3b6e6929a7fd8d3f53299b5c4f855f5a' }))));
     }
 };
 TdsHeaderLauncherGridTitle.style = headerLauncherGridTitleCss();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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