@scania/tegel 1.5.0 → 1.6.1

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const inlineTabsCss = ":host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:\" \";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
+const TdsInlineTabsStyle0 = inlineTabsCss;
 
 const TdsInlineTabs = class {
     constructor(hostRef) {
@@ -143,15 +144,15 @@ const TdsInlineTabs = class {
         this.addResizeObserver();
     }
     render() {
-        return (index.h(index.Host, { role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: '12630d0f26631025fd23e38793b0d026861efdaa', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: 'c939b7c4bb970a176ec63ef5b4517f18b7350565', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, index.h("button", { class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { name: "chevron_left", size: "20px" })), index.h("slot", null), index.h("button", { class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { name: "chevron_right", size: "20px" })))));
+            } }, index.h("button", { key: '20c61621bb4a87ffa9519d9a00de932fab0b4cd3', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'bb09ec84777bb7bd5c6cdb2d9778985038279b99', name: "chevron_left", size: "20px" })), index.h("slot", { key: '45791ec46399283291ded90b2f6377d5900ee22c' }), index.h("button", { key: '46d3798aaddd5fdf0329e1dfe541c56f3c31bed1', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '6dc940030163933123048108295e316fd004b928', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
         "selectedIndex": ["handleSelectedIndexUpdate"]
     }; }
 };
-TdsInlineTabs.style = inlineTabsCss;
+TdsInlineTabs.style = TdsInlineTabsStyle0;
 
 exports.tds_inline_tabs = TdsInlineTabs;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const linkCss = ":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;outline:2px solid var(--tds-link-focus);outline-offset:-2px}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*){color:var(--tds-link-disabled);text-decoration-color:var(--tds-link-disabled);pointer-events:none}.no-underline ::slotted(*){text-decoration:none}.no-underline:hover ::slotted(*){text-decoration:none}";
+const TdsLinkStyle0 = linkCss;
 
 const TdsLink = class {
     constructor(hostRef) {
@@ -16,13 +17,13 @@ const TdsLink = class {
         this.host.children[0].classList.add('tds-link-component');
     }
     render() {
-        return (index.h("span", { class: `        
+        return (index.h("span", { key: 'd2c5ae52f9f44ccebd4a43d1d251ce60646a6998', class: `        
           ${this.disabled ? 'disabled' : ''}
           ${!this.underline ? 'no-underline' : ''}
-          ` }, index.h("slot", null)));
+          ` }, index.h("slot", { key: 'b0eeaaa6ad2fb70ae7f613883dc0f43d9ebe662a' })));
     }
     get host() { return index.getElement(this); }
 };
-TdsLink.style = linkCss;
+TdsLink.style = TdsLinkStyle0;
 
 exports.tds_link = TdsLink;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const messageCss = ":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-information)}:host .wrapper.information tds-icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success tds-icon{color:var(--tds-positive)}:host .wrapper.error{background-color:var(--tds-message-type-error-background);border-left:4px solid var(--tds-negative)}:host .wrapper.error tds-icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning tds-icon{color:var(--tds-warning)}:host .wrapper.minimal{border:none;display:flex;align-items:center;padding:0;background-color:transparent}:host .wrapper.minimal .header{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .wrapper.minimal.error .header{color:var(--tds-negative)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--tds-message-color);padding:2px 0}:host .content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .content .extended-message{color:var(--tds-message-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .tds-mode-variant-primary{--tds-message-background:var(--tds-message-background-primary)}:host .tds-mode-variant-secondary{--tds-message-background:var(--tds-message-background-secondary)}";
+const TdsMessageStyle0 = messageCss;
 
 const TdsMessage = class {
     constructor(hostRef) {
@@ -30,12 +31,12 @@ const TdsMessage = class {
         this.minimal = false;
     }
     render() {
-        return (index.h(index.Host, null, index.h("div", { class: `
+        return (index.h(index.Host, { key: '190cc07b4486efe36e0baccfafbf5819a80a741c' }, index.h("div", { key: '5d60a6cfd10e9329a1270afef97a4267a86cc08f', class: `
         wrapper ${this.variant}
         ${this.minimal ? 'minimal' : ''}
-        ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, !this.noIcon && index.h("tds-icon", { name: this.getIconName(), size: "20px" }), index.h("div", { class: `content` }, this.header && index.h("div", { class: "header" }, this.header), !this.minimal && (index.h("div", { class: "extended-message" }, index.h("slot", null)))))));
+        ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, !this.noIcon && index.h("tds-icon", { name: this.getIconName(), size: "20px" }), index.h("div", { key: '9dda54ccabbacecbee9f3268d6657696efbea827', class: `content` }, this.header && index.h("div", { class: "header" }, this.header), !this.minimal && (index.h("div", { class: "extended-message" }, index.h("slot", null)))))));
     }
 };
-TdsMessage.style = messageCss;
+TdsMessage.style = TdsMessageStyle0;
 
 exports.tds_message = TdsMessage;

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 const hasSlot = require('./hasSlot-1c90e9ba.js');
 
 const modalCss = ":root,.tds-mode-light{--tds-modal-backdrop:rgba(0 0 0 / 40%);--tds-modal-background:var(--tds-white);--tds-modal-text:var(--tds-grey-958);--tds-modal-icon:var(--tds-black);--tds-modal-icon-native:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40338 2.34308C3.11048 2.05019 2.63561 2.05019 2.34272 2.34308C2.04982 2.63598 2.04982 3.11085 2.34272 3.40374L6.93897 8L2.34283 12.5961C2.04994 12.889 2.04994 13.3639 2.34283 13.6568C2.63572 13.9497 3.1106 13.9497 3.40349 13.6568L7.99963 9.06066L12.5958 13.6568C12.8887 13.9497 13.3635 13.9497 13.6564 13.6568C13.9493 13.3639 13.9493 12.889 13.6564 12.5961L9.06029 8L13.6565 3.40376C13.9494 3.11086 13.9494 2.63599 13.6565 2.3431C13.3636 2.0502 12.8888 2.0502 12.5959 2.3431L7.99963 6.93934L3.40338 2.34308Z' fill='black'/%3E%3C/svg%3E%0A\");--tds-modal-scrollbar:var(--tds-grey-300);--tds-modal-scrollbar-track:var(--tds-grey-300);--tds-modal-scrollbar-thumb:var(--tds-grey-500)}.tds-mode-dark{--tds-modal-backdrop:rgba(0 0 0 / 40%);--tds-modal-background:var(--tds-grey-900);--tds-modal-text:var(--tds-grey-50);--tds-modal-icon:var(--tds-white);--tds-modal-icon-native:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40338 2.34308C3.11048 2.05019 2.63561 2.05019 2.34272 2.34308C2.04982 2.63598 2.04982 3.11085 2.34272 3.40374L6.93897 8L2.34283 12.5961C2.04994 12.889 2.04994 13.3639 2.34283 13.6568C2.63572 13.9497 3.1106 13.9497 3.40349 13.6568L7.99963 9.06066L12.5958 13.6568C12.8887 13.9497 13.3635 13.9497 13.6564 13.6568C13.9493 13.3639 13.9493 12.889 13.6564 12.5961L9.06029 8L13.6565 3.40376C13.9494 3.11086 13.9494 2.63599 13.6565 2.3431C13.3636 2.0502 12.8888 2.0502 12.5959 2.3431L7.99963 6.93934L3.40338 2.34308Z' fill='white'/%3E%3C/svg%3E%0A\");--tds-modal-scrollbar:var(--tds-grey-300);--tds-modal-scrollbar-track:var(--tds-grey-300);--tds-modal-scrollbar-thumb:var(--tds-grey-500)}.tds-modal{box-sizing:border-box;background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:4px;padding:16px;max-height:85vh;overflow-y:auto;pointer-events:auto;}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-track{background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500);border-radius:0 1em 1em 0}.tds-modal__actions-sticky{overflow:hidden}.tds-modal__actions-sticky .body{font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);padding-bottom:96px;margin:0 -16px 0 0;max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{position:absolute;bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:var(--tds-spacing-element-16);display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-modal-background);display:flex;gap:16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding-bottom:var(--tds-spacing-element-8);position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header::before{content:\" \";position:absolute;height:16px;top:-16px;width:100%;background-color:var(--tds-modal-background)}.header,slot[name=header]::slotted(*){color:var(--tds-modal-text);font:var(--tds-headline-05) !important;letter-spacing:var(--tds-headline-05-ls) !important;margin:0;flex:1}.body{color:var(--tds-modal-text);font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);padding-bottom:40px;overflow-y:visible;padding-right:16px;}.body::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-track{background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500)}@media (min-width: 1056px){.body{padding-right:64px}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-icon);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media (min-width: 320px){.tds-modal-close{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";
+const TdsModalStyle0 = modalCss;
 
 const TdsModal = class {
     constructor(hostRef) {
@@ -90,10 +91,10 @@ const TdsModal = class {
     render() {
         const usesHeaderSlot = hasSlot.hasSlot('header', this.host);
         const usesActionsSlot = hasSlot.hasSlot('actions', this.host);
-        return (index.h(index.Host, { class: `${this.isShown ? 'show' : 'hide'}`, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { class: "tds-modal-backdrop" }), index.h("div", { class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { class: "header" }, this.header && index.h("div", { class: "header" }, this.header), usesHeaderSlot && index.h("slot", { name: "header" }), index.h("button", { class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { name: "cross", size: "20px" }))), index.h("div", { class: "body" }, index.h("slot", { name: "body" })), usesActionsSlot && index.h("slot", { name: "actions" }))));
+        return (index.h(index.Host, { key: 'd3e0d4d6611134126de12944c238e96acce8dc58', class: `${this.isShown ? 'show' : 'hide'}`, onClick: (event) => this.handleOverlayClick(event) }, index.h("div", { key: 'c3b155f003be30978deefd302a0db9f20c319367', class: "tds-modal-backdrop" }), index.h("div", { key: '4606f040cd26d18b6cea7a1ef3af036b917a622c', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, index.h("div", { key: '5f281f96937c5459ef6de75a240769f95a607739', class: "header" }, this.header && index.h("div", { class: "header" }, this.header), usesHeaderSlot && index.h("slot", { name: "header" }), index.h("button", { key: 'd3cd87c242e5974886591241a8895780a0ee89a2', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, index.h("tds-icon", { key: 'bc9cc1be58288d800e36e66b53033f1991322cce', name: "cross", size: "20px" }))), index.h("div", { key: 'd30c37f23034e17dd4bb6a1a824f06147ba7982d', class: "body" }, index.h("slot", { key: '51e0253c5082db0f65504f45446a0aec33b4b1a2', name: "body" })), usesActionsSlot && index.h("slot", { name: "actions" }))));
     }
     get host() { return index.getElement(this); }
 };
-TdsModal.style = modalCss;
+TdsModal.style = TdsModalStyle0;
 
 exports.tds_modal = TdsModal;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const navigationTabCss = ":host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color) !important;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 4px}:host ::slotted(*:focus-visible)::before{content:\"\";position:absolute;left:0;right:0;top:26px;bottom:26px;outline:2px solid var(--tds-blue-400)}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative;margin-right:32px}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:\" \";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-navigation-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.first){margin-left:32px}:host(.last){margin-right:32px}";
+const TdsNavigationTabStyle0 = navigationTabCss;
 
 const TdsNavigationTab = class {
     constructor(hostRef) {
@@ -17,10 +18,10 @@ const TdsNavigationTab = class {
         this.selected = selected;
     }
     render() {
-        return (index.h(index.Host, { role: "listitem" }, index.h("div", { class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", null))));
+        return (index.h(index.Host, { key: 'a1eb1fdb72301a4ac46ecd367908651b87bb7352', role: "listitem" }, index.h("div", { key: '866b67d7bdcf4586e6d6f7e9af31bb1588c3f342', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: '1879d29a8fffb9ecf91c57c7a1714138344b7459' }))));
     }
 };
-TdsNavigationTab.style = navigationTabCss;
+TdsNavigationTab.style = TdsNavigationTabStyle0;
 
 exports.tds_navigation_tab = TdsNavigationTab;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const navigationTabsCss = ":host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:\" \";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
+const TdsNavigationTabsStyle0 = navigationTabsCss;
 
 const TdsNavigationTabs = class {
     constructor(hostRef) {
@@ -137,15 +138,15 @@ const TdsNavigationTabs = class {
         this.addResizeObserver();
     }
     render() {
-        return (index.h(index.Host, { role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { class: "wrapper", ref: (el) => {
+        return (index.h(index.Host, { key: '0ebc32eb685a718fd072e2875e76db089d3e0a67', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: 'c198b4934264d0d961ccc4216f030fb8800e0b48', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, index.h("button", { class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { name: "chevron_left", size: "20px" })), index.h("slot", null), index.h("button", { class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { name: "chevron_right", size: "20px" })))));
+            } }, index.h("button", { key: 'ac7ed834e57afe5bb8422ef861d3984f49c199cc', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '6aa99d22388b928edc9c3c97557f8b219cf9498c', name: "chevron_left", size: "20px" })), index.h("slot", { key: 'cd492ce2b51e1efd994f85405a2f3d6b8a4172d7' }), index.h("button", { key: 'a28528c08c767347ce59ae2a4efcd23b14a593f0', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '7e1d80299b44ea94e5420f26b14183989520d95d', name: "chevron_right", size: "20px" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
         "selectedIndex": ["handleSelectedIndexUpdate"]
     }; }
 };
-TdsNavigationTabs.style = navigationTabsCss;
+TdsNavigationTabs.style = TdsNavigationTabsStyle0;
 
 exports.tds_navigation_tabs = TdsNavigationTabs;

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.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(--tds-popover-canvas-color);background-color:var(--tds-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 TdsPopoverCanvasStyle0 = popoverCanvasCss;
 
 const TdsPopoverCanvas = class {
     constructor(hostRef) {
@@ -24,13 +25,13 @@ const TdsPopoverCanvas = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, null, index.h("tds-popover-core", Object.assign({}, this.inheritedAttributes, { class: {
+        return (index.h(index.Host, { key: '45b6b6b51a9c37d4692b2d3d5418fb3c57fd7bbd' }, index.h("tds-popover-core", Object.assign({ key: '580397a3b0ee7aa04911644418f347dde7a67f1c' }, 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' }), index.h("div", null, index.h("slot", null)))));
+            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click' }), index.h("div", { key: 'aaf09175958e1496d7e9ba685ac66a54320e8c7c' }, index.h("slot", { key: 'fb6ca5a14c2365b6c8ecac6f05c1c51f4ee20147' })))));
     }
     get host() { return index.getElement(this); }
 };
-TdsPopoverCanvas.style = popoverCanvasCss;
+TdsPopoverCanvas.style = TdsPopoverCanvasStyle0;
 
 exports.tds_popover_canvas = TdsPopoverCanvas;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1943,7 +1943,7 @@ const TdsPopoverCore = class {
         if (this.autoHide) {
             hostStyle = { display: this.isShown ? 'block' : 'none' };
         }
-        return (index.h(index.Host, { style: hostStyle }, index.h("slot", null)));
+        return (index.h(index.Host, { key: '37933e24ca1b3ef534043364efe070074b934588', style: hostStyle }, index.h("slot", { key: 'fe4498e8b3cc2e3bd12f1080edea75b1d502e832' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const popoverMenuItemCss = ":host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{pointer-events:none;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host ::slotted(*:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{z-index:-1;content:\"\";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}";
+const TdsPopoverMenuItemStyle0 = popoverMenuItemCss;
 
 const TdsPopoverMenuItem = class {
     constructor(hostRef) {
@@ -12,12 +13,12 @@ const TdsPopoverMenuItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { role: "listitem" }, index.h("div", { class: {
+        return (index.h(index.Host, { key: 'b7094f420d522c9e1bca7c4121725fef8e9ce9f9', role: "listitem" }, index.h("div", { key: '94b4032e8f3c257e4c16ecf271163aed77fafa8d', class: {
                 wrapper: true,
                 disabled: this.disabled,
-            } }, index.h("slot", null))));
+            } }, index.h("slot", { key: 'd9280a3c2939c5620ef5f097b5c434f321f7a51e' }))));
     }
 };
-TdsPopoverMenuItem.style = popoverMenuItemCss;
+TdsPopoverMenuItem.style = TdsPopoverMenuItemStyle0;
 
 exports.tds_popover_menu_item = TdsPopoverMenuItem;

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.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(--tds-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 TdsPopoverMenuStyle0 = popoverMenuCss;
 
 const TdsPopoverMenu = class {
     constructor(hostRef) {
@@ -24,14 +25,14 @@ const TdsPopoverMenu = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, null, index.h("tds-popover-core", { class: {
+        return (index.h(index.Host, { key: '478be0089e62be878b3085bbda009fb87d5ccade' }, index.h("tds-popover-core", { key: '1e70eae5df4937ba0bb4b13f53ea81a2a45ffea7', 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 }, index.h("div", { role: "list" }, index.h("slot", null)))));
+            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance }, index.h("div", { key: '038691370cdd8162cf24c6268b69c1c611030dac', role: "list" }, index.h("slot", { key: 'fad59409fba2f35e5324fd755bb03a1ccc65ca2c' })))));
     }
     get host() { return index.getElement(this); }
 };
-TdsPopoverMenu.style = popoverMenuCss;
+TdsPopoverMenu.style = TdsPopoverMenuStyle0;
 
 exports.tds_popover_menu = TdsPopoverMenu;

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
 
 const radioButtonCss = ".sc-tds-radio-button:root,.tds-mode-light.sc-tds-radio-button{--tds-radio-button-color:var(--tds-grey-958);--tds-radio-button-interaction-01:var(--tds-blue-800);--tds-radio-button-interaction-02:var(--tds-white);--tds-radio-button-background-hover:var(--tds-blue-800);--tds-radio-button-background-focus:var(--tds-blue-800);--tds-radio-button-disabled:var(--tds-grey-600);--tds-radio-button-border-color-disabled-after:var(--tds-grey-500);--tds-radio-button-color-disabled-after:var(--tds-grey-700);--tds-radio-button-color-disabled-before:var(--tds-grey-700)}.tds-mode-dark.sc-tds-radio-button{--tds-radio-button-color:var(--tds-white);--tds-radio-button-interaction-01:var(--tds-white);--tds-radio-button-interaction-02:var(--tds-grey-958);--tds-radio-button-background-hover:var(--tds-white);--tds-radio-button-background-focus:var(--tds-white);--tds-radio-button-disabled:var(--tds-grey-600);--tds-radio-button-border-color-disabled-after:var(--tds-grey-700);--tds-radio-button-color-disabled-after:var(--tds-grey-700)}.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;display:flex;align-items:center;margin-left:-4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-color)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:24px;height:24px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) var(--tds-spacing-element-4);cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:\"\";position:absolute;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:24px;height:24px;left:0;top:0}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);width:16px;height:16px;left:4px;top:4px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{background-color:var(--tds-radio-button-background-hover);opacity:0.12}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus::before{background-color:var(--tds-radio-button-background-focus);opacity:0.24;animation:rb-focus 0.4s cubic-bezier(0.65, 0.05, 0.38, 0.95) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid var(--tds-radio-button-color-disabled-before);box-sizing:content-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);left:5px;top:5px}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:0.24}}";
+const TdsRadioButtonStyle0 = radioButtonCss;
 
 const TdsRadioButton = class {
     constructor(hostRef) {
@@ -25,10 +26,10 @@ const TdsRadioButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("div", { class: "tds-radio-button" }, index.h("input", { 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() }), index.h("label", { htmlFor: this.radioId }, index.h("slot", { name: "label" }))));
+        return (index.h("div", { key: '94a76d67c971bcc9d5e45cd64ad49f87267ec584', class: "tds-radio-button" }, index.h("input", { key: '73bb8fa6fabede809f55ea63d956efb6f776bd68', 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() }), index.h("label", { key: '2bc4fb9747aa4207f0082680b9c2ab720f802844', htmlFor: this.radioId }, index.h("slot", { key: '0b0c2bb6e2cbd67e307a4bc603dc48a699aa2202', name: "label" }))));
     }
     get host() { return index.getElement(this); }
 };
-TdsRadioButton.style = radioButtonCss;
+TdsRadioButton.style = TdsRadioButtonStyle0;
 
 exports.tds_radio_button = TdsRadioButton;

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

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 const inheritAriaAttributes = require('./inheritAriaAttributes-dedbbc57.js');
 require('./inheritAttributes-ff9ad737.js');
 
 const sideMenuCloseButtonCss = ":host button{height:64px;width:100%;text-align:left;padding:0 24px;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 TdsSideMenuCloseButtonStyle0 = sideMenuCloseButtonCss;
 
 const TdsSideMenuCloseButton = class {
     constructor(hostRef) {
@@ -14,10 +15,10 @@ const TdsSideMenuCloseButton = class {
     }
     render() {
         const buttonProps = Object.assign({ 'aria-label': 'Close' }, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        return (index.h(index.Host, null, index.h("button", Object.assign({}, buttonProps), index.h("tds-icon", { name: "cross", size: "20px" }))));
+        return (index.h(index.Host, { key: 'af2986a1df94f1c537dfafdb851829380a21b475' }, index.h("button", Object.assign({ key: 'e4838583f4c2c13415bf0a73112e0a8a07dbe597' }, buttonProps), index.h("tds-icon", { key: '47a2f2750155b166766dc493066c764e81122653', name: "cross", size: "20px" }))));
     }
     get host() { return index.getElement(this); }
 };
-TdsSideMenuCloseButton.style = sideMenuCloseButtonCss;
+TdsSideMenuCloseButton.style = TdsSideMenuCloseButtonStyle0;
 
 exports.tds_side_menu_close_button = TdsSideMenuCloseButton;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.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 TdsSideMenuCollapseButtonStyle0 = sideMenuCollapseButtonCss;
 
 const TdsSideMenuCollapseButton = class {
     constructor(hostRef) {
@@ -35,17 +36,17 @@ const TdsSideMenuCollapseButton = class {
         this.collapsed = this.sideMenuEl.collapsed;
     }
     render() {
-        return (index.h(index.Host, { role: "button", tabindex: "0", onClick: () => {
+        return (index.h(index.Host, { key: 'e48ec8fc6347ae78b23c2a3e889f5197ede47f66', role: "button", tabindex: "0", onClick: () => {
                 this.handleClick();
-            } }, index.h("div", { class: {
+            } }, index.h("div", { key: 'e9db12048f2b2291d001e4b5531a2a0e2ae94869', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { class: {
+            } }, index.h("tds-side-menu-item", { key: '43e3d501c4df6701f17b48496d1ffca86b0f4bd5', class: {
                 button: true,
-            } }, index.h("a", null, index.h("svg", { class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { "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", null))))));
+            } }, index.h("a", { key: '9455d2a2e177eec134267ae09a60fad14d1f0d8a' }, index.h("svg", { key: '90a0d1b9b9ec1b75fb1c66b2f27f0004921b8699', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: 'b804ec026cfc18f90b04d6d363e7221c3417317a', "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", null))))));
     }
     get host() { return index.getElement(this); }
 };
-TdsSideMenuCollapseButton.style = sideMenuCollapseButtonCss;
+TdsSideMenuCollapseButton.style = TdsSideMenuCollapseButtonStyle0;
 
 exports.tds_side_menu_collapse_button = TdsSideMenuCollapseButton;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.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:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){border-left:4px solid var(--tds-nav-item-border-color-active);padding-left:20px;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-left:56px}";
+const TdsSideMenuDropdownListItemStyle0 = sideMenuDropdownListItemCss;
 
 const TdsSideMenuDropdownListItem = class {
     constructor(hostRef) {
@@ -33,15 +34,15 @@ const TdsSideMenuDropdownListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { role: "listitem" }, index.h("div", { class: {
+        return (index.h(index.Host, { key: 'f9a26ee973ab394933e507602d55e4ab78ac2a1a', role: "listitem" }, index.h("div", { key: '28ad60d22c28fc9fd7c5b607b95a2864c90dd5c5', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", null))));
+            } }, index.h("slot", { key: 'a76c94db492969a407c8e43e9d04ff44af615422' }))));
     }
     get host() { return index.getElement(this); }
 };
-TdsSideMenuDropdownListItem.style = sideMenuDropdownListItemCss;
+TdsSideMenuDropdownListItem.style = TdsSideMenuDropdownListItemStyle0;
 
 exports.tds_side_menu_dropdown_list_item = TdsSideMenuDropdownListItem;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.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 TdsSideMenuDropdownListStyle0 = sideMenuDropdownListCss;
 
 const TdsSideMenuDropdownList = class {
     constructor(hostRef) {
@@ -20,12 +21,12 @@ const TdsSideMenuDropdownList = class {
         this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
     }
     render() {
-        return (index.h(index.Host, { role: "list" }, index.h("div", { class: {
+        return (index.h(index.Host, { key: '6d19bf90638236d3d26b58a79e0621f82077dba7', role: "list" }, index.h("div", { key: 'cd7bc4480d019604b214443f8f0df688a906d8ab', class: {
                 'state-collapsed': this.collapsed,
-            } }, index.h("slot", null))));
+            } }, index.h("slot", { key: '47d1ea3415f77ffbbb407e4ae17a90444b340b65' }))));
     }
     get host() { return index.getElement(this); }
 };
-TdsSideMenuDropdownList.style = sideMenuDropdownListCss;
+TdsSideMenuDropdownList.style = TdsSideMenuDropdownListStyle0;
 
 exports.tds_side_menu_dropdown_list = TdsSideMenuDropdownList;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.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:68px;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 TdsSideMenuDropdownStyle0 = sideMenuDropdownCss;
 
 const TdsSideMenuDropdown = class {
     constructor(hostRef) {
@@ -53,16 +54,16 @@ const TdsSideMenuDropdown = class {
         this.open = this.defaultOpen;
     }
     render() {
-        return (index.h(index.Host, null, index.h("div", { class: {
+        return (index.h(index.Host, { key: '6fe745525d89abd54dd170f56a9ba5f0ca3fc139' }, index.h("div", { key: 'cc11b904347ae67bd54e6545e37b60a587ab6f6e', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, index.h("tds-side-menu-item", { class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, index.h("tds-side-menu-item", { key: '857d5f11306ee2fba67b55c5e3319aa8b43f1440', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            } }, index.h("button", null, index.h("slot", { name: "icon" }), !this.collapsed && (index.h(index.Fragment, null, this.buttonLabel, index.h("slot", { name: "label" }), index.h("tds-icon", { class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), index.h("div", { class: "menu" }, this.collapsed && (index.h("h3", { class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { name: "label" }))), index.h("slot", null)))));
+            } }, index.h("button", { key: 'c09abf0607ef27872783bf97a61e95727ecbfe93' }, index.h("slot", { key: 'a90c19a33327ef5a33ca1688c50ae8f16c536482', name: "icon" }), !this.collapsed && (index.h(index.Fragment, null, this.buttonLabel, index.h("slot", { name: "label" }), index.h("tds-icon", { class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), index.h("div", { key: '9b4f45f0ee9076a39a0792576bc5e4a4e8368a48', class: "menu" }, this.collapsed && (index.h("h3", { class: "heading-collapsed" }, this.buttonLabel, index.h("slot", { name: "label" }))), index.h("slot", { key: '7603c91608ff39ed9712d52e46cc573a06949078' })))));
     }
     get host() { return index.getElement(this); }
 };
-TdsSideMenuDropdown.style = sideMenuDropdownCss;
+TdsSideMenuDropdown.style = TdsSideMenuDropdownStyle0;
 
 exports.tds_side_menu_dropdown = TdsSideMenuDropdown;

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.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:12px;padding:0 24px;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:2px solid var(--tds-blue-400);outline-offset:-2px}: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){border-left:4px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color);padding-left:20px;background-color:var(--tds-sidebar-item-state-selected)}@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 {
     constructor(hostRef) {
@@ -59,15 +60,15 @@ const TdsSideMenuItem = class {
         this.updateSlottedElements();
     }
     render() {
-        return (index.h(index.Host, null, index.h("div", { class: {
+        return (index.h(index.Host, { key: 'b94e2117fa05134a3aff5fd15b5eae90203d4570' }, index.h("div", { key: '02ebe255b0c72bdbf709c45739acfeebddec54de', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
-            } }, index.h("slot", null))));
+            } }, index.h("slot", { key: '97412b94539aaa451cd5dcb8f9d962e5e0c73e0c' }))));
     }
     get host() { return index.getElement(this); }
 };
-TdsSideMenuItem.style = sideMenuItemCss;
+TdsSideMenuItem.style = TdsSideMenuItemStyle0;
 
 exports.tds_side_menu_item = TdsSideMenuItem;

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

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const sideMenuOverlayCss = ":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}";
+const TdsSideMenuOverlayStyle0 = sideMenuOverlayCss;
 
 const TdsSideMenuOverlay = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, null, index.h("div", null)));
+        return (index.h(index.Host, { key: '598597cc04bbf02b861489cd8ad282ece6b8145b' }, index.h("div", { key: '03fa1dc0991e1cd5721b993a75ea7d8065e3a235' })));
     }
 };
-TdsSideMenuOverlay.style = sideMenuOverlayCss;
+TdsSideMenuOverlay.style = TdsSideMenuOverlayStyle0;
 
 exports.tds_side_menu_overlay = TdsSideMenuOverlay;