@scania/tegel 1.8.2 → 1.9.1-beta.0

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: 'f9a26ee973ab394933e507602d55e4ab78ac2a1a', role: "listitem" }, h("div", { key: '28ad60d22c28fc9fd7c5b607b95a2864c90dd5c5', class: {
+        return (h(Host, { key: 'f237f24cf38dcabe62f8e4b8bf391a28ac43ca82', role: "listitem" }, h("div", { key: '30c152c55d6d4d8174f536e5933d395b67c1c139', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", { key: 'a76c94db492969a407c8e43e9d04ff44af615422' }))));
+            } }, h("slot", { key: '39c61ca1bf9dc9054e175d788c6c4ce5eb823ef3' }))));
     }
     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: 'b94e2117fa05134a3aff5fd15b5eae90203d4570' }, h("div", { key: '02ebe255b0c72bdbf709c45739acfeebddec54de', class: {
+        return (h(Host, { key: 'f6d3cc999d431fb73ac49c7e51fa63ea56bf1130' }, h("div", { key: '7b0d9eb30d571bf2ec2c9dca91d5d0481b1306b5', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", { key: '97412b94539aaa451cd5dcb8f9d962e5e0c73e0c' }))));
+            } }, h("slot", { key: '74815b1ae22bb4d6981a2441e0048ee2e9bacf2d' }))));
     }
     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: '598597cc04bbf02b861489cd8ad282ece6b8145b' }, h("div", { key: '03fa1dc0991e1cd5721b993a75ea7d8065e3a235' })));
+        return (h(Host, { key: 'a958f8d8c7b37fb863118fe6d00dc4b3a37e3327' }, h("div", { key: 'f5fdca88eb3de5799dd9384a6c37d8e499bcfc0f' })));
     }
     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: 'b540444dcb88b0b0bc0835a7deafd50328b1e0db' }, h("tds-side-menu-user-image", { key: '22ed67e02a8e0787d6b683fd2afb0e71b1e58a18', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '9d0ab8c849cd83722b4b766944498c857fbc42c7', name: "image" })), h("tds-side-menu-user-label", { key: 'e455a9edd906f8b702fb2ffd6d1cfaad0596bde3', heading: this.heading, subheading: this.subheading })));
+        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 })));
     }
     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: '3d31dd530f0a93513c30f970c81c1cfb47949096' }, h("slot", { key: 'b9cac74d3f6fd7ba404c88fd729b50dc1771e07d' }), this.src && h("img", { src: this.src, alt: this.alt })));
+        return (h(Host, { key: 'f52d600d147e4422c99883473c5453018135edc5' }, h("slot", { key: '1ecdae7d2a9d8a42a93c9b4e77ebf885c2308925' }), this.src && h("img", { key: 'c2efe65b3cb9102db3019d15ed54a8cbaecef877', 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: '22d584ce36ff543f4e3c30176098591044da165d' }, this.heading, this.subheading && h("div", { class: "subheading" }, this.subheading)));
+        return (h(Host, { key: '361c1868777c78a539e7c36a0acb9963f57fde3c' }, this.heading, this.subheading && h("div", { key: 'a1e15c671dcd77841051c52c3e17ef66bbf7730f', 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

@@ -84,6 +84,7 @@ body {
   }
   :host(.menu-persistent):host(.menu-collapsed) {
     width: 69px;
+    box-sizing: border-box;
   }
   :host(.menu-persistent):host(.menu-collapsed) .menu {
     width: 68px;

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

@@ -284,24 +284,24 @@ export class TdsSlider {
         this.updateTrack();
     }
     render() {
-        return (h("div", { key: 'bf3ca081d01c6eac5907fe1ebef8ae5f14fa87da', class: {
+        return (h("div", { key: '9c5bf62899d37963bb7b8fb625aaad698faea337', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, h("input", { key: '0fb204f882d1905461354f2b75ff4fc374ffa9c9', 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: '6ea9c5efc3a9d590c36b9b9f40bbd2401b9c2dfc', class: {
+            } }, 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: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            } }, h("label", { key: '738c0dcf07e3d99a49443f1d501ccaa278653a8d', class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { class: "tds-slider__input-values" }, h("div", { class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { class: "tds-slider__controls" }, h("div", { class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event) }, h("tds-icon", { name: "minus", size: "16px" })))), h("div", { key: '999c32a0970e2ec7ab2a601b168ddcf5a0a74bcc', class: "tds-slider-inner" }, this.tickValues.length > 0 && (h("div", { class: "tds-slider__value-dividers-wrapper" }, h("div", { 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: '57ecf12b107bf4f4b0b23134ad2820a01063e624', class: "tds-slider__track", ref: (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) => {
                 this.trackElement = el;
-            }, tabindex: this.disabled ? '-1' : '0' }, h("div", { key: 'd12fc549e7e503865fd3a1505c4a51476d769908', class: "tds-slider__track-fill", ref: (el) => {
+            }, tabindex: this.disabled ? '-1' : '0' }, h("div", { key: '23e5671900b2ec63f2b2012cde9543155ed25d7a', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), h("div", { key: 'ecc291e9e4aeb3c813f866e3a58615184ef21c35', class: "tds-slider__thumb", ref: (el) => {
+            } }), h("div", { key: 'c431b6fbe7de7932c4cbabb30dac6ebff77851ff', class: "tds-slider__thumb", ref: (el) => {
                 this.thumbElement = el;
-            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb() }, this.tooltip && (h("div", { class: "tds-slider__value" }, this.value, h("svg", { width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { 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: '403b0ea3f2ca18469a3e8ef32a2a8468d1a2e82c', class: "tds-slider__thumb-inner", ref: (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) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (h("div", { class: "tds-slider__input-values" }, h("div", { class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { class: "tds-slider__input-field-wrapper" }, h("input", { 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", { class: "tds-slider__controls" }, h("div", { class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event) }, h("tds-icon", { name: "plus", size: "16px" })))))));
+            } })))), 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" })))))));
     }
     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: '152350d165fc9410c715b967c928f40487a0f636', "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { key: '3b02495d7d68735181e0cce975d6717d0d75bd89', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { key: 'dd68d0e6b90d2a32752d4499145f766d3ada79bc', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
+        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}` }))));
     }
     static get is() { return "tds-spinner"; }
     static get originalStyleUrls() {

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

@@ -186,13 +186,19 @@
   opacity: var(--tds-stepper-label-text-opacity-upcoming);
 }
 
-:host(.last) [role=listitem].sm::after, :host(.last) [role=listitem].lg::after {
+:host(:last-of-type) [role=listitem].horizontal {
+  padding-right: 0;
+}
+:host(:last-of-type) [role=listitem].sm::after, :host(:last-of-type) [role=listitem].lg::after {
   display: none;
 }
-:host(.last) [role=listitem].sm.vertical::before {
+:host(:last-of-type) [role=listitem].sm.vertical::before {
   display: none;
 }
 
-:host(.first) [role=listitem].sm::before, :host(.first) [role=listitem].lg::before {
+:host(:first-of-type) [role=listitem].horizontal {
+  padding-left: 0;
+}
+:host(:first-of-type) [role=listitem].sm::before, :host(:first-of-type) [role=listitem].lg::before {
   display: none;
 }

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

@@ -39,7 +39,7 @@ export class TdsStep {
         }
     }
     render() {
-        return (h(Host, { key: '1a28ad519601ffc63918ca1ed585c68c7fe0a99a' }, h("div", { key: 'dd3afe46dfd76674833be41e9eaa98c400769081', role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("div", { key: '5d4534ca241ddf43653ffb97c9784127bd6752dd', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (this.index)), !this.hideLabels && (h("div", { class: `label ${this.size} ${this.state}` }, h("slot", { name: "label" }))))));
+        return (h(Host, { key: '25272154fa202dc80faadec2f69bb76c7cfb23ba' }, h("div", { key: 'b95ec3ae0c8842cce29a26a00b77e9d63ddf3e7c', role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("div", { key: '5bc8c4ccdf3af7371ea49018d2cd9e1081f7055d', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (this.index)), !this.hideLabels && (h("div", { key: '971af264f2f27ddc0d42c9d05e9ae2d641d88bac', class: `label ${this.size} ${this.state}` }, h("slot", { key: 'dec79d74317c78f72230e4983ac7c672d2560e4b', name: "label" }))))));
     }
     static get is() { return "tds-step"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,8 +12,6 @@ export class TdsStepper {
         this.stepperId = generateUniqueId();
     }
     componentWillLoad() {
-        this.host.children[0].classList.add('first');
-        this.host.children[this.host.children.length - 1].classList.add('last');
         if (this.orientation === 'vertical') {
             this.labelPosition = 'aside';
         }
@@ -47,7 +45,7 @@ export class TdsStepper {
         });
     }
     render() {
-        return (h(Host, { key: 'dcc6fc6be2e37bc4dcd4f0ab5dbe643ae26a1cbb' }, h("div", { key: '030eec1bc0b3075f7158f6936faad30c33272e02', role: "list", class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, h("slot", { key: 'e4460b2a26a98cad97915059e2c4628a0e91a97e' }))));
+        return (h(Host, { key: '1cee7a313771fe80c13c7b2ca72c069b47d77902' }, h("div", { key: '5c7ec9b395c3133fae25e4fd0de5912195246438', role: "list", class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, h("slot", { key: 'bf6d7efe8e633c11fbd9d63e5dbfa6b56c853615' }))));
     }
     static get is() { return "tds-stepper"; }
     static get encapsulation() { return "shadow"; }
@@ -175,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.js

@@ -255,7 +255,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

@@ -56,7 +56,7 @@ export class TdsTableBody {
         }
     }
     render() {
-        return (h(Host, { key: '1b8be2776860786f9a3f82f05bbdfc0205fcc5d1', "data-selected-rows": this.multiselectArrayJSON }, h("slot", { key: '6ec26061a4861faec740d2ae2b706d533dabfa3f' })));
+        return (h(Host, { key: '4b70d0bd4efabb2b82878ebc6ed7098576388b86', "data-selected-rows": this.multiselectArrayJSON }, h("slot", { key: '7c4324c634680b90c37e9e1042fe0f93704b9d0b' })));
     }
     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: '56fe770734dd720139eb614489283e2ec81cc596', class: {
+        return (h(Host, { key: 'ad92e585a21b619014493cd9e112f49f76c2dc4d', 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: '490a5caabb4a2ae94769875edb0743b474716e42' })));
+            }, style: dynamicStyles }, this.cellValue, h("slot", { key: 'e4bb312d9eaa4bec6c62dad0a23f5ebc28c2f062' })));
     }
     static get is() { return "tds-body-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,12 +48,12 @@ export class TdsTableBodyRow {
         });
     }
     render() {
-        return (h(Host, { key: '4d4328aa863f838b14a43d98fe356a39fd497860', class: {
+        return (h(Host, { key: '2b99a5336354cb5e7e2e7ef9c81bac76a55c6895', class: {
                 'tds-table__row': true,
                 'tds-table__row--selected': this.selected,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, this.multiselect && (h("td", { class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: 'e6c0cab232ece7b5ff14f3283478de5b36f405c7' })));
+            } }, this.multiselect && (h("td", { key: '049e91ea474a539b6fbe344db4aed9de42297f3d', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '2af9307e3143db71cae028c1cc2116382b20f4c9', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '2eff0d398eb53934ca0b152d25422a5febbbffbb' })));
     }
     static get is() { return "tds-table-body-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,5 @@
 import { h, Host, } from "@stencil/core";
+import generateUniqueId from "../../../utils/generateUniqueId";
 const relevantTableProps = [
     'verticalDividers',
     'compactDesign',
@@ -12,6 +13,8 @@ const relevantTableProps = [
 export class TdsTableBodyRowExpandable {
     constructor() {
         this.colSpan = null;
+        this.rowId = generateUniqueId();
+        this.expanded = undefined;
         this.isExpanded = false;
         this.tableId = '';
         this.columnsNumber = null;
@@ -32,7 +35,27 @@ export class TdsTableBodyRowExpandable {
             });
         }
     }
+    watchExpanded(newValue) {
+        if (newValue !== this.isExpanded) {
+            this.isExpanded = newValue;
+            this.tdsChange.emit({ rowId: this.rowId, isExpanded: this.isExpanded });
+        }
+    }
+    /** method to expand table row */
+    async expand() {
+        this.isExpanded = true;
+        this.tdsChange.emit({ rowId: this.rowId, isExpanded: this.isExpanded });
+    }
+    /** method to collapse table row */
+    async collapse() {
+        this.isExpanded = false;
+        this.tdsChange.emit({ rowId: this.rowId, isExpanded: this.isExpanded });
+    }
     connectedCallback() {
+        /* if user did set a prop we use that as default behaviour */
+        if (this.expanded !== undefined) {
+            this.isExpanded = this.expanded;
+        }
         this.tableEl = this.host.closest('tds-table');
         this.tableId = this.tableEl.tableId;
     }
@@ -51,24 +74,25 @@ export class TdsTableBodyRowExpandable {
     }
     sendValue() {
         this.internalTdsRowExpanded.emit([this.tableId, this.isExpanded]);
+        this.tdsChange.emit({ rowId: this.rowId, isExpanded: this.isExpanded });
     }
     onChangeHandler(event) {
         this.isExpanded = event.currentTarget.checked === true;
         this.sendValue();
     }
     render() {
-        return (h(Host, { key: '9626f70d55237e1329fc2e0f5df22528a72a9f0b', class: {
+        return (h(Host, { key: '74b02f93d3827e994ec32d6936861ca272cf6091', class: {
                 'tds-table__row': true,
                 'tds-table__row-expand--active': this.isExpanded,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, h("tr", { key: 'c9cf04c118f2b673a09959dece24b06d21cdf640', class: {
+            } }, h("tr", { key: '8c9b941b05eba4e785bd3d0d3b2fcc102e582e3b', class: {
                 'tds-table__row': true,
                 'tds-table__row--expanded': this.isExpanded,
-            } }, h("td", { key: '6b16a052a399b5d2ea7a4453552eb1e71f7a2041', class: "tds-table__cell tds-table__cell--expand" }, h("label", { key: 'd9cc4607a1444127cefe58c6fbe433a410d51e91', class: "tds-table__expand-control-container" }, h("input", { key: 'dcf0a28c1cea3003cdf22d2c183c604a944e5e61', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), h("span", { key: 'a28d1acd69d6c760790c7cd30325053711d27bc9', class: "tds-expendable-row-icon" }, h("svg", { key: '856b07328c10897097aba2fae76b659015be91dd', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '3dcbb08f11f7e83d5717364cc72d90f1fa973404', "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" }))))), h("slot", { key: '4121dfa2d04cc947261c14cb5745423eea6f042d' })), h("tr", { key: '6665c1c224fcf276afa56ff8b5433054c99bae84', class: {
+            } }, h("td", { key: '6ca2b7232372c6773b20cbebcf57c2dc22873b8e', class: "tds-table__cell tds-table__cell--expand" }, h("label", { key: '37831f286353d52f811edec384f2e8e9da65cd50', class: "tds-table__expand-control-container" }, h("input", { key: 'ecd7ac5041cba257b00485e44e9b2867fdd563a6', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), h("span", { key: '2eb29d27eea8ff2ee7a6afe74a70695b03aa141d', class: "tds-expendable-row-icon" }, h("svg", { key: '88731d236df24d952130566dfa395d3e161de82e', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '81a677c1f6a0b15145b879748cc4d9d6a93821d4', "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" }))))), h("slot", { key: 'deffa2b70b546db18812e4288e07fe6f8ac0d42d' })), h("tr", { key: '1515f8da52b7fec720a788ae9c2127d8a9a69fce', class: {
                 'tds-table__row-expand': true,
                 'tds-table__row-expand--expanded': this.isExpanded,
-            } }, h("td", { key: '359babd8f869aa9f98c88968f0b7f69952910129', class: "tds-table__cell-expand", colSpan: this.columnsNumber }, h("slot", { key: 'bf5c3571bb6bc09afae0a01872e4c2922827da48', name: "expand-row" })))));
+            } }, h("td", { key: 'e16011d9e155b003d011de4a73518a81414f2e91', class: "tds-table__cell-expand", colSpan: this.columnsNumber }, h("slot", { key: 'f60bf938090436423632bf93076bd41ee8def3ce', name: "expand-row" })))));
     }
     static get is() { return "tds-table-body-row-expandable"; }
     static get encapsulation() { return "shadow"; }
@@ -101,6 +125,41 @@ export class TdsTableBodyRowExpandable {
                 "attribute": "col-span",
                 "reflect": false,
                 "defaultValue": "null"
+            },
+            "rowId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "ID for the table row. Randomly generated if not specified."
+                },
+                "attribute": "row-id",
+                "reflect": true,
+                "defaultValue": "generateUniqueId()"
+            },
+            "expanded": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets isExpanded state to true or false externally"
+                },
+                "attribute": "expanded",
+                "reflect": true
             }
         };
     }
@@ -134,9 +193,68 @@ export class TdsTableBodyRowExpandable {
                     "resolved": "any",
                     "references": {}
                 }
+            }, {
+                "method": "tdsChange",
+                "name": "tdsChange",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sends unique table row identifier and isExpanded status when it is expanded/collapsed."
+                },
+                "complexType": {
+                    "original": "{\n    rowId: string;\n    isExpanded: boolean;\n  }",
+                    "resolved": "{ rowId: string; isExpanded: boolean; }",
+                    "references": {}
+                }
             }];
     }
+    static get methods() {
+        return {
+            "expand": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "method to expand table row",
+                    "tags": []
+                }
+            },
+            "collapse": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "method to collapse table row",
+                    "tags": []
+                }
+            }
+        };
+    }
     static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "expanded",
+                "methodName": "watchExpanded"
+            }];
+    }
     static get listeners() {
         return [{
                 "name": "internalTdsTablePropChange",

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

@@ -90,7 +90,7 @@ export class TdsTableFooter {
         this.storeLastCorrectValue(this.paginationValue);
     }
     render() {
-        return (h(Host, { key: 'ae4ce3e329813100d2fa669bf9278cc44329f581', class: this.compactDesign ? 'tds-table--compact' : '' }, h("tr", { key: '833409674137c346a5e0aa68a55bf1aed21762e9', class: "tds-table__footer-row" }, h("td", { key: 'f8570501ea5279dc1ed65c71fe37ac173b28e0cb', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { class: "tds-table__pagination" }, h("div", { class: "tds-table__row-selector" }), h("div", { class: "tds-table__page-selector" }, h("input", { ref: (element) => (this.inputElement = element), class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { class: "tds-table__footer-text" }, "of ", h("span", null, this.pages), " pages"), h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { name: "chevron_left", size: "20px" })), h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { name: "chevron_right", size: "20px" })))))))));
+        return (h(Host, { key: '8a128e443420d841b0e56303d4c533ced7fef56c', class: this.compactDesign ? 'tds-table--compact' : '' }, h("tr", { key: '6315f2fdf35c670a702cb7a298b29d53a636a639', class: "tds-table__footer-row" }, h("td", { key: '6d179522f5e379c8899d545c1cae1ebf868dc9dc', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: 'd6b8f037c8a0b4ec05448a64ea3edc11b253289b', class: "tds-table__pagination" }, h("div", { key: '422d83996b22557dc9d31ab23e82b040a3106f62', class: "tds-table__row-selector" }), h("div", { key: 'a978da12ff6763049d9e75e9dea8d85e2786af07', class: "tds-table__page-selector" }, h("input", { key: '343d34c4c7edebd6a797e4bb5c59e20ea5b43fad', ref: (element) => (this.inputElement = element), class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { key: '38d4a5c1897adeda83ea8faec711a4e32c1ef040', class: "tds-table__footer-text" }, "of ", h("span", { key: '0769b3a30cfe35dcfb13834625b60825ae087a60' }, this.pages), " pages"), h("button", { key: 'fa8af3c295fdbbeb5d965abd76ec71a7564f0a50', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: '0011853f15bc9f0880a2bdf98d20952df2f49ba8', name: "chevron_left", size: "20px" })), h("button", { key: '36c2c94ec609f6e6d30dfd9fc698709f65f24a98', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: 'e3affadd067d44e1f106be7a9334ffe14dae0f1f', name: "chevron_right", size: "20px" })))))))));
     }
     static get is() { return "tds-table-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -82,11 +82,11 @@ export class TdsTableHeaderRow {
         });
     }
     render() {
-        return (h(Host, { key: '53981e80f911cd21366edac319ae313723ab4d88', class: {
+        return (h(Host, { key: '5f212887d3d35e32240e9745d62685b7024100e1', class: {
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
-            } }, h("tr", { key: '122f5cb4bd9d70b8a5d6ebef26fb2cce6848b4f9' }, this.multiselect && (h("th", { class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '355e7a0942a0c3764e021093aff4bb9010f0d030' }))));
+            } }, h("tr", { key: '1a40af0dddfb627c39ae5df47aedc80eb1006f04' }, this.multiselect && (h("th", { key: '17d16e6bf8964b30e0ce93a76c436112ac0a6540', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: '98f282baf5a0b4a929ad04c850319e04955090a0', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '9d8115deb1403df121309d32a166ccc6eac685d5', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: '7cc0e1c0d3d7ec9f4bef917a5b8346cca8bc58ae', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '2f7aa3bd3acdd69f1f2a20d3525ad5901f0ac239' }))));
     }
     static get is() { return "tds-table-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -108,7 +108,7 @@ export class TdsTableHeaderCell {
             this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
     }
     render() {
-        return (h(Host, { key: '8cda19cdff411db98aecbf8a915853eda026853d', class: {
+        return (h(Host, { key: '2d4c736a4b0cd311c4bda33beee8740f10bfab4f', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,

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

@@ -54,7 +54,7 @@ export class TdsTableToolbar {
         }
     }
     render() {
-        return (h(Host, { key: '8da67bc90ca3b04449261ef63929959e7cb2dce8', class: this.compactDesign ? 'tds-table--compact' : '' }, h("div", { key: '2b5b7719b644bfa845fcf4d22f8bb975e0edef91', class: "tds-table__upper-bar-flex" }, h("caption", { key: 'd1447f81583ed926ff70b3f509092c49f3b9d03f', class: "tds-table__title" }, this.tableTitle), h("div", { key: '438cb445a8dc759db37396e505b14257aa03f337', class: "tds-table__actionbar" }, this.filter && (h("div", { class: "tds-table__searchbar" }, h("input", { class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event) }), h("span", { class: "tds-table__searchbar-icon" }, h("tds-icon", { name: "search", size: "20px" })))), h("slot", { key: '4906ceb0f3d87650e90499d50a040f7a92ad5a6a', name: "end" })))));
+        return (h(Host, { key: 'adcfcb7f8f70a870f9fb04a2285095e732626892', class: this.compactDesign ? 'tds-table--compact' : '' }, h("div", { key: '26061d9f0fcb71fa2933f7f1657fb2bdb12ead1a', class: "tds-table__upper-bar-flex" }, h("caption", { key: 'dc482f239aeb319d9e97c0c751e66c9775320ba1', class: "tds-table__title" }, this.tableTitle), h("div", { key: 'c7e915c2f9da44d94b8867c0126c28a4de034769', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '3c7d5adcf41620a88b8d0d53447b0ee090576e54', class: "tds-table__searchbar" }, h("input", { key: 'fee2bc1860c61b0dcefe821c3d0416e24ff6c2aa', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event) }), h("span", { key: '0ff52f05dc15569b21bff731776c3fa59971c64c', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: 'a5c9c9d47fb1b56ac1e85feb404589c0ed30c194', name: "search", size: "20px" })))), h("slot", { key: '1a8c32e70f2c45f49e2c685b3877a5eb412ecc4e', name: "end" })))));
     }
     static get is() { return "tds-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js

@@ -17,8 +17,8 @@ export class TdsFolderTab {
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: '032b4d95a93760db31444194d7b21a0b9b581009', role: "listitem" }, h("div", { key: '2c7b72725e53390bce85ba156adb3ba05fe5e406', class: `${this.disabled ? 'disabled' : ''}
-                  ${this.selected ? 'selected' : ''}`, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '372ea4281495f89a49099001f6c15e9ecb9caa34' }))));
+        return (h(Host, { key: '598a424136d016425720fe1908a73d33a945136b', role: "listitem" }, h("div", { key: '79b50ed2e10473ff8ce238fb415ff7304b945c3b', class: `${this.disabled ? 'disabled' : ''}
+                  ${this.selected ? 'selected' : ''}`, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '5b80397f2f1f3233088532b7a1f0b8952280e2d7' }))));
     }
     static get is() { return "tds-folder-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/folder-tabs/folder-tabs.js

@@ -153,9 +153,9 @@ export class TdsFolderTabs {
         this.addResizeObserver();
     }
     render() {
-        return (h(Host, { key: 'eb1635179f54af77e7438282c76e3eaa11d53bd8', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '615a36341f659d538ee48742cb565357d4bc4f89', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: 'fd6d99b4cf81cc8ab1268cf58a7ba5175f6c3d88', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '6c8e749605f6bd1470858bdd31640a9724a5ada6', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: 'e2c7ac86a3fd268d9f81c9429df110e01007297a', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'c3f4cfdadfdc0e727405741a0255573bfac48e77', name: "chevron_left", size: "20px" })), h("slot", { key: 'c8a92e5d6ceabf50f4a8275282c4f49b8b21e232' }), h("button", { key: 'af855609041ab58deb465d35e2f03fe5c49e68ed', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'd212ddb172369557a9cb06cf26533c4eba8e7108', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: '5d2686850ee046b3025bf4df0d160c5da2feab97', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '3cd46bbedfcc9382997521038e11f939dec6a43e', name: "chevron_left", size: "20px" })), h("slot", { key: '0679052928ad644d91d14694a7796d2a9dddaf37' }), h("button", { key: 'ea627e24449bd32838311293c25351d149e2df23', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'f4ef4fdba1c1a7bdee3f1b534a49a2ed349b91bd', name: "chevron_right", size: "20px" })))));
     }
     static get is() { return "tds-folder-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js

@@ -12,8 +12,8 @@ export class TdsInlineTab {
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: '5f6c3c68e4355801030c8bf2a9eb7650028db392', role: "listitem" }, h("div", { key: '913d4e8af5aa0b4810bc510bd6521ec98d555d60', class: `inline-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'ec29b967f9386151b89a9ae6e390b3ab024b8471' }))));
+        return (h(Host, { key: 'b0aa20dbd4919bd61672b8c9fa4e9630d2af9049', role: "listitem" }, h("div", { key: '0d8dbccc6c51f0aa85b0a2e0b61240325b4bbfe8', class: `inline-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '7ea9d7dd82b1387410286293fc36a780b1258265' }))));
     }
     static get is() { return "tds-inline-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/inline-tabs/inline-tabs.js

@@ -137,9 +137,9 @@ export class TdsInlineTabs {
         this.addResizeObserver();
     }
     render() {
-        return (h(Host, { key: '12630d0f26631025fd23e38793b0d026861efdaa', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: 'c939b7c4bb970a176ec63ef5b4517f18b7350565', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: '13f5f4fb4d32501c1a8f9cec78e92e941373eb13', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '67bddb0d4884a0940ed464c9fac72f696d4cb8dd', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: '20c61621bb4a87ffa9519d9a00de932fab0b4cd3', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'bb09ec84777bb7bd5c6cdb2d9778985038279b99', name: "chevron_left", size: "20px" })), h("slot", { key: '45791ec46399283291ded90b2f6377d5900ee22c' }), h("button", { key: '46d3798aaddd5fdf0329e1dfe541c56f3c31bed1', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '6dc940030163933123048108295e316fd004b928', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: 'c9fe10cd497f28588aafec197ce09469ed4a4d6f', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'e4693c5008ea111f4c7469ee19cd7747ef6a03ba', name: "chevron_left", size: "20px" })), h("slot", { key: '5e781cb1c9e0f4fb05471391779d05641d753fae' }), h("button", { key: 'b37bd9651c1f64eafcfacbac47ab774d10f2378f', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '8ecf69c6e068803bed69710328763ec91ccdaa3b', name: "chevron_right", size: "20px" })))));
     }
     static get is() { return "tds-inline-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js

@@ -12,8 +12,8 @@ export class TdsNavigationTab {
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: 'a1eb1fdb72301a4ac46ecd367908651b87bb7352', role: "listitem" }, h("div", { key: '866b67d7bdcf4586e6d6f7e9af31bb1588c3f342', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '1879d29a8fffb9ecf91c57c7a1714138344b7459' }))));
+        return (h(Host, { key: 'fc0173c2c7600a3c97991e297167289a7d6ce1be', role: "listitem" }, h("div", { key: 'bfcfbb30f0087cf2e3c3df16653f60b69ea641d4', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '3c8eeb97e1ea4f9afe04eb55b7b6c099c26169f0' }))));
     }
     static get is() { return "tds-navigation-tab"; }
     static get encapsulation() { return "shadow"; }