@scania/tegel 1.34.0-design.tokens.beta.test.0 → 1.34.0-internal-variables-demo.1

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: '510a2d554f93a011f5281730aa6ef7a91112f683', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '56cebbe8cc41c197c5c0ff521e3cad213355907c', class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: 'c05fdc4edba8e4863a01a8f8ddfb612d836d015e', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '5a19c88129168e18bbf0e9c01d75536e38f3f9cb', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '74a5fb3b9b09987d7e9f368ecdf4dc3af49e9128', "aria-label": this.tdsScrollLeftAriaLabel, class: {
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '479fa60c5acda8497eb76e14377c3bd58e374c8b', "aria-label": this.tdsScrollLeftAriaLabel, class: {
                 'scroll-left-button': true,
                 'show': this.showLeftScroll,
-            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'a14c88213417a161d90cb3db00105c63e5aab2e0', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'c8eb07f136a9057a7962957a0bcc8bf1ababb579', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '7a681cbdbacc3f2e536035910d3f486cdff738f0', "aria-label": this.tdsScrollRightAriaLabel, class: {
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '2966dfb37f0912fe60e5528736a505043a7060cf', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'b73673566f5cd2834590b5283fa82e83c61c35ec', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '85e4ea10f52b287116195226a379722fad59a880', "aria-label": this.tdsScrollRightAriaLabel, class: {
                 'scroll-right-button': true,
                 'show': this.showRightScroll,
-            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '93e3d0530d4402b249f8f3da4541bac913b15ff6', name: "chevron_right", size: "20px" })))));
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '987796cbfbddd0b1f998526da9923884440e0c11', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ca8040ad.js');
 const inheritAttributes = require('./inheritAttributes-ff9ad737.js');
 
-const popoverCanvasCss = ".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--popover-canvas-text);background-color:var(--popover-canvas-background);box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";
+const popoverCanvasCss = ".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--popover-canvas-text);background-color:var(--popover-canvas-background);box-shadow:var(--popover-canvas-box-shadow);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";
 const TdsPopoverCanvasStyle0 = popoverCanvasCss;
 
 const TdsPopoverCanvas = class {
@@ -22,6 +22,7 @@ const TdsPopoverCanvas = class {
         this.offsetDistance = 8;
         this.modifiers = [];
         this.tdsAlertDialog = 'dialog';
+        this.modeVariant = null;
         this.childRef = undefined;
     }
     /** Property for closing popover programmatically */
@@ -34,12 +35,14 @@ const TdsPopoverCanvas = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '58db11b606cb1211fc569e0868a602ed935b46fa' }, index.h("tds-popover-core", Object.assign({ key: 'be884f4ea53cbb76e2c07cd87fba10c66cb18618', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+        return (index.h(index.Host, { key: '007d1ad318e2819ca95b3f855540308527e9bea4', class: {
+                [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
+            } }, index.h("tds-popover-core", Object.assign({ key: '3d2c887c763dec9f93cc943a29d108ec4708df25', 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: 'b7436bdce7bb19745ac25dfc5a9db16f308db41c' }, index.h("slot", { key: '6436d57046cde0d03359899690be4af1b17fe506' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), index.h("div", { key: 'b16b226f5b748403ce4a20e2e289b7fb0d0e3554' }, index.h("slot", { key: 'ecdee2eaebdd35bb0ef634b8a0ef9bbf8e1a3fc7' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ca8040ad.js');
 const inheritAttributes = require('./inheritAttributes-ff9ad737.js');
 
-const popoverMenuCss = ".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";
+const popoverMenuCss = ".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--popover-menu-background);padding:16px 6px;box-shadow:var(--popover-menu-box-shadow);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";
 const TdsPopoverMenuStyle0 = popoverMenuCss;
 
 const TdsPopoverMenu = class {

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

@@ -6,7 +6,7 @@ const index = require('./index-ca8040ad.js');
 const inheritAriaAttributes = require('./inheritAriaAttributes-dedbbc57.js');
 require('./inheritAttributes-ff9ad737.js');
 
-const sideMenuCloseButtonCss = ":host button{height:64px;width:100%;text-align:left;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";
+const sideMenuCloseButtonCss = ":host{margin:0 var(--side-menu-space-top-level-left);border-bottom:1px solid var(--side-menu-bottom-menu-border-top);height:var(--side-menu-close-button-wrapper-height)}";
 const TdsSideMenuCloseButtonStyle0 = sideMenuCloseButtonCss;
 
 const TdsSideMenuCloseButton = class {
@@ -24,7 +24,9 @@ const TdsSideMenuCloseButton = class {
         const sideMenuEl = this.host.closest('tds-side-menu');
         const sideMenuId = sideMenuEl ? sideMenuEl.id : '';
         const buttonProps = Object.assign(Object.assign(Object.assign({ 'aria-label': 'Close' }, (sideMenuId && { 'aria-controls': sideMenuId })), inheritAriaAttributes.inheritAriaAttributes(this.host)), { 'onClick': TdsSideMenuCloseButton.handleClick });
-        return (index.h(index.Host, { key: 'b0e953d2148179c2a4fd1ed352b9024f6939c77c' }, index.h("button", Object.assign({ key: 'cd5f48b31d9eb62f4327a2918351920d961c446f' }, buttonProps), index.h("tds-icon", { key: 'f007bf92a2ba7186006aa4dd5126820108badecf', name: "cross", size: "20px", svgTitle: "Cross" }))));
+        return (index.h(index.Host, { key: '06e72329fe5335cc157d67b961f32c0e2b14b15c' }, index.h("tds-side-menu-item", { key: 'b8a4ee2860eb2f437d76870eb7bbcbe8bc167c88', class: {
+                button: true,
+            } }, index.h("a", { key: '2718a01f4435e774b4ad9589ef6f43db7a6783e2' }, index.h("div", Object.assign({ key: '4e9f558601da7ff35084cb52a9c8bc55abef66b0', role: "button" }, buttonProps), index.h("tds-icon", { key: '745174357d1844f6378027f2b9145a0f4f4a2d30', name: "cross", size: "20px", svgTitle: "Cross" }))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 
-const sideMenuCollapseButtonCss = ":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}";
+const sideMenuCollapseButtonCss = ":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--side-menu-bottom-menu-border-top);margin:0 var(--side-menu-space-top-level-left);margin-bottom:var(--side-menu-space-top-level-bottom-collapsible)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:var(--side-menu-size-icon);height:var(--side-menu-size-icon)}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}";
 const TdsSideMenuCollapseButtonStyle0 = sideMenuCollapseButtonCss;
 
 const TdsSideMenuCollapseButton = class {
@@ -36,14 +36,14 @@ const TdsSideMenuCollapseButton = class {
         this.collapsed = this.sideMenuEl.collapsed;
     }
     render() {
-        return (index.h(index.Host, { key: 'fecd00dc0ef2ce899b82ce304034b5b6f75704ed', role: "button", tabindex: "0", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
+        return (index.h(index.Host, { key: '10cf7ac2dda882a9b8327fb2508a0cb1f9750130', role: "button", tabindex: "0", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
                 this.handleClick();
-            } }, index.h("div", { key: '6d7ae7bd95d8c4c37895d06ce8d4eaebe08e91dd', class: {
+            } }, index.h("div", { key: 'd09e8d4c26980a305e8ccb5763f01c34ff1fb374', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: '2cc8087248c6f9eee7943039092c5a45f9c2376d', class: {
+            } }, index.h("tds-side-menu-item", { key: '1977b3d25f2d21fb1dc26e17d05fe27ae2c8756d', class: {
                 button: true,
-            } }, index.h("a", { key: 'e2510c1f475b5f6ff3d1de367360fc2e34e0c0c0' }, index.h("svg", { key: '7ea54a6bcfb144cab3045fb34316eac400c59e43', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '3db930370416d9906ccdf821e6d43d0e6633534a', "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: '7fba28f202ca8089ffce93c051c8d6afc23afef7' }))))));
+            } }, index.h("a", { key: 'cc6e0f7a1d24dc73b118b426a8f1da20047408af' }, index.h("svg", { key: 'b6e2bd90c31ea38f012a3bf1d9f925d6255d93fe', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", class: "icon", slot: "icon", fill: "none" }, index.h("path", { key: '7a99bb435c7e00431ade1f4d1468c52bb57a65fd', fill: "currentColor", d: "M24.59 16.59 17 24.17V4h-2v20.17L7.41 16.6 6 18l10 10 10-10-1.41-1.41Z" })), !this.collapsed && index.h("slot", { key: '15f34432f5f604a8563efc1cab2a3671e7261d38' }))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 
-const sideMenuDropdownListItemCss = ":host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-header-nav-item-dropdown-opened-background-hover);cursor:pointer}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-header-nav-item-dropdown-opened-background-active) !important;cursor:pointer}:host .component ::slotted(a:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){box-shadow:inset 4px 0 0 var(--tds-nav-item-border-color-active);background-color:var(--tds-header-nav-item-dropdown-opened-background-selected)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}";
+const sideMenuDropdownListItemCss = ":host{display:block;box-sizing:border-box;height:var(--side-menu-dropdown-list-item-height);width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 var(--side-menu-space-sub-page-left-no-icon);width:100%;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);background-color:var(--side-menu-dropdown-list-item-custom-background);color:var(--side-menu-dropdown-list-item-color);border:none;border-radius:var(--side-menu-radius-corner)}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--side-menu-dropdown-list-item-custom-background-hover);cursor:pointer}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--side-menu-dropdown-list-item-custom-background-active);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:var(--dimension-radius-focus-width-side-menu) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:calc(var(--dimension-radius-focus-width-side-menu) * -1)}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--side-menu-dropdown-list-item-custom-background-selected);font-weight:var(--text-component-title-01-font-weight);color:var(--color-foreground-text-strong)}:host .slot-wrapper{position:relative;height:100%}:host .component.component-selected .slot-wrapper::before{content:\"\";position:absolute;top:0;left:0;bottom:0;width:var(--side-menu-space-sub-page-selected-marker-width);height:var(--side-menu-space-sub-page-selected-marker-height);background-color:var(--side-menu-single-subitem-selected-border-color);border-radius:var(--side-menu-radius-corner) 0 0 var(--side-menu-radius-corner)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:var(--side-menu-space-sub-page-top-bottom) 48px var(--side-menu-space-sub-page-top-bottom) var(--side-menu-space-sub-page-left-with-icon)}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:var(--side-menu-space-sub-page-top-bottom) 48px var(--side-menu-space-sub-page-top-bottom) var(--side-menu-space-sub-page-left-profile)}";
 const TdsSideMenuDropdownListItemStyle0 = sideMenuDropdownListItemCss;
 
 const TdsSideMenuDropdownListItem = class {
@@ -39,13 +39,13 @@ const TdsSideMenuDropdownListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7aedc4c01840378247f5b6f06f55f8763cd6533d', role: "listitem" }, index.h("div", { key: '60dd4aa980084396fb930f28a95d811fb394375a', class: {
+        return (index.h(index.Host, { key: '20b0ec5c4a2ee927f242a65e328329dc16ac6c2c', role: "listitem" }, index.h("div", { key: '4b3a9be7eab12fac5366837ca48599005ab6c923', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-dropdown-has-user': this.dropdownHasUser,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", { key: '75a256ed4d6674cb5d3bd7bc29026ea1e13b6489' }))));
+            } }, index.h("div", { key: 'c8fbacf9ef59a42e30ab95f2805c04ede3a90955', class: "slot-wrapper" }, index.h("slot", { key: '502c7ab22655b45d07dfa5e7bd256d69be7fd28c' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 
-const sideMenuDropdownListCss = ":host{display:block;width:190px}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host .state-collapsed ::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}";
+const sideMenuDropdownListCss = ":host{display:block;width:190px;margin-top:var(--side-menu-space-sub-page-top-group)}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host>div{display:flex;flex-direction:column;gap:var(--side-menu-space-top-level-vertical-gap-padding)}:host .state-collapsed ::slotted(*){border-bottom:var(--side-menu-bottom-menu-border-top-collapsed)}";
 const TdsSideMenuDropdownListStyle0 = sideMenuDropdownListCss;
 
 const TdsSideMenuDropdownList = class {
@@ -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: '3b6baf50c44b45c9b31d90512fcf06e0f7bfec25', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '56e8ee677d733e9a0198856cb97a270fab78d69a', class: {
+        return (index.h(index.Host, { key: '8a2c452334c7d90e214bf2f0aa591dbe9191b7b7', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, index.h("div", { key: '91808cb38226166fcbbb14da4f873bf58e210d10', class: {
                 'state-collapsed': this.collapsed,
-            } }, index.h("slot", { key: 'f9fe71e7c9b14c9791d51b758b495c56fa95f8e6' }))));
+            } }, index.h("slot", { key: '6e82fe0b35eb8959687ffb27ce12434571fae83a' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 
-const sideMenuDropdownCss = ":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";
+const sideMenuDropdownCss = ":host{display:block;--side-menu-dropdown-list-item-custom-background:var(--side-menu-background-cover);--side-menu-dropdown-list-item-custom-background-hover:var(--side-menu-item-state-hover);--side-menu-dropdown-list-item-custom-background-active:var(--side-menu-item-state-active);--side-menu-dropdown-list-item-custom-background-selected:var(--side-menu-item-state-selected)}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed{--side-menu-dropdown-list-item-custom-background:var(\n    --side-menu-collapsed-dropdown-background\n  );--side-menu-dropdown-list-item-custom-background-hover:var(\n    --side-menu-collapsed-dropdown-background-hover\n  );--side-menu-dropdown-list-item-custom-background-active:var(\n    --side-menu-collapsed-dropdown-background-active\n  );--side-menu-dropdown-list-item-custom-background-selected:var(\n    --side-menu-collapsed-dropdown-background-selected\n  )}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--side-menu-subnav-box-shadow);background-color:var(--side-menu-subnav-background);padding:var(--side-menu-space-top-level-left);padding-top:0;border-radius:var(--side-menu-subnav-border-radius)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px var(--side-menu-collapsed-dropdown-heading-padding-left) 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--side-menu-bottom-menu-border-top);font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";
 const TdsSideMenuDropdownStyle0 = sideMenuDropdownCss;
 
 const TdsSideMenuDropdown = class {
@@ -60,13 +60,13 @@ const TdsSideMenuDropdown = class {
         this.open = this.defaultOpen;
     }
     render() {
-        return (index.h(index.Host, { key: '78a5c58e58b38e84cae96a9afd8166bfe3125a02' }, index.h("div", { key: '70e8e68e6db938cb2177169ca1836e84eb48cce6', class: {
+        return (index.h(index.Host, { key: 'ae900d67fe5245f219b2fb71a41eeb78ad497bea' }, index.h("div", { key: 'b5cfdc40e8583e35e2657e931a497a61479e32ca', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { key: '5834d5e804ad422937f2971637b3a70fb1fb676e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, index.h("tds-side-menu-item", { key: '9a55c1f32267e429114830c0f062585be1767819', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, index.h("button", { key: 'd454e6148a12c0bd1864b6c148f169ac342e9da2' }, index.h("slot", { key: '8a2579b751421d9df8e3dd5a84b04a5f844d383c', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: 'f3419cc2993191186dccc9a208ff8150bf592eeb' }, this.buttonLabel, index.h("slot", { key: 'ff616384d76d6f3df82ac6abb12d65e4f6a5906d', name: "label" }), index.h("tds-icon", { key: 'a4acd9c0de3f437766673c57b4d73ac13cc8917b', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), index.h("div", { key: 'db1ec059f4f1910d1fef432baff29810883ec2ef', class: "menu", tabindex: this.collapsed ? '0' : null }, this.collapsed && (index.h("h3", { key: 'a9f35f976da7ceaf38eb1c1641b43617e4e583c6', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: 'ef8b02b77b93b54f0a9aa4c5fb367356c12e9b82', name: "label" }))), index.h("slot", { key: '15c7c9e5a6a0615f478c5f93de8753211d17b3c3' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, index.h("button", { key: 'a97466a591926c54747faebe3faa60c5ef3c0bdf' }, index.h("slot", { key: '1120e0cd904ee2238f6ff9b6c6d0879323f3e2bb', name: "icon" }), !this.collapsed && (index.h(index.Fragment, { key: '3c6853db5e528e45af5a135fff10dace17249862' }, this.buttonLabel, index.h("slot", { key: '7be68064ccd582bbcc270aae27645ad83258cc80', name: "label" }), index.h("tds-icon", { key: 'ab532e6d71f82bae89c06739d3d2f7b3abe1c8b5', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), index.h("div", { key: '3b44c7d907275fdd06fae056c2b1cb70f1aa2ae9', class: "menu", tabindex: this.collapsed ? '0' : null }, this.collapsed && (index.h("h3", { key: '8138edd8dcb7aac405ed2283962b921da8f4e8ef', class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { key: '23618d87dbb1bcc0c2be9e0e3785fb522e6d9c2f', name: "label" }))), index.h("slot", { key: 'f69c3b01c24bc5fb74313a9d3429a49902b0ae99' })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ca8040ad.js');
 const dfs = require('./dfs-84f7f63e.js');
 
-const sideMenuItemCss = ":host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:10px;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component ::slotted(tds-side-menu-user),:host .component-has-user ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:16px;padding:0 22px 0 16px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button){background-color:var(--tds-sidebar-item-state-hover)}:host .component:active ::slotted(a),:host .component:active ::slotted(button){background-color:var(--tds-sidemenu-item-state-active)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center;position:relative}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user){position:relative;background-color:var(--tds-sidebar-item-state-selected)}:host .component-selected:not(:host .component-active) ::slotted(a)::before,:host .component-selected:not(:host .component-active) ::slotted(button)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user)::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}";
+const sideMenuItemCss = ":host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:var(--side-menu-single-item-height);width:100%;display:flex;align-items:center;gap:10px;padding:var(--side-menu-space-sub-menu-item-top-and-bottom) var(--side-menu-space-sub-menu-item-chevron-right-padding) var(--side-menu-space-sub-menu-item-top-and-bottom) var(--side-menu-space-sub-menu-item-left);border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);font-weight:var(--side-menu-text-items-font-weight);color:var(--side-menu-single-item-color);cursor:pointer;border-radius:var(--side-menu-radius-corner)}:host .component ::slotted(tds-side-menu-user),:host .component-has-user ::slotted(button){all:unset;box-sizing:border-box;height:var(--side-menu-single-item-height);width:100%;display:flex;align-items:center;gap:var(--side-menu-space-sub-menu-item-profile-gap);padding:var(--side-menu-space-sub-menu-item-profile-top-bottom) var(--side-menu-space-sub-menu-item-chevron-right-padding) var(--side-menu-space-sub-menu-item-profile-top-bottom) var(--side-menu-space-sub-menu-item-profile-left);border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);color:var(--side-menu-single-item-color);cursor:pointer;border-radius:var(--side-menu-radius-corner)}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:var(--dimension-radius-focus-width-side-menu) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:calc(var(--dimension-radius-focus-width-side-menu) * -1)}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button){background-color:var(--side-menu-item-state-hover)}:host .component:active ::slotted(a),:host .component:active ::slotted(button){background-color:var(--side-menu-item-state-active)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:var(--side-menu-space-collapsed-item-left-right-inner-icon-padding);display:flex;justify-content:center;align-items:center;position:relative}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user){position:relative;background-color:var(--side-menu-item-state-selected)}:host .component-selected:not(:host .component-active) ::slotted(a)::before,:host .component-selected:not(:host .component-active) ::slotted(button)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user)::before{content:\"\";position:absolute;top:0;left:0;width:var(--side-menu-space-sub-page-selected-marker-width);height:var(--side-menu-space-sub-menu-item-selected-marker-height);background-color:var(--side-menu-single-subitem-selected-border-color);border-radius:var(--side-menu-radius-corner) 0 0 var(--side-menu-radius-corner)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}";
 const TdsSideMenuItemStyle0 = sideMenuItemCss;
 
 const TdsSideMenuItem = class {
@@ -75,13 +75,13 @@ const TdsSideMenuItem = class {
         this.updateHasUserComponent();
     }
     render() {
-        return (index.h(index.Host, { key: '714394a875c4fc72f95f9a4a1d1fd928b6e4cb01' }, index.h("div", { key: 'b9686737469cbdae97f940c4e20364f45ae4e568', class: {
+        return (index.h(index.Host, { key: '019b612aa015b474fcf4df90b8f0302efc095247' }, index.h("div", { key: '6024a7f1d82368ded88e61db523a753740e9235b', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
                 'component-has-user': this.hasUserComponent,
-            } }, index.h("slot", { key: 'cde3ca8b26d12e652d11ef11c9ac1dc6852f5860' }))));
+            } }, index.h("slot", { key: 'c032ef2788acf55f8760d1a668a98c099efd8ae1' }))));
     }
     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: '3ead27185a3cba465ce4789a58d9f5081a3ba476' }, index.h("div", { key: '5da2afb06899169815745785b3c9dc766a7b51bd' })));
+        return (index.h(index.Host, { key: 'c9e7a99c94f16e1d760ccad9928b7bd7a3fc0d95' }, index.h("div", { key: 'd65c9b859b1f593609f75d41451448cb61fcfa1a' })));
     }
 };
 TdsSideMenuOverlay.style = TdsSideMenuOverlayStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 
-const sideMenuUserImageCss = ":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}";
+const sideMenuUserImageCss = ":host{height:var(--side-menu-profile-user-image-size)}:host img,:host ::slotted(*){width:var(--side-menu-profile-user-image-size);height:var(--side-menu-profile-user-image-size);border-radius:50%}";
 const TdsSideMenuUserImageStyle0 = sideMenuUserImageCss;
 
 const TdsSideMenuUserImage = class {
@@ -14,12 +14,12 @@ const TdsSideMenuUserImage = class {
         this.alt = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'f673e69a1f9064b9b70def6942bb357b0fbbef1a' }, index.h("slot", { key: 'd2b6b1b29dd8ab033e229aac63aa864a2d866be6' }), this.src && index.h("img", { key: 'f72afa71088d565a19d43dec0646f657eba9c5c3', src: this.src, alt: this.alt })));
+        return (index.h(index.Host, { key: '3476e2623438191d035d87649197c21f9c973ff8' }, index.h("slot", { key: 'eac3a23214c41872bd2fc23090c018d829dad25a' }), this.src && index.h("img", { key: '638d73993aade857ea7b1844b3601a5354490c22', src: this.src, alt: this.alt })));
     }
 };
 TdsSideMenuUserImage.style = TdsSideMenuUserImageStyle0;
 
-const sideMenuUserLabelCss = ":host{display:block;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--tds-grey-500)}";
+const sideMenuUserLabelCss = ":host{display:block;font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);font-weight:var(--side-menu-text-items-font-weight);color:var(--side-menu-single-item-color)}:host .subheading{color:var(--color-foreground-text-subtle)}";
 const TdsSideMenuUserLabelStyle0 = sideMenuUserLabelCss;
 
 const TdsSideMenuUserLabel = class {
@@ -29,7 +29,7 @@ const TdsSideMenuUserLabel = class {
         this.subheading = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'fcd180821724e5e7ad1d8574a3adaf428f124b47' }, this.heading, this.subheading && index.h("div", { key: 'f1d86f3f1f200de394e771ea71839e5e9a94ba10', class: "subheading" }, this.subheading)));
+        return (index.h(index.Host, { key: '6d284cd0a71bca32e18f7498ab1e700f4c3532c7' }, this.heading, this.subheading && index.h("div", { key: '5e54c355fe2a3710dff97d01846ef1d5f97fbd26', class: "subheading" }, this.subheading)));
     }
 };
 TdsSideMenuUserLabel.style = TdsSideMenuUserLabelStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 
-const sideMenuUserCss = ":host{display:flex;align-items:center;gap:16px;height:68px}";
+const sideMenuUserCss = ":host{display:flex;align-items:center;gap:var(--side-menu-space-sub-menu-item-profile-gap)}";
 const TdsSideMenuUserStyle0 = sideMenuUserCss;
 
 const TdsSideMenuUser = class {
@@ -16,7 +16,7 @@ const TdsSideMenuUser = class {
         this.imgAlt = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '768662a142cf0f40f24566fedff52e1e25df8bee' }, index.h("tds-side-menu-user-image", { key: 'fb02fcf45d21aa198bcba356f0502a3aa8cf3d0b', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: '658ba6d53ded1f760c2ec2327de765374ba5b6b9', name: "image" })), index.h("tds-side-menu-user-label", { key: '1ab756a2538fd7bdde5a1714e25dc0d0fae9f7ea', heading: this.heading, subheading: this.subheading })));
+        return (index.h(index.Host, { key: '3ff04242fe7bf3f46d0d1fc6620ef48c7d8f587d' }, index.h("tds-side-menu-user-image", { key: 'f4a77f7cde0219c87e07ebd19ef942c518620c5a', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: '6e86ee972bc6163910e1994d9d7f131598d9377e', name: "image" })), index.h("tds-side-menu-user-label", { key: '1cea8f353bcf0d4aad002895ef1aee4e5fa07268', heading: this.heading, subheading: this.subheading })));
     }
 };
 TdsSideMenuUser.style = TdsSideMenuUserStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ca8040ad.js');
 
-const sideMenuCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%;z-index:500}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host(.menu-opened){pointer-events:auto;z-index:500}}@media (min-width: 992px){:host(.menu-persistent){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host(.menu-persistent) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host(.menu-persistent) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host(.menu-persistent) .menu{width:272px}:host(.menu-persistent) .state-closed{display:block}:host(.menu-persistent):host(.menu-collapsed){width:69px;box-sizing:border-box}:host(.menu-persistent):host(.menu-collapsed) .menu{width:68px}:host(.menu-persistent) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .tds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--tds-sidebar-side-menu-background-cover);overflow-y:auto}aside .tds-side-menu-wrapper:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:var(--tds-scrollbar-width)}aside .tds-side-menu-wrapper::-webkit-scrollbar-track{background:var(--color-background-layer-01)}aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){aside .tds-side-menu-wrapper{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}aside [role=navigation]{height:100%;display:flex;flex-direction:column}aside li{list-style:none;padding:0;margin:0}";
+const sideMenuCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%;z-index:500}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .tds-side-menu-list li{display:flex;flex-direction:column;gap:var(--side-menu-space-top-level-vertical-gap-padding)}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host(.menu-opened){pointer-events:auto;z-index:500}}@media (min-width: 992px){:host(.menu-persistent){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--side-menu-bottom-menu-border-top)}:host(.menu-persistent) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host(.menu-persistent) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host(.menu-persistent) .menu{width:272px}:host(.menu-persistent) .state-closed{display:block}:host(.menu-persistent):host(.menu-collapsed){width:calc(var(--side-menu-collapsed-button-size) + 1px);box-sizing:border-box}:host(.menu-persistent):host(.menu-collapsed) .menu{width:var(--side-menu-collapsed-button-size)}:host(.menu-persistent) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside{background-color:var(--side-menu-background-cover)}aside .tds-side-menu-wrapper{padding:0 var(--side-menu-space-top-level-left);padding-top:var(--component-side-menu-space-top-level-top);display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;overflow-y:auto}aside .tds-side-menu-wrapper:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--color-foreground-icon-discrete);background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:var(--tds-scrollbar-width)}aside .tds-side-menu-wrapper::-webkit-scrollbar-track{background:var(--color-background-layer-01)}aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb{border-radius:40px;background:var(--color-foreground-icon-discrete);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){aside .tds-side-menu-wrapper{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}aside [role=navigation]{height:100%;display:flex;flex-direction:column}aside li{list-style:none;padding:0;margin:0}";
 const TdsSideMenuStyle0 = sideMenuCss;
 
 const GRID_LG_BREAKPOINT = 992;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ca8040ad.js');
 const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
 
-const sliderCss = "tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}tds-slider .slider-primary .tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background)}tds-slider .slider-secondary .tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background-secondary)}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider-wrapper.slider-success .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{border-left:1px solid var(--slider-border-left-success);border-right:1px solid var(--slider-border-right-success);border-bottom:1px solid var(--slider-border-bottom-success);border-top:1px solid var(--slider-border-top-success);color:var(--slider-input-success-text);box-shadow:var(--slider-border-success)}.tds-slider-wrapper.slider-success .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:var(--slider-border-success)}.tds-slider-wrapper:focus-within{border-radius:var(--tds-spacing-element-4);outline:2px solid var(--tds-blue-400);outline-offset:2px}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--slider-input-value);padding:18px;user-select:none}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background);border-radius:var(--slider-border-radius);display:flex;align-items:center;justify-content:center}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);border-left:1px solid var(--slider-border-left);border-right:1px solid var(--slider-border-right);border-bottom:1px solid var(--slider-border-bottom);border-top:1px solid var(--slider-border-top);border-radius:var(--slider-border-radius);box-shadow:var(--slider-border-appearance);color:var(--slider-input-inputfield);border:0;background-color:transparent;text-align:center;padding:12px}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{border-left:1px solid var(--slider-border-left-hover);border-right:1px solid var(--slider-border-right-hover);border-bottom:1px solid var(--slider-border-bottom-hover);border-top:1px solid var(--slider-border-top-hover);box-shadow:var(--slider-border-hover)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{border-left:1px solid var(--slider-border-left-focus);border-right:1px solid var(--slider-border-right-focus);border-bottom:1px solid var(--slider-border-bottom-focus);border-top:1px solid var(--slider-border-top-focus);box-shadow:var(--slider-border-focus);outline:var(--slider-border-outline)}.tds-slider label{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--slider-label);user-select:none;position:absolute;padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font-family:var(--detail-01-font-family);font-size:var(--detail-01-font-size);line-height:var(--detail-01-line-height);font-weight:var(--detail-01-font-weight);letter-spacing:var(--detail-01-letter-spacing);text-transform:var(--detail-01-text-transform);background-color:var(--slider-value-tooltip-background);color:var(--slider-value-tooltip);z-index:2;user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px}.tds-slider .tds-slider__value svg{color:var(--slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--slider-thumb);width:20px;height:20px;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{background-color:var(--slider-thumb);content:\" \";display:none;width:48px;height:48px;position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;opacity:0.08}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;opacity:0.16 !important}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--slider-divider);color:var(--slider-divider-values);transform:translateY(-50%);height:16px;width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:block;user-select:none;color:var(-tds-grey-700);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{background-color:var(--slider-track);width:100%;height:2px;border-radius:1px;position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:\"\";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--slider-track-fill);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--slider-disabled-text)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--slider-disabled);pointer-events:none;box-shadow:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--slider-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--slider-controls)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--slider-disabled)}";
+const sliderCss = "tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}tds-slider .slider-primary .tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background)}tds-slider .slider-secondary .tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background-secondary)}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider-wrapper.slider-success .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{box-shadow:var(--slider-input-field-box-shadow-success);color:var(--slider-input-success-text)}.tds-slider-wrapper.slider-success .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:var(--slider-input-field-box-shadow-success)}.tds-slider-wrapper:focus-within{border-radius:var(--tds-spacing-element-4);outline:2px solid var(--tds-blue-400);outline-offset:2px}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--slider-input-value);padding:18px;user-select:none}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--slider-inputfield-background);border-radius:var(--slider-border-radius);display:flex;align-items:center;justify-content:center}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);border-left:1px solid var(--slider-border-left);border-right:1px solid var(--slider-border-right);border-bottom:1px solid var(--slider-border-bottom);border-top:1px solid var(--slider-border-top);border-radius:var(--slider-border-radius);box-shadow:var(--slider-input-field-box-shadow);color:var(--slider-input-inputfield);border:0;background-color:transparent;text-align:center;padding:12px;transition:box-shadow 200ms ease}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:var(--slider-input-field-box-shadow-hover)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:var(--slider-input-field-box-shadow-focus);outline:var(--slider-border-outline)}.tds-slider label{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--slider-label);user-select:none;position:absolute;padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font-family:var(--detail-01-font-family);font-size:var(--detail-01-font-size);line-height:var(--detail-01-line-height);font-weight:var(--detail-01-font-weight);letter-spacing:var(--detail-01-letter-spacing);text-transform:var(--detail-01-text-transform);background-color:var(--slider-value-tooltip-background);color:var(--slider-value-tooltip);z-index:2;user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px}.tds-slider .tds-slider__value svg{color:var(--slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--slider-thumb);width:20px;height:20px;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{background-color:var(--slider-thumb);content:\" \";display:none;width:48px;height:48px;position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;opacity:0.08}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;opacity:0.16 !important}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--slider-divider);color:var(--slider-divider-values);transform:translateY(-50%);height:16px;width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:block;user-select:none;color:var(-tds-grey-700);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{background-color:var(--slider-track);width:100%;height:2px;border-radius:1px;position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:\"\";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--slider-track-fill);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--slider-disabled-text)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--slider-disabled);pointer-events:none;box-shadow:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--slider-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--slider-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--slider-controls)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--slider-disabled)}";
 const TdsSliderStyle0 = sliderCss;
 
 const TdsSlider = class {
@@ -412,34 +412,34 @@ const TdsSlider = class {
     }
     render() {
         const ariaLabel = this.readOnly ? this.tdsReadOnlyAriaLabel : this.label || this.tdsAriaLabel;
-        return (index.h("div", { key: '715e34fce10a8431f444f4e31600a43a691760a9', class: {
+        return (index.h("div", { key: 'bd4183c7e9ab8598f2f1e00ff7d6d395847400d5', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
                 'slider-default': this.state === 'default',
                 'slider-success': this.state === 'success',
                 'slider-primary': this.modeVariant === 'primary',
                 'slider-secondary': this.modeVariant === 'secondary',
-            } }, index.h("input", { key: 'bbb03b06fb9ee3c9d15f7888907eeb1df2e1812c', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), index.h("div", { key: '5d3f484389748702214078aa29c425959cefc699', class: "sr-only", "aria-live": "assertive", ref: (el) => {
+            } }, index.h("input", { key: '26336c8cae0fa98a4afd3971c85d606bc19ef1d8', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), index.h("div", { key: '81b4037332a2cd014499aab8e0a736f6b29466ad', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), index.h("div", { key: '0084722a4767cf16b16af7b845b0990c66a68152', class: {
+            } }), index.h("div", { key: '45076b1377c6ed50ca30bb54ea6813e0bbe86823', class: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("label", { key: '436d227707358c9459e87437f1a6152a8690521b', id: `${this.sliderId}-label`, class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (index.h("div", { key: 'd95bd64d13310a061699e5c462d0b7c1d4fe8fb6', class: "tds-slider__input-values" }, index.h("div", { key: 'dcdc740f99194c02629c98f44b6b38f81d63704f', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { key: 'd9a9495e45681cd5974ac1bbfed4690a9026db40', class: "tds-slider__controls" }, index.h("div", { key: 'a856d6150e600f767a5de856583a191f5bd9978c', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: '70f49886c665c70f568011dca856615b31b5b175', name: "minus", size: "16px" })))), index.h("div", { key: '65bea558bd5451e7cd83764443307e710aac0608', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (index.h("div", { key: 'a6f63b8e0d6ee9a1c72417dff877a94176ca7879', class: "tds-slider__value-dividers-wrapper" }, index.h("div", { key: '0a47b1b774438f3af9f815f91f0338651490a739', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (index.h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && index.h("span", null, value))))))), index.h("div", { key: '6be0fedd7c9fabea6bd6021d5ab4796e269c5002', class: "tds-slider__track", ref: (el) => {
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("label", { key: '986444a64e1254c9fe7e48d92439dfbf68e1cd9c', id: `${this.sliderId}-label`, class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (index.h("div", { key: '78958c70f9f18a68e5a652cab122ce69390a7638', class: "tds-slider__input-values" }, index.h("div", { key: '7488b615ae3f989e89819418e95a0e50f6870f39', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { key: 'b13a12af4fa8b1256bff7df615f870295604fcb8', class: "tds-slider__controls" }, index.h("div", { key: '6d8f516d30ef263971969b2034d132e47254e7a8', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: '29be5d68dc58887ca806d2e871e21abd49f8bc6b', name: "minus", size: "16px" })))), index.h("div", { key: '2082aa0ebf30e5e32c9d5f2dcfc092cf51f486f7', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (index.h("div", { key: '78894f9a5ec898237bad37507ceb0e719829e835', class: "tds-slider__value-dividers-wrapper" }, index.h("div", { key: '28b5650b22efe479753a15585266daba70e8fe99', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (index.h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && index.h("span", null, value))))))), index.h("div", { key: '4c3345c0729d8b2fc8dc41d7d341649a3456e431', class: "tds-slider__track", ref: (el) => {
                 this.trackElement = el;
             }, tabindex: this.disabled ? '-1' : '0', role: "presentation", onFocus: () => {
                 if (this.thumbElement) {
                     this.thumbElement.focus();
                 }
-            } }, index.h("div", { key: 'd21c081bdc2519364297e81afb4dc42570924108', class: "tds-slider__track-fill", ref: (el) => {
+            } }, index.h("div", { key: '93c0ab45f73c0c2ee8dbdaf75dcc0b36a5d8c5e6', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), index.h("div", { key: 'd5889d39ac0dd7dd0db2d121a4f006f5dab0b820', class: "tds-slider__thumb", ref: (el) => {
+            } }), index.h("div", { key: '0ad854c25663ba050dc1aedb737a209d43046e50', class: "tds-slider__thumb", ref: (el) => {
                 this.thumbElement = el;
-            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (index.h("div", { key: 'b5f7e229f9b8ac62903b47c8c78e4892952c687a', class: "tds-slider__value" }, this.value, index.h("svg", { key: '0c017b4600c7a1d43d093f34a45728f0325f357a', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '7621d32d782565d97dd760391ba13048b25cd064', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), index.h("div", { key: '959efc065763750af541bcd2bc5427d4f2615d1e', class: "tds-slider__thumb-inner", ref: (el) => {
+            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (index.h("div", { key: 'b80b3f6e542820507f5b75cc458475ded9f3d917', class: "tds-slider__value" }, this.value, index.h("svg", { key: 'e3144dc00d812cb4ea7c2b1be1ac5e79e70d9022', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '940b3dc10755cb6b66d793e1fe03201a4661dbfd', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), index.h("div", { key: 'a6da99482099afd5b4a36f51e43cd83184a80e4f', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (index.h("div", { key: '93429de6f4b06b34d46b5897c36be2daa0c944e9', class: "tds-slider__input-values" }, index.h("div", { key: 'da03b4b36ddf882c0f07d1f6ff15ab1d7b8aadc7', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), index.h("div", { key: 'fc90336048ed2b9f98b8afe7ffa8f9b193817cb5', class: "tds-slider__input-field-wrapper" }, index.h("input", { key: '93be2292f0b6285f1bb57699d80913ba07f9d267', size: this.calculateInputSizeFromMax(), class: "tds-slider__input-field", value: this.value, "aria-label": this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onBlur: (event) => this.updateSliderValueOnInputChange(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event), type: "number", min: this.min, max: this.max, step: this.step })))), this.useControls && (index.h("div", { key: '9dfbe87c4bdbc632cff5b093d81f68fd9629a6eb', class: "tds-slider__controls" }, index.h("div", { key: 'b78da8c73e51773e0b00c86cbd3143d543b272ca', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: '9f2d1d93a14c1c10f7c7317283aec3a66e5818b1', name: "plus", size: "16px" })))))));
+            } })))), this.useInput && (index.h("div", { key: 'c80e10049d55a5457ddbfdbccc107e26a48d44b1', class: "tds-slider__input-values" }, index.h("div", { key: '31892d55b7ffb5db331bbb273ff9ade5ff5ce187', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), index.h("div", { key: '5cfd66b7016d413a52b884d61ba585e25e6d8e53', class: "tds-slider__input-field-wrapper" }, index.h("input", { key: '0110bd5e6bf77baf28e621145fa4b683b488ee62', size: this.calculateInputSizeFromMax(), class: "tds-slider__input-field", value: this.value, "aria-label": this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onBlur: (event) => this.updateSliderValueOnInputChange(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event), type: "number", min: this.min, max: this.max, step: this.step })))), this.useControls && (index.h("div", { key: 'b4acf1abc7c3ec847e385ce3e71c396975efbbc0', class: "tds-slider__controls" }, index.h("div", { key: '41d053f1471824dc3e6acdd143dc15a3b29dcb62', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: '9f78191d97f05e5e3ee1dc10243beb5435671116', name: "plus", size: "16px" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -14,7 +14,7 @@ const TdsSpinner = class {
         this.variant = 'standard';
     }
     render() {
-        return (index.h(index.Host, { key: 'bf2c551b6aae9bb2c6b8c67154fd8a81bb331c6e', "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { key: 'ddfe38e85892d3bd72d56dd6c9483f22d164e415', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { key: 'e2ba6926fdb28d085bdd0f0a23170fc5fb908e9e', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
+        return (index.h(index.Host, { key: '258284f4a0e66ef317ebf68f1e84535bf4525b2f', "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { key: '4c5543d50a45c97f658d9328df8ed957d1e074c9', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { key: 'ccf4e40860c20df27d693e2c613a965278ac1d6c', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
     }
 };
 TdsSpinner.style = TdsSpinnerStyle0;

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

@@ -46,7 +46,7 @@ const TdsStep = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f049d976121a1179979026cd3087ad459183de06' }, index.h("div", { key: '1f961578e8e54ffc9e0d0c2966c86e3e32f8ddd8', role: "listitem", "aria-disabled": this.state === 'upcoming' ? 'true' : 'false', "aria-current": this.tdsAriaCurrent, tabIndex: -1, "aria-label": `Step ${this.index}: ${this.state}`, class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, index.h("span", { key: 'f83033e0a0761227d911ac77cac9c64c31fe4c11', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (index.h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (index.h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (index.h("div", { key: '83c92f388cfebe37e0fb94c81d14adc391fbbbfa', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, index.h("slot", { key: '1c6381a25f8af42afe54c0c8eaff4090bf14ee80', name: "label" }))))));
+        return (index.h(index.Host, { key: '63f48cb400926167cb53d6913e1b0edac574c2dc' }, index.h("div", { key: 'a9483ebdd03951cf1828cdac06ef86cd6b4e27ba', role: "listitem", "aria-disabled": this.state === 'upcoming' ? 'true' : 'false', "aria-current": this.tdsAriaCurrent, tabIndex: -1, "aria-label": `Step ${this.index}: ${this.state}`, class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, index.h("span", { key: 'a23c61ecdf87f217d94264e93318de8020e30fc7', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (index.h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (index.h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (index.h("div", { key: '0366447fa1a632cc011de046eaf1577c30bca23f', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, index.h("slot", { key: '4cc352a04e2851c9517099a974451cc75ed4d87e', name: "label" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js

@@ -90,11 +90,11 @@ const TdsTableBodyInputWrapper = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '47496dfe7467e43cede5af53d6c30fe17c116eaf', class: {
+        return (index.h(index.Host, { key: '9fabe030017ee975b37b1d0c26adbffa092bb739', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,
-            } }, this.renderSlot && index.h("slot", { key: 'ef7332417d9f9c0c2e2e9f4b030b84b0f67b251a', onSlotchange: () => this.handleSlotChange() }), this.showIcon && index.h("tds-icon", { key: '102e26b6821c0987244a7452341865259ce5f5d7', class: "edit-icon", slot: "icon", size: "16px", name: "edit" })));
+            } }, this.renderSlot && index.h("slot", { key: 'bf8e229f4e82bf5cfff7f10e6a42122c55c571a3', onSlotchange: () => this.handleSlotChange() }), this.showIcon && index.h("tds-icon", { key: '1f03e14af874769b376c3fb3c631791d80bb8eef', class: "edit-icon", slot: "icon", size: "16px", name: "edit" })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js

@@ -104,26 +104,26 @@ const TdsTableBodyRowExpandable = class {
         this.sendValue();
     }
     render() {
-        return (index.h(index.Host, { key: 'da3c577b253c47cd33ee07d3d028efd923fdb25d', class: {
+        return (index.h(index.Host, { key: 'ce2f0459371d7b5ae0e61850a023eb550ea1918b', class: {
                 'tds-table__row': true,
                 'tds-table__row-expand--active': this.isExpanded,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, index.h("tr", { key: '7f97fa880a101483167624cfc75d522444ad0824', id: `expandable-content-${this.rowId}`, class: {
+            } }, index.h("tr", { key: '945cc2da086748eeb743c2b953cbc2439187ff2a', id: `expandable-content-${this.rowId}`, class: {
                 'tds-table__row': true,
                 'tds-table__row--expanded': this.isExpanded,
-            }, part: "row" }, index.h("td", { key: 'e51d8a91442882c1ae412d32524fdc7d1db32714', class: {
+            }, part: "row" }, index.h("td", { key: 'f6ef8298bf105ca9d2f3370f82ac374237b67a41', class: {
                 'tds-table__cell-expand': true,
-            } }, index.h("label", { key: '4ad4a3c78f1494f27874b305b1c04a4ed4a0bf5c', class: "tds-table__expand-control-container" }, index.h("input", { key: '853ffba9075c6b4e78f79fe965cb52a71b1db8dd', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `expandable-content-${this.rowId}`, "aria-label": this.tdsAriaLabelExpandButton }), index.h("span", { key: '870e9118534a8bd6772d3edc81ed6b58326ea56d', class: "tds-expendable-row-icon" }, index.h("svg", { key: 'a09133d67f9b768747da1c962e21107c0e6403c1', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '32d527f58e37c9fd797fd8437eb55dd5ae65495b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), index.h("slot", { key: 'd4be14761d18b718cf976749771c3252b7f3d873' })), index.h("tr", { key: '58c0d4956ff101d90ac48efe2fe748efa1b4d6b9', class: {
+            } }, index.h("label", { key: '9952502bf560b48421ee37ae122ece5f0da3ef97', class: "tds-table__expand-control-container" }, index.h("input", { key: 'a7369527c6b2ef079837c63b22274dda8e62fefc', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `expandable-content-${this.rowId}`, "aria-label": this.tdsAriaLabelExpandButton }), index.h("span", { key: 'de8cc51db3ea6d5ff6936fe34664d5d96fc60ab3', class: "tds-expendable-row-icon" }, index.h("svg", { key: '62b247929999b2a01f05592826835bd70048d370', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '843c725fd0f9404752d4f4e7694c342f44f687c5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), index.h("slot", { key: '210f15581be86a7b1ec185eddb3127052011b5dd' })), index.h("tr", { key: 'e5093efd395986a9756d8642e9df1acf61102bae', class: {
                 'tds-table__row-expand': true,
                 'tds-table__row-expand--expanded': this.isExpanded,
-            }, part: "expand-row" }, index.h("td", { key: '29264749d12132c22ec96574eaeb8d2384ad653c', class: {
+            }, part: "expand-row" }, index.h("td", { key: 'e3c982507e9a9e9d188c546d28b2eaf1a35ea483', class: {
                 'tds-table__cell-expand': true,
                 'tds-table__cell-expand--overflow-hidden': this.overflow === 'hidden',
                 'tds-table__cell-expand--overflow-visible': this.overflow === 'visible',
-            }, part: "expand-row-cell", colSpan: this.columnsNumber }, index.h("div", { key: 'd11b97f03ac06b1f1d64c183619bf56e62b064e8', style: {
+            }, part: "expand-row-cell", colSpan: this.columnsNumber }, index.h("div", { key: 'f56682afa6d59fd03d42526859309e286458b539', style: {
                 overflow: this.overflow,
-            } }, index.h("slot", { key: 'c2feed89d38a97a47a0f07823ab4bca9bb8ae283', name: "expand-row" }))))));
+            } }, index.h("slot", { key: '722cbdebb09838b5e1ea045f6d3066d24368e419', name: "expand-row" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-table-body-row.cjs.entry.js

@@ -76,13 +76,13 @@ const TdsTableBodyRow = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e9e619ee732dc9d3f3f34cc47abf84ae1d194e1d', tabindex: this.clickable ? '0' : null, class: {
+        return (index.h(index.Host, { key: '7ba4597616440e7767243890c79864259f494809', tabindex: this.clickable ? '0' : null, class: {
                 'tds-table__row': true,
                 'tds-table__row--selected': this.selected,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table__row--clickable': this.clickable,
-            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (index.h("td", { key: 'b8be33901f5097ae612521cda831db3c5ff7334a', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: '62b918b9aca497c5187a90ffbe8a91ac3b83c1f5', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), index.h("slot", { key: '570b47dae5bae13f75b7cab00a1b8b2c51912cd5' })));
+            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (index.h("td", { key: 'd21a3062ed62bf5f3ecfbcf0fdecf09164b51a2f', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: 'c77ff16d0a994cc06ea7cb2268e519b86d64f085', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), index.h("slot", { key: 'f17bed1fc5675e091e18d51745f654189773f11d' })));
     }
     get host() { return index.getElement(this); }
 };