@scania/tegel 1.24.0 → 1.25.0

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

@@ -56,11 +56,11 @@ const TdsCheckbox = class {
         }
     }
     render() {
-        return (h("div", { key: '068b73081ab2b1b24d58fd2afd70f2b0e4308745', class: "tds-checkbox" }, h("input", { key: '97bd225b10dea56b8166ce3d5c2e4569a7dc76f9',
+        return (h("div", { key: '1d0a8257cd1710277e076b4a277dff2c0c89b3d8', class: "tds-checkbox" }, h("input", { key: '689144e40c0be61db6b82aa6eaeb7ff3d09d7d72',
             // eslint-disable-next-line no-return-assign
             ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
                 this.handleChange();
-            } }), h("label", { key: '9cfe0411c9b26d12229de7fdb9421b333da0199c', htmlFor: this.checkboxId }, h("slot", { key: '17d2e45ddf05aa409926f3df82caab7a4f110b72', name: "label" }))));
+            } }), h("label", { key: '534eed7aa114861c528be0b776879484a35348bf', htmlFor: this.checkboxId }, h("slot", { key: 'db59bcc78f7f2be94037651b880a5ef149b90747', name: "label" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -79,7 +79,7 @@ const TdsChip = class {
             'suffix': hasSuffixSlot,
             'disabled': this.disabled,
         };
-        return (h(Host, { key: 'de7555f8a452acf90f19908db73000ff2f917378' }, h("div", { key: '148eb930c309f1a6f53f8462a37ed6ee680d6703', class: "component" }, h("div", { key: '8020dd1198564e794fec8ec7dbd9dd7b3a9f188f', class: chipClasses }, h("input", Object.assign({ key: 'fe4a9718565e7dfc85700a026e7263adbc8258fb', type: this.type, id: this.chipId }, inputAttributes)), h("label", { key: 'af5687821c68ccada0d62290fd7f652392bb3fd1', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: '55b7bc3855b45a3a2aee08f00bb8223564300ec1', name: "prefix" }), hasLabelSlot && h("slot", { key: '20c2024a51109edeb65503c10d8691449f806a6c', name: "label" }), hasSuffixSlot && h("slot", { key: '3a193b078226bef9f8b8ac45d74b9e82b51dcc52', name: "suffix" }))))));
+        return (h(Host, { key: 'f92aed7b75c11da93b841554edf2f07f5c1cccb3' }, h("div", { key: '1999e94f8206769fd8d751abbcfb9a7c40bd8810', class: "component" }, h("div", { key: '1e6a977c4bcd584ba519f1ee0ccd73e467c3abc5', class: chipClasses }, h("input", Object.assign({ key: '454afc046e22139b5e8121edfafa1345676d51bb', type: this.type, id: this.chipId }, inputAttributes)), h("label", { key: '8682130ad1d20966ba072d1a81fe50f683c39143', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: 'e0717c5608b870a813b3c0b86c2ce05d821bc7b2', name: "prefix" }), hasLabelSlot && h("slot", { key: 'e0e81a0e95cedbef3d7bc0f695f82a22356b6bee', name: "label" }), hasSuffixSlot && h("slot", { key: '70b48ca42bed4646fe1ce4f8699833aea3d48094', name: "suffix" }))))));
     }
     get host() { return getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const TdsCoreHeaderItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'ef3825bce10e5d23e01b4be557014a5c90b8e7de' }, h("div", { key: '134696c5345b16dc15dc1940d7d42066597b3a4e', class: "item" }, h("slot", { key: '9e8fbe10a25cb6005d2ff03ce00adc5c6cdad495' }))));
+        return (h(Host, { key: 'a97f1ad7ef0398e2414f62374e69a738f8af8e18' }, h("div", { key: '3fd840c4cd4a7bd5bf27c3039c246f2faa085d51', class: "item" }, h("slot", { key: '5d521057588befd7509318ba5f053c6204e7344b' }))));
     }
 };
 TdsCoreHeaderItem.style = TdsCoreHeaderItemStyle0;
@@ -52,10 +52,10 @@ const TdsHeaderItem = class {
         this.slotEl.addEventListener('slotchange', this.updateSlottedElements);
     }
     render() {
-        return (h(Host, { key: 'd5f256a30d131817e23f428b87a3604e2a299ad6' }, h("tds-core-header-item", { key: 'd2dc6486839af96bbd10938bf9e03ff50123da4f', class: {
+        return (h(Host, { key: '7317ab5668685390e2671908dd41855715267b1c' }, h("tds-core-header-item", { key: 'befc861a437912245c22413bbf774617fa84b289', class: {
                 'component-active': this.active,
                 'component-selected': this.selected,
-            } }, h("slot", { key: 'a89a44221fe947e4075e6889ed3e3cf8478f6e96' }))));
+            } }, h("slot", { key: 'f4405b3881dc0d6e4b86f96aa90d0b045c7bf2d8' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -105,7 +105,7 @@ const TdsDatetime = class {
         if (this.size === 'sm') {
             className += `${className}-sm`;
         }
-        return (h("div", { key: '0b0386d6ca214861e77014eb3c1b1ad5ac5176ea', class: `
+        return (h("div", { key: 'c09955258fa6a87c07efe2c4c327c72eb34688d8', class: `
         ${this.noMinWidth ? 'tds-form-datetime-nomin' : ''}
         ${this.focusInput ? 'tds-form-datetime tds-datetime-focus' : ' tds-form-datetime'}
         ${this.value.length > 0 ? 'tds-datetime-data' : ''}
@@ -115,7 +115,7 @@ const TdsDatetime = class {
         ${this.state === 'error' || this.state === 'success'
                 ? `tds-form-datetime-${this.state}`
                 : ''}
-        ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && (h("label", { key: '0ec4ae11802d336afb3480d93c6958b065974518', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '454f2935d7ba7fb0679812fdec1f7a1080eb9722', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: '79dd5d7eb7492290857808202d573b1315f43e50', class: "tds-datetime-input-container" }, h("input", { key: '01002d1f987a863aa9289e47b485a3740f3a5786', ref: (inputEl) => (this.textInput = inputEl), class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e) }), h("div", { key: '62bb064b898118016212f7009b8ff7ae08f9be84', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: 'a68bf6f45b79796ea5631225dc487ba27187dd03', size: "20px", name: "calendar" })), h("div", { key: 'd6d2425cae67f297c44f08de7d023013eec27547', class: "datetime-icon icon-time" }, h("tds-icon", { key: '5bdd8c430c232c4b01a612f9260e55d55a9fb44a', size: "20px", name: "clock" }))), h("div", { key: '3bb439913f3054041322de6d0056960a4eb1dd1c', class: "tds-datetime-bar" })), this.helper && (h("div", { key: '3f7245fda7ee2c0d894d5e4fdd90beace078035e', class: "tds-datetime-helper" }, h("div", { key: '82d7b73b3ab1e6dc5d90762416d169d393c69c5d', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: '9ccebec9e7cbce668362884e7efeb3c92bec8e82', name: "error", size: "16px" }), this.helper)))));
+        ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && (h("label", { key: '42e0f48bc1e5c0fe34c492c9c4a4442dcb4982ec', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '9a09a448c5c46073b31c7cd6148ed8bf6334780e', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: '78e81a9fbff444f76a2b46013cb9bc02e186ec86', class: "tds-datetime-input-container" }, h("input", { key: '385bb5d6d124951cd14151e6cda72007319f9dba', ref: (inputEl) => (this.textInput = inputEl), class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e) }), h("div", { key: '12e390a5b6fed5c6c2702cccad2f14a5fc20eebe', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '1e8c1a91b23b9bd5f9e44929f6586652d7578df6', size: "20px", name: "calendar" })), h("div", { key: '496f500c9f1b948458d7ab1c5d86a466838e7b6d', class: "datetime-icon icon-time" }, h("tds-icon", { key: 'b5dd412bf9d2286b2443aaf3ed2eb17a9f9045a9', size: "20px", name: "clock" }))), h("div", { key: '666193c97a4aa5435961d25b97d74bd3cc8b07a8', class: "tds-datetime-bar" })), this.helper && (h("div", { key: 'a7860edb4ab20cb633ec8309a991315358b53cd6', class: "tds-datetime-helper" }, h("div", { key: '84efbb36322ace185d66dd4f270a23b69e4bbad7', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: 'c304cdd2087c473a39304e9f926fee62286f3359', name: "error", size: "16px" }), this.helper)))));
     }
 };
 TdsDatetime.style = TdsDatetimeStyle0;

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

@@ -9,7 +9,7 @@ const Divider = class {
         this.orientation = 'horizontal';
     }
     render() {
-        return (h(Host, { key: '52a57f6bab64f6329412bbab154f213864382e98', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: '5ba2a5d20d84748b4b76e7ec24155f29cab69bc5', class: `divider ${this.orientation}` })));
+        return (h(Host, { key: 'a6195d6461fc6727d9e83c4152f446179160963f', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: 'f1cf2f97534adfe809f8ddda734cfdbcecd7989a', class: `divider ${this.orientation}` })));
     }
 };
 Divider.style = TdsDividerStyle0;

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

@@ -436,7 +436,13 @@ const TdsDropdown = class {
     render() {
         var _a, _b, _c, _d;
         appendHiddenInput(this.host, this.name, (_a = this.value) === null || _a === void 0 ? void 0 : _a.map((value) => value).toString(), this.disabled);
-        return (h(Host, { key: 'b452aebe0997ce114fff5c7527d7305e97bf6462', role: "select", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && this.labelPosition === 'outside' && (h("div", { key: '356273d3065daebba4d72a7f30f745dab1eb803e', class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: 'c8b617da62a01e0432fee90c243723edde5fecca', class: `dropdown-select ${this.size} ${this.disabled ? 'disabled' : ''}` }, this.filter ? (h("div", { class: {
+        return (h(Host, { key: '3b547dda7bede0ae8e020d976d08ed9d8bf50356', role: "select", class: {
+                [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
+            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: 'ca3c45bce793171f4af249b4c007d4279599f2b4', class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: 'fb12d8b69a4430977b3269f44f9b5e5600965cc1', class: {
+                'dropdown-select': true,
+                [this.size]: true,
+                'disabled': this.disabled,
+            } }, this.filter ? (h("div", { class: {
                 filter: true,
                 focus: this.filterFocus,
                 disabled: this.disabled,
@@ -447,7 +453,9 @@ const TdsDropdown = class {
                     ${((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) ? 'selected' : ''}
                     ` }, this.label)), h("input", {
             // eslint-disable-next-line no-return-assign
-            ref: (inputEl) => (this.inputElement = inputEl), class: `${this.labelPosition === 'inside' ? 'placeholder' : ''}`, type: "text", placeholder: this.filterFocus ? '' : this.placeholder, value: this.multiselect && this.filterFocus ? '' : this.getValue(), disabled: this.disabled, onInput: (event) => this.handleFilter(event), onBlur: (event) => {
+            ref: (inputEl) => (this.inputElement = inputEl), class: {
+                placeholder: this.labelPosition === 'inside',
+            }, type: "text", placeholder: this.filterFocus ? '' : this.placeholder, value: this.multiselect && this.filterFocus ? '' : this.getValue(), disabled: this.disabled, onInput: (event) => this.handleFilter(event), onBlur: (event) => {
                 this.filterFocus = false;
                 if (this.multiselect) {
                     this.inputElement.value = this.getValue();
@@ -470,7 +478,10 @@ const TdsDropdown = class {
                 if (event.key === 'Enter') {
                     this.handleFilterReset();
                 }
-            }, class: `clear-icon ${this.open && this.inputElement.value !== '' ? '' : 'hide'}`, name: "cross", size: "16px" }), h("tds-icon", { tabIndex: 0, role: "button", "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", onClick: this.handleToggleOpen, onKeyDown: (event) => {
+            }, class: {
+                'clear-icon': true,
+                'hide': !(this.open && this.inputElement.value !== ''),
+            }, name: "cross", size: "16px" }), h("tds-icon", { tabIndex: 0, role: "button", "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", onClick: this.handleToggleOpen, onKeyDown: (event) => {
                 if (event.key === 'Enter') {
                     this.handleToggleOpen();
                 }
@@ -478,15 +489,19 @@ const TdsDropdown = class {
                 if (event.key === 'Escape') {
                     this.open = false;
                 }
-            }, class: `
-                ${this.value ? 'value' : 'placeholder'}
-                ${this.open ? 'open' : 'closed'}
-                ${this.error ? 'error' : ''}
-                `, disabled: this.disabled }, h("div", { class: `value-wrapper ${this.size}` }, this.label && this.labelPosition === 'inside' && this.placeholder && (h("div", { class: `label-inside ${this.size}` }, this.label)), this.label && this.labelPosition === 'inside' && !this.placeholder && (h("div", { class: `
-                    label-inside-as-placeholder
-                    ${this.size}
-                    ${((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) ? 'selected' : ''}
-                    ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, ((_d = this.value) === null || _d === void 0 ? void 0 : _d.length) ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: 'bd702f67929bfd42350b11a9680e007dd74e4bad', ref: (element) => (this.dropdownList = element), class: {
+            }, class: {
+                value: Boolean(this.value),
+                placeholder: Boolean(!this.value),
+                open: this.open,
+                closed: !this.open,
+                error: this.error,
+            }, disabled: this.disabled }, h("div", { class: `value-wrapper ${this.size}` }, this.label && this.labelPosition === 'inside' && this.placeholder && (h("div", { class: `label-inside ${this.size}` }, this.label)), this.label && this.labelPosition === 'inside' && !this.placeholder && (h("div", { class: {
+                'label-inside-as-placeholder': true,
+                [this.size]: true,
+                'selected': Boolean((_c = this.value) === null || _c === void 0 ? void 0 : _c.length),
+            } }, this.label)), h("div", { class: `placeholder ${this.size}` }, ((_d = this.value) === null || _d === void 0 ? void 0 : _d.length) ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: 'b734958a92e331bc6fcd07a0cf716219cec235c1', ref: (element) => {
+                this.dropdownList = element;
+            }, class: {
                 'dropdown-list': true,
                 [this.size]: true,
                 [this.getOpenDirection()]: true,
@@ -495,7 +510,11 @@ const TdsDropdown = class {
                 'closed': !this.open,
                 [`animation-enter-${this.animation}`]: this.animation !== 'none' && this.open,
                 [`animation-exit-${this.animation}`]: this.animation !== 'none' && !this.open,
-            } }, h("slot", { key: '64c67c8aa6aa68089c59de1fdedb915ea4beb3af', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '2152a99732579e2c2f7e82d450743e67d8b9f263', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: 'fbc4ebc39a4ca4fc49a77ea1160042ad1de005ec', class: `helper ${this.error ? 'error' : ''} ${this.disabled ? 'disabled' : ''}` }, this.error && h("tds-icon", { key: '318107cbe939b82250bb97bfbceae4017e438ba1', name: "error", size: "16px" }), this.helper))));
+            } }, h("slot", { key: '85d5f7599b21df148a34416fb271c894ff6a2e3e', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '5009c99ade06605dd2605e28f59b82e78e3f3bec', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '88d55d60aac26a3c5af04bfa74b6649d5d893fce', class: {
+                helper: true,
+                error: this.error,
+                disabled: this.disabled,
+            } }, this.error && h("tds-icon", { key: '1f6f2b7272f35501bf684816b4bc1cd746910fe9', name: "error", size: "16px" }), this.helper))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -571,7 +590,7 @@ const TdsDropdownOption = class {
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: '1cb00a19c5dbcc47e1b2bc97d1d5ccc8ac5a532a', role: "option", "aria-disabled": this.disabled, "aria-selected": this.selected }, h("div", { key: '5deaf44c7306f4b1856200bf0a5640e99fcb449d', class: `dropdown-option 
+        return (h(Host, { key: '0dedcd94148bf61ee8b154c00eca73759f366dd4', role: "option", "aria-disabled": this.disabled, "aria-selected": this.selected }, h("div", { key: 'da3b6d37132d48502599145f85f05072a996d6dc', class: `dropdown-option 
           ${this.size}
           ${this.selected ? 'selected' : ''}
           ${this.disabled ? 'disabled' : ''}

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

@@ -19,8 +19,10 @@ const TdsFolderTab = class {
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: '37ae53ec0d9c0bc3674365d14d61c6b1fbafe168', role: "listitem" }, h("div", { key: 'a977243b499569668ef7428829644f3f2ca23033', class: `${this.disabled ? 'disabled' : ''}
-                  ${this.selected ? 'selected' : ''}`, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '1e8b9cc10f032a64ffef70bb061f57ddc8a4a1a5' }))));
+        return (h(Host, { key: '3ebe8719ec0bae1d4de2f698b032d9914f01fc65', role: "listitem" }, h("div", { key: '26e4df6a7c2c3ec3cc9b391004b0ecc2e08886ce', class: {
+                selected: this.selected,
+                disabled: this.disabled,
+            }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '78549272532f6fa272660fde77c61464dbede36c' }))));
     }
 };
 TdsFolderTab.style = TdsFolderTabStyle0;

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

@@ -163,9 +163,9 @@ const TdsFolderTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: '3164044436f7029d85c4eed0ff7e0cc2b4e35752', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '59beaa0776ff83a30e84b69c5715a2f0d62ec6d9', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: 'ab95c2616920aa0feb451cdc8e05697bfedb12b6', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '5330ac0094013711f2d85befe37e7f02de22d8c9', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: '0bd461d469592983e08043c23e295c21df04c80f', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'd21448eea9cab4d73087fec72d29270b52bf0999', name: "chevron_left", size: "20px" })), h("slot", { key: 'efe348a98b964486a73d1aac235ce894277c6249', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'ea819f59668994e328410941b5b7455620ecb321', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'c52241bb7c77eabbdb8de5a19bb4400c32aa2062', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: 'cf1d97ff6db378f1a9d2306dce45ccc24ff00718', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'df3cd8050d37eeb32e957ec22796c551476f003b', name: "chevron_left", size: "20px" })), h("slot", { key: '695ba9188c06a56785b1362e7554cf0bdfa0c635', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'c64fa2e8788ef3ae78dd1c32b6755625abd4a115', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: '3d7f40dcc022b37d1d5419ff4b111bf085011698', name: "chevron_right", size: "20px" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -74,7 +74,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: '2ebed45f0b4d3b872378a1246180fc34f8ea46de' }, attributes), h("slot", { key: '5b72e5cab5c21fdaa55ca8641c729393ade09f75' })));
+        return (h(Host, Object.assign({ key: 'a5dd28fda0bbec3b9fdfa94b2170723ea93e646b' }, attributes), h("slot", { key: '8e196622a25da4f35e3dbcef8abf385d5723353c' })));
     }
     get host() { return getElement(this); }
 };

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

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

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

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

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

@@ -13,7 +13,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: 'ee714e05a3585542850f433cd81ed25d95a14070' }, h("tds-header-item", { key: '0a7c7b20fa872c1ccd4e0760b9f68743ec6c761f', active: this.active }, h("button", Object.assign({ key: '1b0c93c04e5206dc47fe3df3a158e16ed624f8e1' }, buttonProps), h("tds-icon", { key: '11a961f7e11d741108a450ef1a2fa1b22f5520a8', class: "icon", name: "bento", size: "20px" })))));
+        return (h(Host, { key: 'ffe903179bae0b20240541dabc867ad291a88890' }, h("tds-header-item", { key: '4104afafab4e15d15e452e7d5b35bfa8b6911e4b', active: this.active }, h("button", Object.assign({ key: '1285f504631cb4606456beda892946bcd5da12c0' }, buttonProps), h("tds-icon", { key: '973233afc8d4e19df3cdcae48b770f8c5f46c7c7', class: "icon", name: "bento", size: "20px" })))));
     }
     get host() { return getElement(this); }
 };

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

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

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

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

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

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

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

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

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

@@ -10,7 +10,7 @@ const TdsHeaderLauncherListTitle = class {
         this.uuid = generateUniqueId();
     }
     render() {
-        return (h(Host, { key: '84abee543dcf0f2f6db9e66b32cd89ddb3fb756a' }, h("h3", { key: 'd2eb2ab7b39ac0a0d250ebf63ef22b309c10c9a6', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, h("slot", { key: 'edb11a0e6742372432b8f02763d6cf233bdca0cd' }))));
+        return (h(Host, { key: '7ba9591978c9b22534e292be99efbf0550592002' }, h("h3", { key: 'c6a5f810b184f33b4edd46187df922374225ddc7', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, h("slot", { key: '5dcbfaa6969dccc3ed6139ea454aa13ed0ee7bb9' }))));
     }
     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: '3e4fe30a4ec6234898314d838831ffccdaf37ccf' }, h("tds-header-dropdown-list", { key: '0a3926403b5800b45433edd035f700a6778bbc2b', size: "lg" }, h("slot", { key: 'bcbe4495b9f136b07a5c3c1e7062ec116707a5e4' }))));
+        return (h(Host, { key: '44396666def3f2125e84399fd9e25a86be8d1a38' }, h("tds-header-dropdown-list", { key: '8125971f3675f433b8a3609bad6c4e976a54b460', size: "lg" }, h("slot", { key: 'b49bf69a76e80ba0f385c5cde8afe35b262504ce' }))));
     }
 };
 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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