@scania/tegel 1.27.1 → 1.28.1-fix-text-field-label-click-focus-beta.0

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: 'ca37bc294a28794d8bcd7aea18464665b5e8edad' }, index.h("div", { key: '640cee1fd256dbbc046f8564808ea45ed838d2c5', class: {
+        return (index.h(index.Host, { key: 'a77c76be838a9f7036fe712b86cdf2f5b3c0c46f' }, index.h("div", { key: 'a3740446c4fed86228fa14ecb20b99b2c707f97b', class: {
                 'component': true,
                 'component-selected': this.selected,
-            } }, index.h("slot", { key: 'e5cf6d2af513224921c836206f16d6c44879369c' }))));
+            } }, index.h("slot", { key: '0a037fd8059aa356ed9885e3e06d391f876e2fc3' }))));
     }
     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: '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" }))))));
+        return (index.h(index.Host, { key: '88298dc621372f56b0336686d055f27ef7bfee8a', role: "listitem" }, index.h("div", { key: 'da8b981e30d4cca52b4dfc2813e2d706f7c18d30', class: "user-box" }, this.imgUrl && index.h("img", { key: 'f81a370f4499f5bec4eedef0ef2d1aaa5aeca4ca', src: this.imgUrl, alt: this.imgAlt }), index.h("slot", { key: '33c9d2b8d0761d6915129cd03f4b596b5c05c1b4', name: "thumbanil" }), index.h("div", { key: '78a05fa64af6d694b4927fef55260e18c2d5711f', class: "user-content" }, index.h("div", { key: '15f6a48e0f10574ae14af2e2d92342ec77e85aa1', class: "header" }, this.header, index.h("slot", { key: '12ebbfbc257918f264c76e7d38a28827880cadec', name: "header" })), index.h("div", { key: 'bbd348e04b5ea5732bb4426547ef5ed9eddf55d0', class: "subheader" }, this.subheader, index.h("slot", { key: '403e7f20cb5b564928759ce0be1b058d12610290', 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: 'ed227a94a244fcb78cef53b5f0253e5df9a41c31' }, attributes), index.h("slot", { key: '39e541672f4ab52a308a9cb5856c9d2535afbfea' })));
+        return (index.h(index.Host, Object.assign({ key: '57e8ecd046b7a260f1516fc80673e9d095ffd4d3' }, attributes), index.h("slot", { key: 'e0bafe5fffcf8864faebd4603597e3e424a35046' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -58,13 +58,13 @@ const TdsHeaderDropdown = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1bbf8ce73b5f0067b2ffe8d634ba0a3efd6f4fdb' }, index.h("div", { key: 'd2c548b3989a81a74c2b2985bae4a0afb10bbe06', class: {
+        return (index.h(index.Host, { key: '441ed3921533c40523c9253a2dfad9eb8d33333f' }, index.h("div", { key: 'daf498a74457a95df9a05aeac2f1292ee11b8ed8', class: {
                 'state-open': this.open,
-            } }, index.h("tds-header-item", { key: '2300d57edbebbc66ed1b27a60a9fcb235ddb4b88', class: "button", active: this.open, selected: this.selected }, index.h("button", { key: 'da6f8271968491b092b18bc835b815e1796af935', ref: (el) => {
+            } }, index.h("tds-header-item", { key: '55be05f1da2e65555fdb13580763e7b15df4c781', class: "button", active: this.open, selected: this.selected }, index.h("button", { key: '9eb3e2220029e73d24d9345806c870ce9826c772', 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 }, index.h("slot", { key: 'a9c1c657944cdbd826672e53ffce819df1b261de', name: "icon" }), this.label, index.h("slot", { key: 'a47173535a91f2a5b94060b6745b7ff60e380b19', name: "label" }), !this.noDropdownIcon && (index.h("tds-icon", { key: '4e2d7e29d2775ef65b636faf0eb16739575f0bed', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (index.h("tds-popover-canvas", { key: '67ec32703a4fe306ac8b1a5b3e7ed4d48c257161', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            }, "aria-label": this.tdsAriaLabel }, index.h("slot", { key: '8ffdeb2b1bbe11f99635f24284d8f75d9f52aa80', name: "icon" }), this.label, index.h("slot", { key: 'c7724d6290a146d3ef9236dfad2eb52316b4be8d', name: "label" }), !this.noDropdownIcon && (index.h("tds-icon", { key: '411ea6036dcb9e072a53faf9354a5e20eff9b174', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Dropdown icon" })))), this.buttonEl && (index.h("tds-popover-canvas", { key: '496888031b02d9c86c7296a569e14276da1b8fdc', 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

@@ -21,7 +21,7 @@ const TdsHeaderHamburger = class {
     }
     render() {
         const inheritedButtonProps = Object.assign({}, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        return (index.h(index.Host, { key: '774d1727624bfe4f8606d2efea75236532f2e9b2' }, index.h("tds-header-item", { key: '70cbf14a6b7ea638465d56780780ef3e9b5e0f4e' }, index.h("button", Object.assign({ key: 'af50f354dca1b518b13216ae0ce6cc85488f7df3' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), index.h("tds-icon", { key: '7978cd71ad41001dee4dbdb12894e22e716f3164', class: "icon", name: "burger", size: "20px" })))));
+        return (index.h(index.Host, { key: '8bec5bb46e8aaa4913a246e1ef4823b12599d9fb' }, index.h("tds-header-item", { key: 'ddfd826c0f40bf2408961e78351e6c6dc3c6d36f' }, index.h("button", Object.assign({ key: '6dea0e5d6ba5cfacb13e267e5f6cf5644fbe16ee' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), index.h("tds-icon", { key: '8fbefe929bbec4603259718fece833366ee6dff0', class: "icon", name: "burger", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -18,7 +18,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: '445f5863dd96c417c99e460248bd0f2c2a224f0a' }, index.h("tds-header-item", { key: '792692a34c1192d37e81322a8e75387e51954ebe', active: this.active }, index.h("button", Object.assign({ key: '7be3e9e148ceab7b361f37b1029dfad474db7b16' }, buttonProps, { "aria-label": this.tdsAriaLabel }), index.h("tds-icon", { key: '5001f19dfa40ade6a9c64052caa4c38de901a5d4', class: "icon", name: "bento", size: "20px", "svg-title": this.tdsAriaLabel })))));
+        return (index.h(index.Host, { key: '6d8b16f71586f3bc944f17aa80234605bbc57ab0' }, index.h("tds-header-item", { key: '49529617101956090cdc2092d4df80fdf376a123', active: this.active }, index.h("button", Object.assign({ key: '76cd7b84413aafedaec6b1326e55307bf640b73f' }, buttonProps, { "aria-label": this.tdsAriaLabel }), index.h("tds-icon", { key: '145394461e3bc680a2f2b07e82f8b3bb549f1e6d', class: "icon", name: "bento", size: "20px", "svg-title": this.tdsAriaLabel })))));
     }
     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: '7bf745f1e08abfec6c12e3226f92e14151e42744', role: "listitem" }, index.h("slot", { key: 'a0b0e796e48121357af859cd260125c9b28cd2c3' })));
+        return (index.h(index.Host, { key: '1506d0cda6ddcdd025ea7febf24e34c8e0d5b479', role: "listitem" }, index.h("slot", { key: 'f6ae96ad0c953297fddf43cfcee6d688a93846f5' })));
     }
 };
 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: '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' }))));
+        return (index.h(index.Host, { key: '25db2b1431472f1883bce6605c060e48129dacc5' }, index.h("h3", { key: '0caaece113240546638d8d0366bcecba6f945986', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, index.h("slot", { key: '16962f436f38d529357dbaade615badd87862323' }))));
     }
 };
 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: '536c3a5c654728beee82d262a7fdb777dbc79561' }, index.h("div", Object.assign({ key: 'd6d8e742148bc87f866829317a5fcf2faa77cee8' }, listAttributes), index.h("slot", { key: '14c17dc75807554fb5ed7a792082cbeff40b33c4' }))));
+        return (index.h(index.Host, { key: '5d0824ce5d829d78fd61e2e53e08b6bdca0e4569' }, index.h("div", Object.assign({ key: '7e6f891f6bc92b4f93874a538e017382c72e176e' }, listAttributes), index.h("slot", { key: '31133b8760e19ed767f24544fea026c59c181e53' }))));
     }
     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: '43e0e7c848d7583d999046a58e58cf457a7eebd8' }, index.h("tds-header-dropdown-list-item", { key: 'b2d4c75dd14ea446aace6933df484dd3601297bd', size: "lg" }, index.h("slot", { key: 'dad5b2d69c31ad365676a9259ef7a4e5ea0fe410' }))));
+        return (index.h(index.Host, { key: 'bcc63c58186216485acf6e6e0f896158e92cd29e' }, index.h("tds-header-dropdown-list-item", { key: 'e4b963bf20b97aa19f8f6dbd4d4a6face04220db', size: "lg" }, index.h("slot", { key: '03445a4fe12c6f5a283b6d2635d657bbfd103263' }))));
     }
 };
 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: '7ae867e11a9720654645e70c10f0a20a7a147d78' }, index.h("h3", { key: '5e6751d05defe072d827c6e78ac777622674138d', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, index.h("slot", { key: '403011ffd72000e98e64b9c8cb83620c95cb4444' }))));
+        return (index.h(index.Host, { key: '2bd6c5fa87fe1b94065980a7f7794ada3ccf2a9f' }, index.h("h3", { key: '3ccf8d967a2bda31d1724d4d3bf522cb1052f497', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, index.h("slot", { key: '831e18f03058184f3825541fd2be34d07a443e78' }))));
     }
     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: 'b4dc52c6bcf24b6fd67fdc83ae85ff2e42dc4336' }, index.h("tds-header-dropdown-list", { key: 'c6ad7f978597258dbbaaeeb3b3fcb220c049aa28', size: "lg" }, index.h("slot", { key: 'e6afe9a7d754e4f853d9d9c05318be8cbc5e8048' }))));
+        return (index.h(index.Host, { key: 'ceedbada9d5a96ecdb5306b0e55f939ba69c78d8' }, index.h("tds-header-dropdown-list", { key: 'a1ffa08021a4ac0d3aad0401330b6d82ad4e20f9', size: "lg" }, index.h("slot", { key: 'e0808a6e71a6bb26e8b56005c9552fde5af9296b' }))));
     }
 };
 

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

@@ -60,11 +60,11 @@ const TdsHeaderLauncher = class {
             }, 'ref': (el) => {
                 this.buttonEl = el;
             } });
-        return (index.h(index.Host, { key: '3a0100f1429a1e09a5745c6b74835bddb6ba5157' }, index.h("div", { key: '50220e92372ac5496a4b589441e4920375169e79', class: {
+        return (index.h(index.Host, { key: 'e7973fca6e39c2e3465a015f65354ea421067031' }, index.h("div", { key: '37860b4e05c96777e0dce1173bf6fb5954849ed8', class: {
                 'wrapper': true,
                 'state-open': this.open,
                 'state-list-type-menu': this.hasListTypeMenu,
-            } }, index.h("tds-header-launcher-button", Object.assign({ key: 'd58c3ba5f08809487eeca1e6ce8a31879f0c52d9' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (index.h("tds-popover-canvas", { key: '4806b02e07aef32a640eedc1f0f76285950ec384', 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: '99cbfc65298f5da7f5601df6efdfc4d49fd6dfa8' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (index.h("tds-popover-canvas", { key: 'c395e13678f4eb67abae75722c609624c5f750e7', 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: '464dc4df896605138eb3c6db8242de6b8daab424' }, index.h("slot", { key: '24e9e27fe63f75d0b8aafddc4b54abc419fbb14f' })));
+        return (index.h("h4", { key: '4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a' }, index.h("slot", { key: 'e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc' })));
     }
 };
 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: '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" })))));
+        return (index.h(index.Host, { key: 'f5c7796ebe3f5d9bd6e555f0dd01f8ace54c1cd8' }, index.h("slot", { key: '77cba127f947cc8fefa875a6db0e68bf52c5a80e', name: "hamburger" }), index.h("slot", { key: 'daf9d8299734f72355eeaeb307dcc3e25520a7b8', name: "title" }), index.h("nav", Object.assign({ key: '904338fd0fb8ab3ce42b46ee482d021667fe49e8' }, navAttributes), index.h("ul", { key: '66994fd2de781178624f8d67c88e4d75e84d2844', class: "tds-header-component-list" }, index.h("slot", { key: '51ee40aa7b17fb2a36ca23c2cebfb74efb69ea24' }), index.h("li", { key: 'db64903ac70ee12d48cd5029997949875caa53e8', class: "tds-header-middle-spacer" }), index.h("slot", { key: '80a48331b218b734061a421c9e31f8fd1b98be1a', name: "end" })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -39,7 +39,7 @@ const Icon = class {
         this.arrayOfIcons = [...this.arrayOfIcons];
     }
     render() {
-        return index.h(index.Host, { key: 'd19a1de2f0267b93717324d424b9c89e19bbcb21' }, this.setIcons());
+        return index.h(index.Host, { key: 'd04e031dc560ea9d4d9e143a5d1b74573f3fc570' }, this.setIcons());
     }
 };
 Icon.style = TdsIconStyle0;

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

@@ -36,11 +36,11 @@ const TdsInlineTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4c9f91014f30c1e7db52778dc4cf8800aa62050d', "aria-selected": this.selected }, index.h("div", { key: '860cfdd9338915275262875fc79588b58bebf447', class: {
+        return (index.h(index.Host, { key: '5afb8ea09666230ca5ac15a12873925c715b5d69', "aria-selected": this.selected }, index.h("div", { key: '46eaf3e44e529543120237da361282b4062a56c6', class: {
                 'inline-tab-item': true,
                 'selected': this.selected,
                 'disabled': this.disabled,
-            } }, index.h("slot", { key: 'eeccc1bdc172fab4d7ad96143b01f17982266f4d' }))));
+            } }, index.h("slot", { key: '7bd7e6871aa776a07aebc703a3f1fa9c1bf169b6' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -176,9 +176,9 @@ const TdsInlineTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: '47fd4d494254749aa276d4f046ded68fe472b062', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: 'f5c42677bafef38db784c517714ac8a4e0149862', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: '0ebd82f8133fa74341e13640f31a077588b628ce', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '0b5a6d3b12a7e16746c309d79fa75054b4226270', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '5955dc1657efcfec14393987f6ebfaea4c90615d', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '3c3c7d93197f40b0cbb67d20cd5c32b827a29430', name: "chevron_left", size: "20px" })), index.h("slot", { key: '335ec61f80defb892c229901165809487950dc03', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'cc22a000e41efa472638da3c480b5cf1094aaec2', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '9ca29d2d1cb3df19993723a2eb0716d36c0f20ea', name: "chevron_right", size: "20px" })))));
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: 'd14195b0f9f1f9bbb2cb79787bf74ce86da3e4a4', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'f862dfcdf53b04ceff036f0b406bd0af488adfa8', name: "chevron_left", size: "20px" })), index.h("slot", { key: '02054d05dcbdae34cddad74194dc41331f755df9', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'e950ef97d3b59121ffeb128276648f8ca8b3e60f', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: 'a1785c72f129daf7ddede2795ce1b5fa758cf004', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -32,11 +32,11 @@ const TdsLink = class {
         }
     }
     render() {
-        return (index.h("span", { key: '1183de952c2fd6cb1193e9e0dec419f37bf07dee', class: {
+        return (index.h("span", { key: '46854dd9cf4b0577098702567ede43ccfae897d6', class: {
                 'disabled': this.disabled,
                 'no-underline': !this.underline,
                 'standalone': this.standalone,
-            } }, index.h("slot", { key: 'e019a83d2335cd0a7d682e79a6bf0148452c3e71' })));
+            } }, index.h("slot", { key: 'f574609666ae7484752ec8cfaf7f0bffa1645c83' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -43,12 +43,12 @@ const TdsMessage = class {
     render() {
         const headerId = this.header ? `tds-message-header-${generateUniqueId.generateUniqueId()}` : undefined;
         const contentId = !this.minimal ? `tds-message-content-${generateUniqueId.generateUniqueId()}` : undefined;
-        return (index.h(index.Host, { key: 'b28d7e5de5b3cb612e78f83650fa5c0621107dda', role: this.tdsAlertDialog, "aria-labelledby": headerId, "aria-describedby": contentId, "aria-label": this.getAriaLabel() }, index.h("div", { key: 'a3d7470a99af752df3516009d39f7e1c4bbed096', class: {
+        return (index.h(index.Host, { key: 'cee26e90adb4722ea1fb0c6c43e67060668801b1', role: this.tdsAlertDialog, "aria-labelledby": headerId, "aria-describedby": contentId, "aria-label": this.getAriaLabel() }, index.h("div", { key: 'dced756d86c4ff2131636bb455033ee3cc48dd65', class: {
                 wrapper: true,
                 [this.variant]: true,
                 minimal: this.minimal,
                 [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
-            } }, !this.noIcon && (index.h("tds-icon", { key: '5ce066cccec225e2707e660f73396f24197d024d', "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), index.h("div", { key: 'ec0101d39dd0354b163219b732fd9dfa9cd66e60', class: `content` }, this.header && (index.h("div", { key: '434be3923b805cc8bd77d232a8cdbf847f9793c8', class: "header", id: headerId }, this.header)), !this.minimal && (index.h("div", { key: '14f5ead963e55d7e3bad6abc69e97ba9f994316f', class: "extended-message", id: contentId }, index.h("slot", { key: '37c61ef3a396e37a7cb130951d44af9454163699' })))))));
+            } }, !this.noIcon && (index.h("tds-icon", { key: '91f5365bf98c9f924b6d35b99f1391b72b528918', "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), index.h("div", { key: '981007551dab4cd691149952bad88cf0adabee0b', class: `content` }, this.header && (index.h("div", { key: '80d822b1b864cbd09efcb62b69c410dca387c4a5', class: "header", id: headerId }, this.header)), !this.minimal && (index.h("div", { key: 'ac6a67d3d247db58d61a0c9503c42d435f9134f4', class: "extended-message", id: contentId }, index.h("slot", { key: 'a8a6a0d4b9f4cadd75557cad63c4d95c8aa13d1d' })))))));
     }
 };
 TdsMessage.style = TdsMessageStyle0;

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

@@ -189,10 +189,10 @@ const TdsModal = class {
         const usesActionsSlot = hasSlot.hasSlot('actions', this.host);
         const headerId = this.header ? `tds-modal-header-${generateUniqueId.generateUniqueId()}` : undefined;
         const bodyId = `tds-modal-body-${generateUniqueId.generateUniqueId()}`;
-        return (index.h(index.Host, { key: '398809ea45126dd70b95422f2f7a08a481a22d53', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
+        return (index.h(index.Host, { key: 'a0b859a35be3d6244927de43b10cd5c8f6802e54', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
                 show: this.isShown,
                 hide: !this.isShown,
-            }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: '96e964cc4f3c6d9613fb53e340e0aa5dcd8b6d81', class: "tds-modal-backdrop" }), index.h("div", { key: 'af7ddc896ef35b6116ae70524d10c4b7b952e20a', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: '9dfcf95fcc8925cd5c97f10f29edc6cef183a0ca', id: headerId, class: "header" }, this.header && index.h("div", { key: '42533c25b07e696a0c61504556150018f8d3583a', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: 'd9855a20e1763ad17d6c8b80df85796d8f6027a8', name: "header" }), this.closable && (index.h("button", { key: '3e99b76da7bcf39eaecbe2906e0674fd20ebe9a6', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: 'f6463437fb98ae280afe358d50a2f960914014ea', name: "cross", size: "20px" })))), index.h("div", { key: 'ba8ca2e65f5eac8103e6f3c431e3ae9aab2b5f72', id: bodyId, class: "body" }, index.h("slot", { key: '9e08cbdd00e1a60826588b15cb6ed23fc4b5b0d7', name: "body" })), usesActionsSlot && index.h("slot", { key: 'aeb50dfcbf6c12e80a8904d149bb15892c691d88', name: "actions" }))));
+            }, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: '4fdeda818f049901be20139924bebe0470e739f8', class: "tds-modal-backdrop" }), index.h("div", { key: '4acce55e5fa00b4bcbec7325a5b5e81380cf2c56', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: '3f067bd1c2109e807653c962c7d142f950837177', id: headerId, class: "header" }, this.header && index.h("div", { key: '7d022892734810f2bfd5abdc5836b3643b5c0c65', class: "header-text" }, this.header), usesHeaderSlot && index.h("slot", { key: 'f36ed16ec052ff433f59eae0e37389dab110f649', name: "header" }), this.closable && (index.h("button", { key: '6c4de1df2a0ac5ef44c67572abf786a6d087c723', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: 'af006634cd73c7f14d10773c6aa45f76cd34ff4f', name: "cross", size: "20px" })))), index.h("div", { key: '0ffc14058e7c578c98471253e19b6209635a957c', id: bodyId, class: "body" }, index.h("slot", { key: 'a7c5806264d394f5310170017e21b2df52fdcdd3', name: "body" })), usesActionsSlot && index.h("slot", { key: 'be3de1c8a2ed7e4aff264f47ff8c81e791bd3426', name: "actions" }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -36,8 +36,8 @@ const TdsNavigationTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '51152bf313a84cb937e7f49e87cc8dcd74ab0612' }, index.h("div", { key: '5d55db68f75e042dafe40da1b9e84d74f1cd8849', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: '174108daa16d6fa68c04244af1843771a4df91f5' }))));
+        return (index.h(index.Host, { key: '01d6c9a6d072a25603fb275f4217358d26c7ef3a' }, index.h("div", { key: 'a345c96e11757005920cff65cdeb950df5bf2e0d', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'bbeef04e703360625c7b7158bffd1f17a5742be5' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -176,15 +176,15 @@ const TdsNavigationTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (index.h(index.Host, { key: '809fe9d34b03949edae1708b6dea7f0406afee80', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '866605f8695441d7817c07895bdffd5e3e7ba5ac', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: '16fdf2aff26da72316d2c5b82f1b16c41c63e259', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '4b0bd3931f0fbfc5a9d90291aadf903a43261f98', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '2d394ecb940cee024174932676c2a6c22622c853', "aria-label": this.tdsScrollLeftAriaLabel, class: {
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '3fcc90ed48c8b7ef0805f93e143214056c03122e', "aria-label": this.tdsScrollLeftAriaLabel, class: {
                 'scroll-left-button': true,
                 'show': this.showLeftScroll,
-            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '09386162127467a545e00f44130352afb9cfed03', name: "chevron_left", size: "20px" })), index.h("slot", { key: '3b3cd70ed645318d0661a3acbee3d2bc748314cf', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '1afb2dc9b261626db800593548d7e023e14cd39b', "aria-label": this.tdsScrollRightAriaLabel, class: {
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'ba7ae61254e781e0877530652b33ca0e87e482d3', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'dc76c269ea68615020bbc1c55f1085b6a927fc6c', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'd52c3c76b5e597eaae55503c1a88d27efec99b66', "aria-label": this.tdsScrollRightAriaLabel, class: {
                 'scroll-right-button': true,
                 'show': this.showRightScroll,
-            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '451a8ddc680799fd86e390d8aeab5c22c73f31ee', name: "chevron_right", size: "20px" })))));
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: 'ab533d4d7a4655772ad023f32f653fd4c762085b', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -34,12 +34,12 @@ const TdsPopoverCanvas = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '65f267d001dc720000b13f6b46010781ccd3119c' }, index.h("tds-popover-core", Object.assign({ key: '5a3df2dbc918a330f895fbfb4bbf1a5a6ebe2c21', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+        return (index.h(index.Host, { key: '7fc248134985c3e319165aa5c15aee594ad117b3' }, index.h("tds-popover-core", Object.assign({ key: '5e06303ae6aa45fc00337bb438cc4ff278832de5', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
                 'tds-popover-canvas': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }), index.h("div", { key: '3c24d23c70824186c971ce3cfe79d2d14ac472a1' }, index.h("slot", { key: 'ca58b5e939aabdbe80ca92d747c191f08ad34b4d' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), index.h("div", { key: 'd02025b71eab7fb46f4bc036581f8f253a247170' }, index.h("slot", { key: '83e1ff41b0c4ff6a212d90cd5735b12982a29bf0' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2047,7 +2047,7 @@ const TdsPopoverCore = class {
             'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
         };
         const classList = generateClassList(classes);
-        return (index.h(index.Host, { key: '0a41818272dd567616b762d3b2d8cc9d36bb913a', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: 'e4b23a734ca96179cb980b3456945ff2ce3b160b' })));
+        return (index.h(index.Host, { key: '5c557610103827aedbabbd37a79730580d15ca2d', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, index.h("slot", { key: '487a937b3c9d87b91425f6bd9eb88bc3fa85d7df' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -13,10 +13,10 @@ const TdsPopoverMenuItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'e8b4cebbe7ddcda36aab323b783e506b9e3b0e68', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'e963177a2784af572bdeaf6e1ac8e889e51a82ae', class: {
+        return (index.h(index.Host, { key: '189497fe898065e585b2bf342611716b7b44778b', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '5904e5da7c9f4cfe1a35df1b5b1549a8a4c501a9', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, index.h("slot", { key: 'f56208065089cbc0d33ad101e760b2c4c51c2368' }))));
+            } }, index.h("slot", { key: 'ddacc7938ca455a8151b2e46449414146073b045' }))));
     }
 };
 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: '23d3cab59b3fec06209d158932c3f7ad1dfd71d7' }, index.h("tds-popover-core", { key: '1d6f9bec1dfa2c811d69915f849467d8da8f0095', class: {
+        return (index.h(index.Host, { key: '060c32c47620cd2c157ef32011c4f3b00287fb1e' }, index.h("tds-popover-core", { key: 'a497fe186fdf591c1ceeb72baabf34e59acccff4', 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: '454814b16f594bec72be5cdc608c00109c71b0d1', role: "menu" }, index.h("slot", { key: 'c07aec34795f83fa2d0d18b63bac458ed7044f9a' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, index.h("div", { key: 'bf01a37fa77f72d7fab85644892552a84c3170f8', role: "menu" }, index.h("slot", { key: 'a1c065153ecaf6b9828785bfac4366852142117d' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -28,7 +28,7 @@ const TdsRadioButton = class {
         this.tdsTabIndex = undefined;
     }
     render() {
-        return (index.h("div", { key: '4fbbd82a09e16551774b0b81eefa4f8e54ea3650', class: "tds-radio-button" }, index.h("input", { key: 'c7da40a753c5c7116810918e6349076bd9fdbb53', "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), index.h("label", { key: '869ccd92f5b77a5475d409ae6b2f6d20df37c72d', htmlFor: this.radioId }, index.h("slot", { key: 'bdeabd6fe808498a0b2b08edb4a7ec33e6953ffe', name: "label" }))));
+        return (index.h("div", { key: 'c0a495e27c2ed9950f291e3e34c4cc9a75f7265c', class: "tds-radio-button" }, index.h("input", { key: 'c475a6a22dbbac7badbb21ede05ec2dbfb61af1d', "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), index.h("label", { key: '3e17eb0b58d37fe5c6fa5574e9884635a33dca12', htmlFor: this.radioId }, index.h("slot", { key: 'ef9537b996262e352c168bea6e5d51348bb7bf88', name: "label" }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -13,9 +13,18 @@ const TdsSideMenuCloseButton = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
+    static handleClick() {
+        const hamburgerButton = document.querySelector('tds-header-hamburger');
+        if (hamburgerButton) {
+            hamburgerButton.setAttribute('aria-expanded', 'false');
+        }
+    }
     render() {
-        const buttonProps = Object.assign({ 'aria-label': 'Close' }, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        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" }))));
+        // Find the closest side menu to this close button
+        const sideMenuEl = this.host.closest('tds-side-menu');
+        const sideMenuId = sideMenuEl ? sideMenuEl.id : '';
+        const buttonProps = Object.assign(Object.assign(Object.assign({ 'aria-label': 'Close' }, (sideMenuId && { 'aria-controls': sideMenuId })), inheritAriaAttributes.inheritAriaAttributes(this.host)), { 'onClick': TdsSideMenuCloseButton.handleClick });
+        return (index.h(index.Host, { key: 'de98375064e94f8bfc19a60db7464c6b1c20a46f' }, index.h("button", Object.assign({ key: '4b9284c8b220d5b9fb0d1e3b346a5dfc209e59e2' }, buttonProps), index.h("tds-icon", { key: '78a639c37f7a307f42ce68ec239b28c6da8a3221', name: "cross", size: "20px", svgTitle: "Cross" }))));
     }
     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: '8f904a9975e844929bfae7227d2cae9115a7ec3a', role: "button", tabindex: "0", onClick: () => {
+        return (index.h(index.Host, { key: 'a4ee76e648caf4eb8fb893b66424c89b814184bd', role: "button", tabindex: "0", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
                 this.handleClick();
-            } }, index.h("div", { key: 'bde9dea007da8415ce2fa2f716630759d7576bb3', class: {
+            } }, index.h("div", { key: '8e828ca95162a91b3831a1b70513ebc553ff8f82', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: 'ebe63792b95a523483b68ccc762e0dbd9f325d23', class: {
+            } }, index.h("tds-side-menu-item", { key: '39097fc5e89662d5eeff1c090488aa899e085ee1', class: {
                 button: true,
-            } }, 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' }))))));
+            } }, index.h("a", { key: '8e50dee96f2b4b48abfd9059c30d5f98b48c2c9f' }, index.h("svg", { key: '3328aeb12c095e5fe79abb9b64e6d0e1a218ad73', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '44188ee11d944974022612677a88d357c0c2392d', "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: '7666cefb4f60a813398bbd5acb797981f0f856de' }))))));
     }
     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: 'd3e238a1c5727f0b58e96883b0318fbeaf549e24', role: "listitem" }, index.h("div", { key: '4cbcc88749079ff1300c4182e68cecc69ce6bddf', class: {
+        return (index.h(index.Host, { key: '3cef6b5d19a0fbfe5df1d10addb1f3f53921040e', role: "listitem" }, index.h("div", { key: '34de00792e93179c489110027288043bf3262c6e', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'a2e2349fd9c1eb9fc34ebe77ed84b48878d649ea' }))));
+            } }, index.h("slot", { key: '70d607d2dcbe976273e58cbab79772b186d07a35' }))));
     }
     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: 'dbe0a35cff13d1eaa2eea5afd744084b75ab4dd7', role: "list" }, index.h("div", { key: 'a0e7e86f42d1f95df8fd8e123458e26da589d979', class: {
+        return (index.h(index.Host, { key: '38e9f561720b3a68528ae69878138ea8e9085e3c', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '9f2e5ea13fe7f4483ae07d5a58208b27a64bbd1b', class: {
                 'state-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'e569d7bfbdcaeb80a00efe21ab52690733475574' }))));
+            } }, index.h("slot", { key: '10543e9547fc64683e4f96e0ecb72ff82e3ed3ad' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -32,6 +32,12 @@ const TdsSideMenuDropdown = class {
     onEventBlur() {
         this.setHoverStateClosed();
     }
+    handleKeyDown(event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.open = !this.open;
+        }
+    }
     setHoverStateOpen() {
         this.hoverState = { isHovered: true, updatedAt: Date.now() };
     }
@@ -54,13 +60,13 @@ const TdsSideMenuDropdown = class {
         this.open = this.defaultOpen;
     }
     render() {
-        return (index.h(index.Host, { key: 'f794fb5b7ed319fc513804df11b2f6122a38138c' }, index.h("div", { key: 'e451cc6decc88a314354f246c7c9a899473a5b0a', class: {
+        return (index.h(index.Host, { key: '2c3887fe8ec9334f7f3b3f46b3bce64712957ae3' }, index.h("div", { key: 'bedb9fc6f22d0c608b77c2d0d2fe7c8c17eadd59', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: '1cbb052c9a65d8a560447354342955b1de246c82', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, index.h("tds-side-menu-item", { key: '83cb1486e99c0f699b02be91bf53df1249076902', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            } }, 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' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, index.h("button", { key: 'e21c03415c48022813b3289f8dd80f21486414f0' }, index.h("slot", { key: '4462d95bf8e7945741cb54d9f363b8d9cac158e0', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: '1a65252df105ef6ad9bca35f873fe19e71289b80' }, this.buttonLabel, index.h("slot", { key: 'e35a184bae5c65fde366ed287062becbc6633cac', name: "label" }), index.h("tds-icon", { key: '7a4328715c67aaf91a3675574f5aadca9ce8ae3d', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), index.h("div", { key: '1e4e674c5e9b8901b5306bee36bf121aa37112e3', class: "menu", tabindex: this.collapsed ? '0' : null }, this.collapsed && (index.h("h3", { key: '54a5f5f89d595aeae6ac6e41ac553e96466fe4a1', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: '20477b6be2c477c48412d0f4bc34f1181bcb00d3', name: "label" }))), index.h("slot", { key: '9740e5c9cb493e52c104223ec62b47bffc8adc5d' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -60,12 +60,12 @@ const TdsSideMenuItem = class {
         this.updateSlottedElements();
     }
     render() {
-        return (index.h(index.Host, { key: '47e9325f6606cb06ce21676b12b9123bb5147501' }, index.h("div", { key: 'b0309c6d2242d862a3c91fe0f8e94af73af915d5', class: {
+        return (index.h(index.Host, { key: '0c9290486534fe72176fd531e9c1946358984c3a' }, index.h("div", { key: 'e215756bc01214c4de39702eec972ccb84a58d2d', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'f96fa0078d9d2da5f76edb05d91cb5eb19dd01fb' }))));
+            } }, index.h("slot", { key: 'c461a28519b6632322b872b71407ee82ed82a950' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const TdsSideMenuOverlay = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '8aca5ce28c04cf2a6d5862a60f33ad73ee39ace9' }, index.h("div", { key: '302378bd95a8e54049c42e033a82cd4b82c18a5a' })));
+        return (index.h(index.Host, { key: '15e4b102af83962079d9bc9104c3e4d243cea947' }, index.h("div", { key: '52ed88b0ccf8ae02c3d83849f610475b0ad55065' })));
     }
 };
 TdsSideMenuOverlay.style = TdsSideMenuOverlayStyle0;

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

@@ -14,7 +14,7 @@ const TdsSideMenuUserImage = class {
         this.alt = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'ea8f9c51aefab60fd2c32cee1be0344ec3fc6751' }, index.h("slot", { key: 'ae8fb3c065544aeb6c4737789e1dfefd5eb3a947' }), this.src && index.h("img", { key: '7b0b888ccaef7e1f40e82eb46c3bc09b78c92d0f', src: this.src, alt: this.alt })));
+        return (index.h(index.Host, { key: '62b6a38f0705b052cb4d5b9379bc77662f66c505' }, index.h("slot", { key: '99aeba48272e512ce419a934cb4147052a5e0190' }), this.src && index.h("img", { key: '352e0a3f93558b298835afbfe72193cdbebcffa4', src: this.src, alt: this.alt })));
     }
 };
 TdsSideMenuUserImage.style = TdsSideMenuUserImageStyle0;
@@ -29,7 +29,7 @@ const TdsSideMenuUserLabel = class {
         this.subheading = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '7bac8221992109403d3f0506b7f0125a0b77b6d4' }, this.heading, this.subheading && index.h("div", { key: 'b9137e36496fb7fc10da067ea61596da2a38fa9d', class: "subheading" }, this.subheading)));
+        return (index.h(index.Host, { key: '5b045eb527ee378f50f6a1bec3a383b9c0f352ef' }, this.heading, this.subheading && index.h("div", { key: '3e106d0bdbe62438e8d2edbf73f43324cb78ffdd', class: "subheading" }, this.subheading)));
     }
 };
 TdsSideMenuUserLabel.style = TdsSideMenuUserLabelStyle0;

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

@@ -16,7 +16,7 @@ const TdsSideMenuUser = class {
         this.imgAlt = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'a2e676265c9785f8a5b7b8a5215993e6e2e32920' }, index.h("tds-side-menu-user-image", { key: 'fb701c03e2eaa91219fc9cb73c6f4c74eb8283e8', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: '9843e8b1007289ff4195f72582c0999069d1dd39', name: "image" })), index.h("tds-side-menu-user-label", { key: 'e6f60cd03846a92e7174a08b1e6513f91e71f919', heading: this.heading, subheading: this.subheading })));
+        return (index.h(index.Host, { key: 'fe3a852379cfa0e6822cac54e84937b5c8365115' }, index.h("tds-side-menu-user-image", { key: 'd5c702b1f3dcc8d2d46d411c72e13becaab1062d', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: '4ded196cd1d6ab0e13488787bbb1d4aa5feb3ebd', name: "image" })), index.h("tds-side-menu-user-label", { key: 'efee803dbe911144f11660ff1529a2de8c3cca62', heading: this.heading, subheading: this.subheading })));
     }
 };
 TdsSideMenuUser.style = TdsSideMenuUserStyle0;