@scania/tegel 1.12.1 → 1.13.0-card-stretch-beta.0

package/dist/collection/components/modal/modal.js

@@ -112,7 +112,7 @@ export class TdsModal {
     render() {
         const usesHeaderSlot = hasSlot('header', this.host);
         const usesActionsSlot = hasSlot('actions', this.host);
-        return (h(Host, { key: 'ffb3d3a40691131008e307c03f1015df08473f75', class: `${this.isShown ? 'show' : 'hide'}`, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'ccd4d22e7e885911c0854390f95292311a182911', class: "tds-modal-backdrop" }), h("div", { key: '4eb07ba1e3bc92566841debd8b5fed90a67b8331', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: 'e846c2726cae0e5a8ca530b3db80228cdbf5cc13', class: "header" }, this.header && h("div", { key: 'd0f6626acc1c52888eb32f0f6930e5d7d4b0f2d4', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: 'dbcefa4d3843e50dfe0c0935cde2f974e5b652dd', name: "header" }), this.closable && (h("button", { key: '0f42360f81f600b2a1c653b8cd5322b58e7615c4', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '0e9b66c3b960fa7961138a7049414354d15059e8', name: "cross", size: "20px" })))), h("div", { key: '31f4369f9cc81847ba22c8a4bfa1a67c18284d80', class: "body" }, h("slot", { key: '1d18b3b50a3fa74b2be68fd2b5ef47a88c91f2d0', name: "body" })), usesActionsSlot && h("slot", { key: '7f443fe676cd13eae8036a53f6d0acaac03628a2', name: "actions" }))));
+        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" }))));
     }
     static get is() { return "tds-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover-canvas/popover-canvas.js

@@ -19,10 +19,10 @@ export class TdsPopoverCanvas {
     }
     render() {
         var _a;
-        return (h(Host, { key: '63f2e88645eb5c7332d1e8fa212a18027c0d326b' }, h("tds-popover-core", Object.assign({ key: 'ad3db7560cff1f067d677d3b84452646416ddb04' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '5153aa04024220ad4288ed437138b93d74f80a6a' }, h("tds-popover-core", Object.assign({ key: '235ec48c061014a672e94b747f27027447bdf12e' }, 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' }), h("div", { key: '7adfc7fce2c4e0315a09659286f2eaed429c796d' }, h("slot", { key: '9d311008103a8d7f556b63505db92a005ded27c7' })))));
+            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click' }), h("div", { key: 'e9f2e8770c67fec0702cfbb4f251a40d11068c20' }, h("slot", { key: '317abb807c6450672dd33a28f4b9e1b7ded381a6' })))));
     }
     static get is() { return "tds-popover-canvas"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/popover-core/popover-core.js

@@ -155,7 +155,7 @@ export class TdsPopoverCore {
         if (this.autoHide) {
             hostStyle = { display: this.isShown ? 'block' : 'none' };
         }
-        return (h(Host, { key: 'fee8ab763642a3468d071bc9468104c1f3f86ade', style: hostStyle, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '7a1ead67a1bb6428ac4c5d11cd474c0a75a43988' })));
+        return (h(Host, { key: 'd6d0d9c0d7268b3cf65f839f6908e881898cb303', style: hostStyle, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '8e61239ce95b4c2d4743c72659314a953601c3be' })));
     }
     static get is() { return "tds-popover-core"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js

@@ -4,10 +4,10 @@ export class TdsPopoverMenuItem {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'd528e4a383a508af8a89abd7c1ccc9c555be0985', role: "listitem" }, h("div", { key: 'eca4a85e3abb8ae49d449d943b27ba018e83f017', class: {
+        return (h(Host, { key: 'efdc72f869be19ff2d96dbb2e88610d69011a6ee', role: "listitem" }, h("div", { key: '9313583023cc2cf6d21454e979f37de83030476a', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, h("slot", { key: 'c385fb8c56598539ada96593d9c357da62cd910d' }))));
+            } }, h("slot", { key: 'a12d405a1bc0f1e5ddc75d52c25a8ca0b53d6427' }))));
     }
     static get is() { return "tds-popover-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover-menu/popover-menu.js

@@ -19,11 +19,11 @@ export class TdsPopoverMenu {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd438073ea0cb960456d1455a7a4ce89557f451c5' }, h("tds-popover-core", { key: 'd7db34fc034e588d1dc9cc982e13ff48d558fbf4', class: {
+        return (h(Host, { key: '47943a2179fab944d4cc73f169aec2dc8f2a8c53' }, h("tds-popover-core", { key: 'a85fd5e4088454a894bc0ad61be796f07352189f', class: {
                 'tds-popover-menu': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
                 'fluid-width': this.fluidWidth,
-            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance }, h("div", { key: '5ef9521e94dbae3644a7830a0a2d83e0eaeb5960', role: "list" }, h("slot", { key: 'c5ec814cfb2f50a44c676d2a638d45b31c290983' })))));
+            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance }, h("div", { key: 'bd29b75fded2138f37aa48f2c4cb4008817c6fe5', role: "list" }, h("slot", { key: '807d404d14fcac1236995a53df36840170643208' })))));
     }
     static get is() { return "tds-popover-menu"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/radio-button/radio-button.js

@@ -19,7 +19,7 @@ export class TdsRadioButton {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '9aafb24fd863181b35e79bc9cb9c7f96bb50b40d', class: "tds-radio-button" }, h("input", { key: '751443f3801eae8f7e89ee0202ef1e5104c49562', class: "tds-form-input", type: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange() }), h("label", { key: 'cb94b936fdf721c7519a2a49c5ef438ca99d9d82', htmlFor: this.radioId }, h("slot", { key: '503df03f3b26a378bd7754966853b1b7035580b0', name: "label" }))));
+        return (h("div", { key: 'b6c39a5831fdebb5dc6dad6ddf819544a9ae2844', class: "tds-radio-button" }, h("input", { key: 'bf4455eb7169141c79ff24bff8259572864daf27', class: "tds-form-input", type: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange() }), h("label", { key: '3fd2d122f6fe481bcebfda7f0bc90aa4530f1e82', htmlFor: this.radioId }, h("slot", { key: 'cb45cf63c06a52dac0704757462a2528464f6e23', name: "label" }))));
     }
     static get is() { return "tds-radio-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js

@@ -3,7 +3,7 @@ import inheritAriaAttributes from "../../../utils/inheritAriaAttributes";
 export class TdsSideMenuCloseButton {
     render() {
         const buttonProps = Object.assign({ 'aria-label': 'Close' }, inheritAriaAttributes(this.host));
-        return (h(Host, { key: 'a5c4bb10acbe09c8ca847103e09cdd19fb426999' }, h("button", Object.assign({ key: '83943caf6d7d40bb5eb705dcb6e94bfe0c306b80' }, buttonProps), h("tds-icon", { key: 'dcdba96d79ed39d0c5fbbbbf3bfb6ecdd728513e', name: "cross", size: "20px" }))));
+        return (h(Host, { key: '1dff25b895f341657373ab020116e5c4c0f7af67' }, h("button", Object.assign({ key: 'e2c3af974cfc7f9c9e0ec5b64c199fcda0408279' }, buttonProps), h("tds-icon", { key: 'aa56689766fe0c49e8d8d591c9f741a24dd85cc8', name: "cross", size: "20px" }))));
     }
     static get is() { return "tds-side-menu-close-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js

@@ -28,14 +28,14 @@ export class TdsSideMenuCollapseButton {
         this.collapsed = this.sideMenuEl.collapsed;
     }
     render() {
-        return (h(Host, { key: '5cf005dbf45135c58dc574040f62943fc3abceb8', role: "button", tabindex: "0", onClick: () => {
+        return (h(Host, { key: '15266cdc6a39373563c89553817e1a6777f01f1c', role: "button", tabindex: "0", onClick: () => {
                 this.handleClick();
-            } }, h("div", { key: 'd3f7b522efd651bca48f721c457cf769722e46f7', class: {
+            } }, h("div", { key: '813da1c78798289b4eed8342b6c00a837ae04b24', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '9a9a6fbc8bb1aa8808946a3fe3f996dd35136c27', class: {
+            } }, h("tds-side-menu-item", { key: '44321406d890c741fff0ad1df9576588a6658ea5', class: {
                 button: true,
-            } }, h("a", { key: '69a96aa2fe967529c777c76b5797d10a1619e548' }, h("svg", { key: 'd9995a06672520c8a7bd12e16f912f08702f71d5', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: 'e22a269e31311ce33acfcd7baa6a226ac8b64cf2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: '8e3efba1392c7c34f5ff3058901889c350d0219c' }))))));
+            } }, h("a", { key: '7e214b15daa5dac9df931a5d15f6ed80a52b5f7d' }, h("svg", { key: '61928c3ba4c6e2357a426f0c0ca1a0de86365b6a', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '5cbbfe5239506f994a0b17f11cae1ded3c1f643e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: 'b63370f60320b46557e7d40cfad048e29c60109f' }))))));
     }
     static get is() { return "tds-side-menu-collapse-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js

@@ -50,13 +50,13 @@ export class TdsSideMenuDropdown {
         this.open = this.defaultOpen;
     }
     render() {
-        return (h(Host, { key: 'b6d99ba749b0f3f11183f9c7f62565ca341da964' }, h("div", { key: 'e00f31b6379d8b01b0d23a60193ce1ebe88a19da', class: {
+        return (h(Host, { key: '1bad48953f08e903e9179dae839c93b249f93266' }, h("div", { key: '7e8020738796fb8c449f76a3d1aef801151e4e63', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: 'e7eabcbbaa65cf1f631108bfafc4a380f617c27b', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, h("tds-side-menu-item", { key: 'e4420aba88077e36b1cc7cd10958459d79a463f4', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            } }, h("button", { key: '6beaed485451b9d447d7757b16356bc07b717640' }, h("slot", { key: '18852e8123e8b060cb7d7438e977f3465b73606b', name: "icon" }), !this.collapsed && (h(Fragment, { key: '1182a36da0e5aa8e874a6614480c03c9d01182fd' }, this.buttonLabel, h("slot", { key: '4b6583fe86ef6679536ca385d02ad176b0b0064f', name: "label" }), h("tds-icon", { key: 'c0f5f6790a03beb0e6baa44fd382b844392bcadb', class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), h("div", { key: '0428e8146c8047bf84551a95414a7c7c375d5ae2', class: "menu" }, this.collapsed && (h("h3", { key: 'aae792c3e56f496ba75f241e21da62f8fa9331e3', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '965812787e7cecfe03bd42c3c21d59cf826e366c', name: "label" }))), h("slot", { key: '3769792ac76dda53db236abef3e51d80879cb921' })))));
+            } }, h("button", { key: '483ac0b103bf54f63c67cf2d78ed9e82703ba331' }, h("slot", { key: 'ec027d3c88569c79d0dde6c51f8dc1056dee6284', name: "icon" }), !this.collapsed && (h(Fragment, { key: 'f71caa474565871d170653153c8daa7ddead5f17' }, this.buttonLabel, h("slot", { key: '487db682801ce910cd65dc6d3ef481bff888574e', name: "label" }), h("tds-icon", { key: 'dc75ac7be7eedf85fec97cd3fdbbf786cebe8907', class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), h("div", { key: 'e321069727d205d0623cd72fb922c3101f9d2e08', class: "menu" }, this.collapsed && (h("h3", { key: '7d5a73c051a700f0568d63ae62ce2737cdb57dd8', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '9c831576869cac930e8fe9edcbfc86dfede01a47', name: "label" }))), h("slot", { key: '7db68bb3f46cdc24fa44c375f0d6bec82c317be4' })))));
     }
     static get is() { return "tds-side-menu-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js

@@ -15,9 +15,9 @@ export class TdsSideMenuDropdownList {
         this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
     }
     render() {
-        return (h(Host, { key: '80e91baddfa7619b8b02ecbc5ed72fb332043b6a', role: "list" }, h("div", { key: '8a0cefc7095d41e551ef4f8d7297893165d2f3df', class: {
+        return (h(Host, { key: '87a06385e330eb2d65def2676ff78a09ad87d029', role: "list" }, h("div", { key: '284f409bfc8b24cea7047dd631a8895591f18a5c', class: {
                 'state-collapsed': this.collapsed,
-            } }, h("slot", { key: '70c5737090b70ac0342cad352d8b109c68571897' }))));
+            } }, h("slot", { key: 'fdd823c6bb4fedfe12586edb58805d5588fa07e7' }))));
     }
     static get is() { return "tds-side-menu-dropdown-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js

@@ -28,12 +28,12 @@ export class TdsSideMenuDropdownListItem {
         }
     }
     render() {
-        return (h(Host, { key: 'f237f24cf38dcabe62f8e4b8bf391a28ac43ca82', role: "listitem" }, h("div", { key: '30c152c55d6d4d8174f536e5933d395b67c1c139', class: {
+        return (h(Host, { key: 'bd99626dab1cff34e10b5da4bc8f9ff22663e31e', role: "listitem" }, h("div", { key: '4a736b170841b2c195b86c18758d3e4a9e93193e', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", { key: '39c61ca1bf9dc9054e175d788c6c4ce5eb823ef3' }))));
+            } }, h("slot", { key: 'e6d3f6d36ebd7d73f03d8eed18a86332ff90cd5b' }))));
     }
     static get is() { return "tds-side-menu-dropdown-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js

@@ -54,12 +54,12 @@ export class TdsSideMenuItem {
         this.updateSlottedElements();
     }
     render() {
-        return (h(Host, { key: 'f6d3cc999d431fb73ac49c7e51fa63ea56bf1130' }, h("div", { key: '7b0d9eb30d571bf2ec2c9dca91d5d0481b1306b5', class: {
+        return (h(Host, { key: '13d5211709dbda15ce0e398dab7e2677e15d074c' }, h("div", { key: '99cd16c7817451dfbc3e30c59fcb95ebf84c72af', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", { key: '74815b1ae22bb4d6981a2441e0048ee2e9bacf2d' }))));
+            } }, h("slot", { key: '564c191d1bf54f63fa75c32309cd32392a22dc3a' }))));
     }
     static get is() { return "tds-side-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TdsSideMenuOverlay {
     render() {
-        return (h(Host, { key: 'a958f8d8c7b37fb863118fe6d00dc4b3a37e3327' }, h("div", { key: 'f5fdca88eb3de5799dd9384a6c37d8e499bcfc0f' })));
+        return (h(Host, { key: 'a22924316d030baaa80d15676d514eefe150b9df' }, h("div", { key: 'ad453aaa2fcaf52c94f2e7990c6d52f9db7fb55a' })));
     }
     static get is() { return "tds-side-menu-overlay"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js

@@ -10,7 +10,7 @@ export class TdsSideMenuUser {
         this.imgAlt = undefined;
     }
     render() {
-        return (h(Host, { key: 'bd8d68d6b5d9ca264469f5f3cc89617b832639d5' }, h("tds-side-menu-user-image", { key: '403447607a0705653619f81d56f9851c5a6f2627', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: 'af3203b77ecf7e07d1300d22d2a9f4e8ea75e502', name: "image" })), h("tds-side-menu-user-label", { key: '17d6de5a03674a0aed065808d889d115a1d4c639', heading: this.heading, subheading: this.subheading })));
+        return (h(Host, { key: '061364f66ad366cbfb421fa0609020564bd36e83' }, h("tds-side-menu-user-image", { key: '01ae0ecb3a011a6a8f50566dc5b683fb56f8d387', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '5265cabfa2a7533f7e6c8a9a47b1691f8991d3f0', name: "image" })), h("tds-side-menu-user-label", { key: '525ac1f1593b048c266733e24d5dd3f5632ce197', heading: this.heading, subheading: this.subheading })));
     }
     static get is() { return "tds-side-menu-user"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js

@@ -12,7 +12,7 @@ export class TdsSideMenuUserImage {
         this.alt = undefined;
     }
     render() {
-        return (h(Host, { key: 'f52d600d147e4422c99883473c5453018135edc5' }, h("slot", { key: '1ecdae7d2a9d8a42a93c9b4e77ebf885c2308925' }), this.src && h("img", { key: 'c2efe65b3cb9102db3019d15ed54a8cbaecef877', src: this.src, alt: this.alt })));
+        return (h(Host, { key: 'cd4bcc9ba4ce93b20e39ab0782136518a99899a3' }, h("slot", { key: '09bf0b847a54c03474e9d5dcaad8d0a5a347dbfc' }), this.src && h("img", { key: '8d74e3733d69ac50f4fe07557b91aec07aa74605', src: this.src, alt: this.alt })));
     }
     static get is() { return "tds-side-menu-user-image"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js

@@ -5,7 +5,7 @@ export class TdsSideMenuUserLabel {
         this.subheading = undefined;
     }
     render() {
-        return (h(Host, { key: '361c1868777c78a539e7c36a0acb9963f57fde3c' }, this.heading, this.subheading && h("div", { key: 'a1e15c671dcd77841051c52c3e17ef66bbf7730f', class: "subheading" }, this.subheading)));
+        return (h(Host, { key: '5b26493d17e356fa885a7b615ed4bda03e751eb6' }, this.heading, this.subheading && h("div", { key: '2dc511289427ef2ea490fec0308119c42956113c', class: "subheading" }, this.subheading)));
     }
     static get is() { return "tds-side-menu-user-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu.css

@@ -131,7 +131,7 @@ aside .tds-side-menu-wrapper::-webkit-scrollbar {
   width: var(--tds-scrollbar-width);
 }
 aside .tds-side-menu-wrapper::-webkit-scrollbar-track {
-  background: transparent;
+  background: var(--tds-scrollbar-track-color);
 }
 aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb {
   border-radius: 40px;

package/dist/collection/components/side-menu/side-menu.js

@@ -163,7 +163,7 @@ export class TdsSideMenu {
                     "references": {
                         "CollapseEvent": {
                             "location": "local",
-                            "path": "/home/runner/work/tegel/tegel/packages/core/src/components/side-menu/side-menu.tsx",
+                            "path": "/Users/johnny/dev/scania/tegel/packages/core/src/components/side-menu/side-menu.tsx",
                             "id": "src/components/side-menu/side-menu.tsx::CollapseEvent"
                         }
                     }
@@ -187,7 +187,7 @@ export class TdsSideMenu {
                     "references": {
                         "CollapseEvent": {
                             "location": "local",
-                            "path": "/home/runner/work/tegel/tegel/packages/core/src/components/side-menu/side-menu.tsx",
+                            "path": "/Users/johnny/dev/scania/tegel/packages/core/src/components/side-menu/side-menu.tsx",
                             "id": "src/components/side-menu/side-menu.tsx::CollapseEvent"
                         }
                     }
@@ -211,7 +211,7 @@ export class TdsSideMenu {
                     "references": {
                         "InternalTdsSideMenuPropChange": {
                             "location": "local",
-                            "path": "/home/runner/work/tegel/tegel/packages/core/src/components/side-menu/side-menu.tsx",
+                            "path": "/Users/johnny/dev/scania/tegel/packages/core/src/components/side-menu/side-menu.tsx",
                             "id": "src/components/side-menu/side-menu.tsx::InternalTdsSideMenuPropChange"
                         }
                     }

package/dist/collection/components/slider/slider.js

@@ -118,7 +118,9 @@ export class TdsSlider {
     updateTrack() {
         const trackWidth = this.getTrackWidth();
         const percentageFilled = (this.thumbLeft / trackWidth) * 100;
-        this.trackFillElement.style.width = `${percentageFilled}%`;
+        if (this.trackFillElement) {
+            this.trackFillElement.style.width = `${percentageFilled}%`;
+        }
     }
     updateValue(event) {
         const trackWidth = this.getTrackWidth();
@@ -157,6 +159,9 @@ export class TdsSlider {
         return x;
     }
     getTrackWidth() {
+        if (!this.trackElement) {
+            return 0;
+        }
         const trackRect = this.trackElement.getBoundingClientRect();
         return trackRect.right - trackRect.left;
     }
@@ -168,7 +173,9 @@ export class TdsSlider {
         const calculatedLeft = (normalizedValue / normalizedMax) * trackWidth;
         this.thumbLeft = calculatedLeft;
         this.updateSupposedValueSlot(this.thumbLeft);
-        this.thumbElement.style.left = `${this.thumbLeft}px`;
+        if (this.thumbElement) {
+            this.thumbElement.style.left = `${this.thumbLeft}px`;
+        }
     }
     /** Updates the slider value based on the current input value */
     updateSliderValueOnInputChange(event) {
@@ -284,24 +291,24 @@ export class TdsSlider {
         this.updateTrack();
     }
     render() {
-        return (h("div", { key: '9c5bf62899d37963bb7b8fb625aaad698faea337', class: {
+        return (h("div", { key: '943840a77d7cb7f6c394bc2fcd25b36e9a6b5369', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, h("input", { key: '941a70b4e3a7784425e4f93f9b350eec6c68be55', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, value: this.value, disabled: this.disabled }), h("div", { key: 'feeff66bbe79feae4e5f920d98c22d8e89903769', class: {
+            } }, h("input", { key: '9f009acc794cfdf37f7a459ae00defc447949436', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, value: this.value, disabled: this.disabled }), h("div", { key: 'e23f338ee45c0416c02568be5ef538708c71a3c2', class: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            } }, h("label", { key: '45fa4b4faad7fd9c72fc7ca3b4df3880a7ebff7f', class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { key: 'c7e54be509f4b3701583f571f21ba12eff5af70b', class: "tds-slider__input-values" }, h("div", { key: 'f6a0bb7b63752502c6c1b5dae98e36435cd723c0', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: '0575cbae374f6c3b0857a5853f614b542d2458c6', class: "tds-slider__controls" }, h("div", { key: '9137108aabe821b5dc186d597662a7ef96da26cd', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event) }, h("tds-icon", { key: '02da8328036a52838d1dee14c90a1609cbbddaa0', name: "minus", size: "16px" })))), h("div", { key: '510859a373a25f9a93f29b8919f19c9a5bc67a53', class: "tds-slider-inner" }, this.tickValues.length > 0 && (h("div", { key: '6c61bb70796d907a26239e9fd9ed80af3163a460', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: 'a6e0b03f496e4f139d4553773ac529f619bad01b', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: 'b11e297631af75b8b6e30a03811eaa79ba302e75', class: "tds-slider__track", ref: (el) => {
+            } }, h("label", { key: '959ee49ec8483ead245abff393c2e89c5c20ee06', class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { key: 'c1844b647050d9873d0abc95c3a43dc2f2090020', class: "tds-slider__input-values" }, h("div", { key: 'c725f1db4ef669ed6033f9e5b105f6401245263e', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: '9b1f41eed1e3df5574d9454e42875e6365d4d200', class: "tds-slider__controls" }, h("div", { key: '0518f6daaead7ac4b4ed4ca177cb592ce3331260', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event) }, h("tds-icon", { key: 'e82506df9a4dd9073e485da2e4457c26188c4a17', name: "minus", size: "16px" })))), h("div", { key: '212769a9fca717328cfc7e7159bc01f65d5313a2', class: "tds-slider-inner" }, this.tickValues.length > 0 && (h("div", { key: '8158e5b300c4085146900ed5b56ef5748852e137', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: '57f7c51c9f538fba5083ffdd7b805212a7726ed4', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: '8e25f27e20a07410fbf7ac70600e14663fe4cf0a', class: "tds-slider__track", ref: (el) => {
                 this.trackElement = el;
-            }, tabindex: this.disabled ? '-1' : '0' }, h("div", { key: '23e5671900b2ec63f2b2012cde9543155ed25d7a', class: "tds-slider__track-fill", ref: (el) => {
+            }, tabindex: this.disabled ? '-1' : '0' }, h("div", { key: 'cb48279c9b6b7f91754a0d0504d38977e80d6454', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), h("div", { key: 'c431b6fbe7de7932c4cbabb30dac6ebff77851ff', class: "tds-slider__thumb", ref: (el) => {
+            } }), h("div", { key: 'e4d05479a9067ee506578b522c56719c006036fc', class: "tds-slider__thumb", ref: (el) => {
                 this.thumbElement = el;
-            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb() }, this.tooltip && (h("div", { key: 'a1727a0e71f38901a9c084d986f8d0a71a6e17c5', class: "tds-slider__value" }, this.value, h("svg", { key: 'f44b64e9269f290526c49e53c4ea083ed60025d0', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '828e5f5377a9ba3c41f613f52505fdf6b329fff1', 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" })))), h("div", { key: 'c2dc9e400794783ffdf9acaf1cadc97a2ea6e894', class: "tds-slider__thumb-inner", ref: (el) => {
+            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb() }, this.tooltip && (h("div", { key: '6487f63ad6f2ff00cbdd4e1c10bc9d4ec4550137', class: "tds-slider__value" }, this.value, h("svg", { key: '5c89ff40a9ccab1e48d1867a69835206313bf4c1', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd661c16c25e293a54fd6f98989655252e06a5d31', 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" })))), h("div", { key: '977ed57e0a9d115152dd08bdd656c5d6c858d633', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (h("div", { key: 'a3a24d547e4b0d6161876da8be41884cedbae4d8', class: "tds-slider__input-values" }, h("div", { key: '304561b07e1e691b391c1f779ecfba1ddf9d1c51', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: 'a6e3cae9e496701fc7f5eff06eb4a81842c76ecd', class: "tds-slider__input-field-wrapper" }, h("input", { key: '62013aa85bb71ca8de6d2478cb8c2381afd3336d', size: this.calculateInputSizeFromMax(), class: "tds-slider__input-field", value: this.value, readOnly: this.readOnly, onBlur: (event) => this.updateSliderValueOnInputChange(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event), type: "number", min: this.min, max: this.max })))), this.useControls && (h("div", { key: '9ac838af89b6bc5ad32d0fbbe3d2971838111c5f', class: "tds-slider__controls" }, h("div", { key: '23cdd6031ce48382c0362ec6f26e290bc8f6fd92', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event) }, h("tds-icon", { key: 'c623619b0b4b48de2fb480ec767cef641c429793', name: "plus", size: "16px" })))))));
+            } })))), this.useInput && (h("div", { key: '026b89aea3e01f0d6621d95260db43ba96834181', class: "tds-slider__input-values" }, h("div", { key: '9c58cc92d072760adbef4fa1c49c2766f48a4a3b', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: '7a35238569b9ded1481ea48a868a985426ec4cef', class: "tds-slider__input-field-wrapper" }, h("input", { key: '51ba5b59604cfff6aa6a8bad6c59f3f706a8f3e4', size: this.calculateInputSizeFromMax(), class: "tds-slider__input-field", value: this.value, readOnly: this.readOnly, onBlur: (event) => this.updateSliderValueOnInputChange(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event), type: "number", min: this.min, max: this.max })))), this.useControls && (h("div", { key: '4d10cc417985b3ae3739120b508e781e79a315d0', class: "tds-slider__controls" }, h("div", { key: '9a422c72b65fc9888fd472c36a20df99bb4b50f4', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event) }, h("tds-icon", { key: '808969d21cb085de199f1d8af307aa9a412c2b4d', name: "plus", size: "16px" })))))));
     }
     static get is() { return "tds-slider"; }
     static get originalStyleUrls() {

package/dist/collection/components/spinner/spinner.js

@@ -5,7 +5,7 @@ export class TdsSpinner {
         this.variant = 'standard';
     }
     render() {
-        return (h("div", { key: '13dcb29d2a392299bb705f062544dca1226e4ae7', "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { key: '3295c24006f13219f9d4dadb01194cc97a1259d3', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { key: 'ba6939e6ae556aa57b5a20b40f23922207a33b87', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
+        return (h("div", { key: 'cbefb74bd62350f66c0d5995f5c2f04ee51082db', "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { key: 'c287462a00b740ffd8d68b02c1b658ebc7070476', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { key: '2af78cd10c8586de2d396e230746b5e744fe1060', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
     }
     static get is() { return "tds-spinner"; }
     static get originalStyleUrls() {

package/dist/collection/components/stepper/step/step.js

@@ -39,7 +39,7 @@ export class TdsStep {
         }
     }
     render() {
-        return (h(Host, { key: '25272154fa202dc80faadec2f69bb76c7cfb23ba' }, h("div", { key: 'b95ec3ae0c8842cce29a26a00b77e9d63ddf3e7c', role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("span", { key: '0dfc323696c80230df87de15858a08c2051e9f64', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (h("span", { class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: '1726259dde21fea66e1554f6f5760176e3a24b13', class: `label ${this.size} ${this.state}` }, h("slot", { key: 'dd9d6499348d2e7bbf36920c63dd836371dbd090', name: "label" }))))));
+        return (h(Host, { key: '6c7a2673bbe13e518f2052cac2b8bcc948c7c5ea' }, h("div", { key: '7df6c87c7743fcd539abcbde7c2396ba8d7fa4d6', role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("span", { key: 'b2902e638345c79401405b9c16dd6f4d196c8bac', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (h("span", { class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: 'b35127501be3ab9cc6f3bf0b9f54709f0d98ec36', class: `label ${this.size} ${this.state}` }, h("slot", { key: '43499d45d42401e384b8c9f20885873d23351110', name: "label" }))))));
     }
     static get is() { return "tds-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stepper/stepper.js

@@ -173,7 +173,7 @@ export class TdsStepper {
                     "references": {
                         "InternalTdsStepperPropChange": {
                             "location": "local",
-                            "path": "/home/runner/work/tegel/tegel/packages/core/src/components/stepper/stepper.tsx",
+                            "path": "/Users/johnny/dev/scania/tegel/packages/core/src/components/stepper/stepper.tsx",
                             "id": "src/components/stepper/stepper.tsx::InternalTdsStepperPropChange"
                         }
                     }

package/dist/collection/components/table/table/table.css

@@ -40,7 +40,7 @@ body {
   height: var(--tds-scrollbar-height);
 }
 .tds-table--horizontal-scroll::-webkit-scrollbar-track {
-  background: transparent;
+  background: var(--tds-scrollbar-track-color);
 }
 .tds-table--horizontal-scroll::-webkit-scrollbar-thumb {
   border-radius: 40px;

package/dist/collection/components/table/table/table.js

@@ -298,7 +298,7 @@ export class TdsTable {
                     "references": {
                         "InternalTdsTablePropChange": {
                             "location": "local",
-                            "path": "/home/runner/work/tegel/tegel/packages/core/src/components/table/table/table.tsx",
+                            "path": "/Users/johnny/dev/scania/tegel/packages/core/src/components/table/table/table.tsx",
                             "id": "src/components/table/table/table.tsx::InternalTdsTablePropChange"
                         }
                     }

package/dist/collection/components/table/table-body/table-body.js

@@ -2,7 +2,6 @@ import { h, Host } from "@stencil/core";
 const relevantTableProps = ['multiselect', 'expandableRows'];
 /**
  * @slot <default> - <b>Unnamed slot.</b> For table rows.
- * @slot no-result - Slot for no result message when using filtering.
  */
 export class TdsTableBody {
     constructor() {
@@ -56,7 +55,7 @@ export class TdsTableBody {
         }
     }
     render() {
-        return (h(Host, { key: '4b70d0bd4efabb2b82878ebc6ed7098576388b86', "data-selected-rows": this.multiselectArrayJSON }, h("slot", { key: '7c4324c634680b90c37e9e1042fe0f93704b9d0b' })));
+        return (h(Host, { key: '891bbd417703b240531383d54d5644cf39462573', "data-selected-rows": this.multiselectArrayJSON }, h("slot", { key: '409bc90e7c6d49588a7ec1796cfbad734c333c40' })));
     }
     static get is() { return "tds-table-body"; }
     static get originalStyleUrls() {

package/dist/collection/components/table/table-body-cell/table-body-cell.js

@@ -81,13 +81,13 @@ export class TdsTableBodyCell {
             // Conditionally set padding style
             padding: paddingStyle,
         };
-        return (h(Host, { key: 'ad92e585a21b619014493cd9e112f49f76c2dc4d', class: {
+        return (h(Host, { key: '11e448416f213f9fdf6dea7bd5ccff4512c7a8dd', class: {
                 'tds-table__body-cell': true,
                 'tds-table__body-cell--hover': this.activeSorting,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--no-min-width': this.noMinWidth,
-            }, style: dynamicStyles }, this.cellValue, h("slot", { key: 'e4bb312d9eaa4bec6c62dad0a23f5ebc28c2f062' })));
+            }, style: dynamicStyles }, this.cellValue, h("slot", { key: '5c7052d46ee8351e2710cf72fc4db07ff84bd843' })));
     }
     static get is() { return "tds-body-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.css

@@ -0,0 +1,62 @@
+:host {
+  position: relative;
+}
+
+:host(.focused-input-wrapper) tds-icon {
+  display: inline-block;
+}
+
+:host(.show-icon) ::slotted(input) {
+  padding-right: var(--tds-spacing-element-24);
+}
+
+:host(:hover) tds-icon {
+  display: inline-block;
+}
+:host(:hover) ::slotted(input:not(:focus)) {
+  background-color: var(--tds-table-input-background-hover);
+}
+
+tds-icon.edit-icon {
+  display: none;
+  position: absolute;
+  right: 10px;
+  top: 1px;
+  pointer-events: none;
+  cursor: pointer;
+}
+
+::slotted(input) {
+  box-sizing: border-box;
+  font: var(--tds-detail-02);
+  letter-spacing: var(--tds-detail-02-ls);
+  padding-left: var(--tds-spacing-element-16);
+  padding-right: var(--tds-spacing-element-16);
+  color: var(--tds-table-color);
+  background-color: transparent;
+  height: 48px;
+  border-radius: 0;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  width: 100%;
+  cursor: pointer;
+}
+
+::slotted(input)::placeholder {
+  color: var(--tds-table-color);
+}
+
+::slotted(input:disabled) {
+  background-color: var(--tds-table-input-background-disabled);
+}
+
+::slotted(input:focus) {
+  outline: none;
+  background-color: var(--tds-table-input-background-focus);
+  border-bottom: 2px solid var(--tds-text-field-bar);
+}
+
+/* Add compact-design specific styles here */
+:host(.tds-table__compact) ::slotted(input) {
+  height: 32px; /* Reduced height for compact design */
+}