@scania/tegel 1.28.0 → 1.28.1-fix-text-field-label-click-focus-beta.0

package/dist/components/{p-d61bd22e.js → p-7dbc1182.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { d as dfs } from './p-52bf0fdf.js';
-import { d as defineCustomElement$1 } from './p-e49a0ceb.js';
+import { d as defineCustomElement$1 } from './p-e1622f4a.js';
 
 const headerItemCss = ":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){background-color:var(--tds-header--basic-element-background-selected);padding-top:4px;border-bottom-style:solid;border-bottom-width:4px;border-bottom-color:var(--tds-nav-item-border-color-active)}";
 const TdsHeaderItemStyle0 = headerItemCss;
@@ -79,10 +79,10 @@ const TdsHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsHeaderItem exten
         }
     }
     render() {
-        return (h(Host, { key: '04494c94f296aeaed5dc491c2ebf31450e15efc1' }, h("tds-core-header-item", { key: '8a699bc7134795ca9670a0f21a688dc3efadd51a', class: {
+        return (h(Host, { key: '8bf1f05e837866442a31d6079cebce9f3f4b6a01' }, h("tds-core-header-item", { key: '2000815259c320803ecc6bb71553d56187c40983', class: {
                 'component-active': this.active,
                 'component-selected': this.selected,
-            } }, h("slot", { key: 'd0c443c281df9015bbdbffd1b56035d2c7e0cca2' }))));
+            } }, h("slot", { key: '35753d03b2ca354b0054172079ac20cd87524538' }))));
     }
     get host() { return this; }
     static get style() { return TdsHeaderItemStyle0; }

package/dist/components/{p-0e6efec9.js → p-8a483a61.js}

@@ -58,12 +58,12 @@ const TdsSideMenuItem = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuItem e
         this.updateSlottedElements();
     }
     render() {
-        return (h(Host, { key: '47e9325f6606cb06ce21676b12b9123bb5147501' }, h("div", { key: 'b0309c6d2242d862a3c91fe0f8e94af73af915d5', class: {
+        return (h(Host, { key: '0c9290486534fe72176fd531e9c1946358984c3a' }, h("div", { key: 'e215756bc01214c4de39702eec972ccb84a58d2d', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", { key: 'f96fa0078d9d2da5f76edb05d91cb5eb19dd01fb' }))));
+            } }, h("slot", { key: 'c461a28519b6632322b872b71407ee82ed82a950' }))));
     }
     get host() { return this; }
     static get style() { return TdsSideMenuItemStyle0; }

package/dist/components/{p-34737ed9.js → p-9336db16.js}

@@ -75,7 +75,7 @@ const TdsHeaderDropdownList = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDr
             'role': 'list',
             'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
         };
-        return (h(Host, Object.assign({ key: 'ed227a94a244fcb78cef53b5f0253e5df9a41c31' }, attributes), h("slot", { key: '39e541672f4ab52a308a9cb5856c9d2535afbfea' })));
+        return (h(Host, Object.assign({ key: '57e8ecd046b7a260f1516fc80673e9d095ffd4d3' }, attributes), h("slot", { key: 'e0bafe5fffcf8864faebd4603597e3e424a35046' })));
     }
     get host() { return this; }
     static get style() { return TdsHeaderDropdownListStyle0; }

package/dist/components/{p-92fb75a7.js → p-9b40a24d.js}

@@ -37,7 +37,7 @@ const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends H {
         this.arrayOfIcons = [...this.arrayOfIcons];
     }
     render() {
-        return h(Host, { key: 'd19a1de2f0267b93717324d424b9c89e19bbcb21' }, this.setIcons());
+        return h(Host, { key: 'd04e031dc560ea9d4d9e143a5d1b74573f3fc570' }, this.setIcons());
     }
     static get style() { return TdsIconStyle0; }
 }, [1, "tds-icon", {

package/dist/components/{p-1c606f82.js → p-9ba3c16e.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
 import { c as convertToString } from './p-a1181b1f.js';
-import { d as defineCustomElement$2 } from './p-14ab9663.js';
-import { d as defineCustomElement$1 } from './p-92fb75a7.js';
+import { d as defineCustomElement$2 } from './p-1ef7423a.js';
+import { d as defineCustomElement$1 } from './p-9b40a24d.js';
 
 const dropdownOptionCss = ":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{background-color:var(--tds-dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--tds-dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";
 const TdsDropdownOptionStyle0 = dropdownOptionCss;
@@ -89,7 +89,7 @@ const TdsDropdownOption = /*@__PURE__*/ proxyCustomElement(class TdsDropdownOpti
         this.internalValue = convertToString(this.value);
     }
     render() {
-        return (h(Host, { key: 'f471d5238869b3a522b36d99d7549c1229cd83a2' }, h("div", { key: 'da9edccba96999b0ee40f8c599325774593de814', class: `dropdown-option 
+        return (h(Host, { key: '74a589238e0aa9efbb7f0d04acf1327277182dd8' }, h("div", { key: '0ae5f014516383833b2504c4dfe3c317e44d1ef9', class: `dropdown-option 
           ${this.size}
           ${this.selected ? 'selected' : ''}
           ${this.disabled ? 'disabled' : ''}

package/dist/components/{p-252f3d4d.js → p-b0ca50a3.js}

@@ -2044,7 +2044,7 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
             'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
         };
         const classList = generateClassList(classes);
-        return (h(Host, { key: '0a41818272dd567616b762d3b2d8cc9d36bb913a', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: 'e4b23a734ca96179cb980b3456945ff2ce3b160b' })));
+        return (h(Host, { key: '5c557610103827aedbabbd37a79730580d15ca2d', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '487a937b3c9d87b91425f6bd9eb88bc3fa85d7df' })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/{p-3e93886d.js → p-bff614d5.js}

@@ -12,7 +12,7 @@ const TdsSideMenuUserImage = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuU
         this.alt = undefined;
     }
     render() {
-        return (h(Host, { key: 'ea8f9c51aefab60fd2c32cee1be0344ec3fc6751' }, h("slot", { key: 'ae8fb3c065544aeb6c4737789e1dfefd5eb3a947' }), this.src && h("img", { key: '7b0b888ccaef7e1f40e82eb46c3bc09b78c92d0f', src: this.src, alt: this.alt })));
+        return (h(Host, { key: '62b6a38f0705b052cb4d5b9379bc77662f66c505' }, h("slot", { key: '99aeba48272e512ce419a934cb4147052a5e0190' }), this.src && h("img", { key: '352e0a3f93558b298835afbfe72193cdbebcffa4', src: this.src, alt: this.alt })));
     }
     static get style() { return TdsSideMenuUserImageStyle0; }
 }, [1, "tds-side-menu-user-image", {

package/dist/components/{p-789bb453.js → p-cb52e59b.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAttributes } from './p-3fe9cbbf.js';
-import { d as defineCustomElement$1 } from './p-252f3d4d.js';
+import { d as defineCustomElement$1 } from './p-b0ca50a3.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;
@@ -32,12 +32,12 @@ const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas
     }
     render() {
         var _a;
-        return (h(Host, { key: '65f267d001dc720000b13f6b46010781ccd3119c' }, h("tds-popover-core", Object.assign({ key: '5a3df2dbc918a330f895fbfb4bbf1a5a6ebe2c21', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '7fc248134985c3e319165aa5c15aee594ad117b3' }, h("tds-popover-core", Object.assign({ key: '5e06303ae6aa45fc00337bb438cc4ff278832de5', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
                 'tds-popover-canvas': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: '3c24d23c70824186c971ce3cfe79d2d14ac472a1' }, h("slot", { key: 'ca58b5e939aabdbe80ca92d747c191f08ad34b4d' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: 'd02025b71eab7fb46f4bc036581f8f253a247170' }, h("slot", { key: '83e1ff41b0c4ff6a212d90cd5735b12982a29bf0' })))));
     }
     get host() { return this; }
     static get style() { return TdsPopoverCanvasStyle0; }

package/dist/components/{p-c0b84c59.js → p-ce28efb8.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
 import { c as convertToString, a as convertArrayToStrings } from './p-a1181b1f.js';
-import { d as defineCustomElement$1 } from './p-92fb75a7.js';
+import { d as defineCustomElement$1 } from './p-9b40a24d.js';
 
 /**
  * Find the next focusable element index in a list of focusable elements.
@@ -467,9 +467,9 @@ const TdsDropdown = /*@__PURE__*/ proxyCustomElement(class TdsDropdown extends H
     }
     render() {
         appendHiddenInput(this.host, this.name, this.selectedOptions.join(','), this.disabled);
-        return (h(Host, { key: 'b8c418ebe609789c1610178d764a7d620e2231c2', class: {
+        return (h(Host, { key: '355b932acbd4bd73fd49f03fc97c45d2851d384c', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: 'ee5c005d5020e2226ce54c93a90f2098e081a6df', class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: 'ca674a2361f1301886bb855b7093c67b999a500a', class: {
+            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: '6551ecaae468c210b4d984ab611ce6053c0e4793', class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '9942c7bc9940d319d8cf97dc17cd1241633921e2', class: {
                 'dropdown-select': true,
                 [this.size]: true,
                 'disabled': this.disabled,
@@ -519,7 +519,7 @@ const TdsDropdown = /*@__PURE__*/ proxyCustomElement(class TdsDropdown extends H
                     label-inside-as-placeholder
                     ${this.size}
                     ${this.selectedOptions.length ? 'selected' : ''}
-                    ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, this.selectedOptions.length ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: '14558013e5903958942dc7dd3ef2d3a49f79b245', role: "listbox", "aria-label": this.tdsAriaLabel, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
+                    ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, this.selectedOptions.length ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: 'd0b201e483628f0152d4169dfe53eba25860bd8e', role: "listbox", "aria-label": this.tdsAriaLabel, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
                 this.dropdownList = element;
             }, class: {
                 'dropdown-list': true,
@@ -530,11 +530,11 @@ const TdsDropdown = /*@__PURE__*/ proxyCustomElement(class TdsDropdown extends H
                 'closed': !this.open,
                 [`animation-enter-${this.animation}`]: this.animation !== 'none' && this.open,
                 [`animation-exit-${this.animation}`]: this.animation !== 'none' && !this.open,
-            } }, h("slot", { key: '5f69c2fcb5b6a130888d7cd92d4cb882122e3e58', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: 'bae7a62960f90cd7b679ac4956a677dbff378ac7', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: 'be5fe56a1e19e812fa983c22f130c0d3001da55b', class: {
+            } }, h("slot", { key: 'e18a6991f876c142ff21d6e15c121a8e450735ae', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '79b654db4e9a18b5a19e2a42d2fd06d7bea4fe6b', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: 'e0bef905f7e310a47e567ea6fa13e11923b54232', class: {
                 helper: true,
                 error: this.error,
                 disabled: this.disabled,
-            } }, this.error && h("tds-icon", { key: 'c0ccc491caa1aca628aff12e02d8a917a74e9c86', name: "error", size: "16px" }), this.helper))));
+            } }, this.error && h("tds-icon", { key: '0ee7ab0c6c86e35ce5c0d1933e75237fb43d58d1', name: "error", size: "16px" }), this.helper))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/{p-e8d2dbbf.js → p-da0800c1.js}

@@ -11,7 +11,7 @@ const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends H {
         this.orientation = 'horizontal';
     }
     render() {
-        return (h(Host, { key: 'da07834ddc86e611803422b2a756c76109034fbf', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: '90671868ed03281cfbd821cdb7057d4e79d790c3', class: `divider ${this.orientation}` })));
+        return (h(Host, { key: 'ba76d9ad8784effb3455130fabeb83e52ca5ea17', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: '287c0ca0216b7f381754b6188edfdd607a1dd3b7', class: `divider ${this.orientation}` })));
     }
     static get style() { return TdsDividerStyle0; }
 }, [1, "tds-divider", {

package/dist/components/{p-e49a0ceb.js → p-e1622f4a.js}

@@ -10,7 +10,7 @@ const TdsCoreHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsCoreHeaderIt
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '6d8190cb3f2b389127bef36f6fa72da8d9486e5a' }, h("div", { key: 'f254e9b56d7cd61d0e9ee0d63de39cbaa9d63935', class: "item" }, h("slot", { key: '4c4dcb455f9964ad3310e269b5d00098e8d8cea9' }))));
+        return (h(Host, { key: 'cdc1e1712659f82b9bbefd67977de93963dbc68e' }, h("div", { key: '1c39a69aa967c64941be3507d7e88f92cea58623', class: "item" }, h("slot", { key: '62576106bdb13d983e5a415421522bbcddd348bf' }))));
     }
     static get style() { return TdsCoreHeaderItemStyle0; }
 }, [1, "tds-core-header-item"]);

package/dist/components/{p-f8a36676.js → p-f4c6f29b.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
-import { d as defineCustomElement$3 } from './p-e49a0ceb.js';
-import { d as defineCustomElement$2 } from './p-d61bd22e.js';
-import { d as defineCustomElement$1 } from './p-92fb75a7.js';
+import { d as defineCustomElement$3 } from './p-e1622f4a.js';
+import { d as defineCustomElement$2 } from './p-7dbc1182.js';
+import { d as defineCustomElement$1 } from './p-9b40a24d.js';
 
 const headerLauncherButtonCss = ":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";
 const TdsHeaderLauncherButtonStyle0 = headerLauncherButtonCss;
@@ -18,7 +18,7 @@ const TdsHeaderLauncherButton = /*@__PURE__*/ proxyCustomElement(class TdsHeader
     render() {
         this.ariaAttributes = Object.assign(Object.assign({}, this.ariaAttributes), inheritAriaAttributes(this.host));
         const buttonProps = Object.assign({}, this.ariaAttributes);
-        return (h(Host, { key: '445f5863dd96c417c99e460248bd0f2c2a224f0a' }, h("tds-header-item", { key: '792692a34c1192d37e81322a8e75387e51954ebe', active: this.active }, h("button", Object.assign({ key: '7be3e9e148ceab7b361f37b1029dfad474db7b16' }, buttonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: '5001f19dfa40ade6a9c64052caa4c38de901a5d4', class: "icon", name: "bento", size: "20px", "svg-title": this.tdsAriaLabel })))));
+        return (h(Host, { key: '6d8b16f71586f3bc944f17aa80234605bbc57ab0' }, h("tds-header-item", { key: '49529617101956090cdc2092d4df80fdf376a123', active: this.active }, h("button", Object.assign({ key: '76cd7b84413aafedaec6b1326e55307bf640b73f' }, buttonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: '145394461e3bc680a2f2b07e82f8b3bb549f1e6d', class: "icon", name: "bento", size: "20px", "svg-title": this.tdsAriaLabel })))));
     }
     get host() { return this; }
     static get style() { return TdsHeaderLauncherButtonStyle0; }

package/dist/components/tds-accordion-item.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
 import { g as generateUniqueId } from './p-11648030.js';
-import { d as defineCustomElement$2 } from './p-92fb75a7.js';
+import { d as defineCustomElement$2 } from './p-9b40a24d.js';
 
 const accordionItemCss = ".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;font:var(--tds-detail-03);letter-spacing:var(--tds-detail-03-ls)}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:focus,.tds-accordion-item.disabled:focus *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-start,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:focus{border-top:1px solid var(--tds-accordion-border-focus)}.tds-accordion-item[disabled=true]:focus{border-color:var(--tds-accordion-border)}:host(:focus) .tds-accordion-item{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host(:focus) .tds-accordion-item .tds-accordion-header-icon-start,:host(:focus) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-focus);outline:none}:host(:hover) .tds-accordion-header-icon-start,:host(:hover) .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-hover)}:host(:active) .tds-accordion-header-icon-start,:host(:active) .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active);outline:none}";
 const TdsAccordionItemStyle0 = accordionItemCss;
@@ -30,12 +30,12 @@ const TdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsAccordionIt
     render() {
         const primaryElementId = generateUniqueId();
         const secondaryElementId = generateUniqueId();
-        return (h(Host, { key: 'b2935bb09e2114c8a87f50964bffdd07211ee201' }, h("div", { key: '50db384c5c5a6e8761df5f2d0637838bcd3ca1da', class: `tds-accordion-item
+        return (h(Host, { key: 'b5d0982e8de2c5ba4b5a692b169dfc6b8fb5c40c' }, h("div", { key: '6a516a64eb4a268a236e4b7265c9a3c034fd5c8e', class: `tds-accordion-item
         ${this.disabled ? 'disabled' : ''}
         ${this.expanded ? 'expanded' : ''}
-        ` }, h("div", { key: '4b8f4b7b615139c0c73fc6b705d342eb41b6e6ba', role: "heading", "aria-level": this.ariaLevelValue }, h("button", { key: 'e581244d09226e154f6a4042ec120364a61c861b', id: secondaryElementId, "aria-controls": primaryElementId, type: "button", "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled, class: `tds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { key: '3e380f7dc892022cbacc75e05a11e6e9e2b078ea', class: "tds-accordion-title" }, this.header, h("slot", { key: '465dc1763ed8a1c587b3d3ea7a9467f2dab56a2b', name: "header" })), h("div", { key: 'd1c0d053e936d2750e693b3aa665098491f59ec0', class: "tds-accordion-icon" }, h("tds-icon", { key: 'fd33161591b663d8e33f2a62922d8594cf7290e1', svgTitle: "Chevron Down", name: "chevron_down", size: "16px" })))), h("div", { key: '8103ea48538f990461b3ad0e01b70584b47726d1', role: "region", "aria-live": "polite", "aria-labelledby": secondaryElementId, id: primaryElementId, class: `tds-accordion-panel
+        ` }, h("div", { key: 'cd95b6ea5181930241d4908c690880a19d1f772d', role: "heading", "aria-level": this.ariaLevelValue }, h("button", { key: '8ed4fed89af13db51f5c1572a8c04827c9eede48', id: secondaryElementId, "aria-controls": primaryElementId, type: "button", "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled, class: `tds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { key: '4a9cdcfeb2fdcc71aefdcaa12a348d74681e5a9e', class: "tds-accordion-title" }, this.header, h("slot", { key: 'b1d7c8e58e0f78325d7cf2d08da080893e501794', name: "header" })), h("div", { key: '4cd5472d11a80cdf3f23b0a014e6a8dd1ccf2166', class: "tds-accordion-icon" }, h("tds-icon", { key: 'f3c9f00bd5b00e21ba6bb44ec04e5944427aa1ff', svgTitle: "Chevron Down", name: "chevron_down", size: "16px" })))), h("div", { key: '484904968c47e6bd5f56dbfdf304b07ed0a569b7', role: "region", "aria-live": "polite", "aria-labelledby": secondaryElementId, id: primaryElementId, class: `tds-accordion-panel
             ${this.paddingReset ? 'tds-accordion-panel--padding-reset ' : ''}
-            ` }, h("slot", { key: '14af4c914f6935c4efdc0e79e7ce05d4a11efea4' })))));
+            ` }, h("slot", { key: '3723a1b2cd788190cf5b7ec6d86da7fadf30abdf' })))));
     }
     static get style() { return TdsAccordionItemStyle0; }
 }, [1, "tds-accordion-item", {

package/dist/components/tds-accordion.js

@@ -12,11 +12,11 @@ const TdsAccordion$1 = /*@__PURE__*/ proxyCustomElement(class TdsAccordion exten
         this.hideLastBorder = false;
     }
     render() {
-        return (h(Host, { key: '807ed1f886250d595e064e132082ce13151c08fb', class: {
+        return (h(Host, { key: 'c9ecf1a636d34f69a433aa6adac976623739b631', class: {
                 'tds-accordion': true,
                 [`tds-mode-variant-${this.modeVariant || ''}`]: Boolean(this.modeVariant),
                 'hide-last-border': this.hideLastBorder,
-            } }, h("slot", { key: 'b7d8fad6d2fdaaf5b4f5d531c59ff99a435ba050' })));
+            } }, h("slot", { key: '4dd6d46024e918a3cd5e7594449147a94d07d6a0' })));
     }
     static get style() { return TdsAccordionStyle0; }
 }, [1, "tds-accordion", {

package/dist/components/tds-badge.js

@@ -31,12 +31,12 @@ const TdsBadge$1 = /*@__PURE__*/ proxyCustomElement(class TdsBadge extends H {
         }
     }
     render() {
-        return (h("host", { key: '1bb4a6deafad993e87c934ae2e1fac7d0fa94306', role: "status", class: {
+        return (h("host", { key: '718d8c1583ad75a49fb5f24bb8efbdad4e3228a7', role: "status", class: {
                 'tds-badge': true,
                 [`tds-badge-${this.size}`]: true,
                 'tds-badge-pill': this.shape === 'pill',
                 'tds-badge-hidden': this.hidden,
-            }, "aria-label": this.tdsAriaLabel, "aria-live": this.tdsAriaLive }, h("div", { key: '3a32a1394cebceb7600d39508ab2dd5d91087ead', class: "tds-badge-text", "aria-hidden": "true" }, this.text)));
+            }, "aria-label": this.tdsAriaLabel, "aria-live": this.tdsAriaLive }, h("div", { key: 'd76ae168c4f5926a170472162ecd611b5e6e4639', class: "tds-badge-text", "aria-hidden": "true" }, this.text)));
     }
     static get watchers() { return {
         "value": ["watchProps"],

package/dist/components/tds-banner.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
 import { g as generateUniqueId } from './p-11648030.js';
 import { h as hasSlot } from './p-ae110fc2.js';
-import { d as defineCustomElement$2 } from './p-92fb75a7.js';
+import { d as defineCustomElement$2 } from './p-9b40a24d.js';
 
 const bannerCss = ":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;padding-top:12px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-blue-400);outline-offset:-2px}";
 const TdsBannerStyle0 = bannerCss;
@@ -48,11 +48,11 @@ const TdsBanner$1 = /*@__PURE__*/ proxyCustomElement(class TdsBanner extends H {
         const usesHeaderSlot = hasSlot('subheader', this.host);
         const usesSubheaderSlot = hasSlot('subheader', this.host);
         const usesActionsSlot = hasSlot('actions', this.host);
-        return (h(Host, { key: '75cdf09f84a1dac7638a4788eb48c46bca25df4e', role: this.roleType, "aria-hidden": `${this.hidden}`, "aria-live": this.roleType === 'alert' ? 'assertive' : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: {
+        return (h(Host, { key: '4a8e42b6c770c6c888739b2eab7e838fe4f83899', role: this.roleType, "aria-hidden": `${this.hidden}`, "aria-live": this.roleType === 'alert' ? 'assertive' : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: {
                 [this.variant]: true,
                 hide: this.hidden,
                 show: !this.hidden,
-            } }, this.icon && (h("div", { key: 'fbc4f8da1b9ff964b676644167543cdbee176f42', class: `banner-icon ${this.variant}` }, h("tds-icon", { key: '26030bb557b9577084a54e2ef890138a2e77a798', name: this.icon, size: "20px", svgTitle: this.icon }))), h("div", { key: '94b8134ce4407f3a1190e35948d030734d76d7e5', class: "content" }, h("div", { key: '4352ab96dfa32e26bc99b0f0c7fec0393c15d784', class: "header-subheader" }, this.header && h("div", { key: 'c31647bdaaeccc5209630da0e20024d1b93f55e9', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: 'ad0ab42576026a5d563559150197bf2fcb6de0e0', name: "header" }), this.subheader && h("div", { key: '20c64e0e58e582d8c5a2cb384c73176864ad650f', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: 'b43635b5d0c36e54562676f57f2296290d04e087', name: "subheader" })), usesActionsSlot && h("slot", { key: '37613fb7d8b745aac05b9878f2e2c195bcca6453', name: "actions" })), h("div", { key: '670d386ded1892d4db0e462b4a34a9de7a559d89', class: `banner-close` }, h("button", { key: 'bacd3ab747cbdfbcc61732b13385506e17691ab6', "aria-label": "Close banner", onClick: this.handleClose }, h("tds-icon", { key: '7e508cf4500350cc74e24fa7338b98134560ce31', name: "cross", size: "20px", svgTitle: "Close" })))));
+            } }, this.icon && (h("div", { key: '45b0a63ff1015c7a24bb37211eccfa5c8b5320ca', class: `banner-icon ${this.variant}` }, h("tds-icon", { key: '2375c0c7a5a785fc788088e4568ad04a7d5f778e', name: this.icon, size: "20px", svgTitle: this.icon }))), h("div", { key: '0b4a58d3d3ab8405193bd771797badde39e23729', class: "content" }, h("div", { key: 'e9b26e4b13055853ea659cec8d990f7f2eb76999', class: "header-subheader" }, this.header && h("div", { key: '5cedf44a46330c77259c3d64cf567052ef26af0b', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: 'a2c9897a3befbbd5603262962a7652a763650048', name: "header" }), this.subheader && h("div", { key: 'a7916827ee4ea924270242c9f06ce75989021c3b', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: 'fba6caffbf916a12b8e5975966551c4c9d03a5c9', name: "subheader" })), usesActionsSlot && h("slot", { key: '7a1b89ac09e9aa7e79740f225960818d2622d4b4', name: "actions" })), h("div", { key: '9dca236d2f8253c64a8a9ff67981f69c6f473c77', class: `banner-close` }, h("button", { key: 'cabd5fa950e125babecc6caf8109c51d05142ec3', "aria-label": "Close banner", onClick: this.handleClose }, h("tds-icon", { key: '2ec160b7e458fc4e99528c390f6190dea039f02a', name: "cross", size: "20px", svgTitle: "Close" })))));
     }
     get host() { return this; }
     static get style() { return TdsBannerStyle0; }

package/dist/components/tds-block.js

@@ -34,7 +34,7 @@ const TdsBlock$1 = /*@__PURE__*/ proxyCustomElement(class TdsBlock extends H {
                 evenOddClass = 'tds-block-odd';
             }
         }
-        return (h(TagType, { key: '82ac7d3a746ea2fafafd81e5bcbb1d4c0d854ca2', class: `tds-block ${evenOddClass} ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("slot", { key: '6e3930c8b38ac92eb26a6080e16698352865afe8' })));
+        return (h(TagType, { key: '34385f3ac01d173e6bb568432418304186d261c7', class: `tds-block ${evenOddClass} ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("slot", { key: '569b04916fb165fb460711ec659ed2dc3e9ebd12' })));
     }
     get host() { return this; }
     static get style() { return TdsBlockStyle0; }

package/dist/components/tds-body-cell.js

@@ -87,13 +87,13 @@ const TdsTableBodyCell = /*@__PURE__*/ proxyCustomElement(class TdsTableBodyCell
             // Conditionally set padding style
             padding: paddingStyle,
         };
-        return (h(Host, { key: '1a20de405d23d807c9584791793ecc271354ef56', class: {
+        return (h(Host, { key: '0e05abdb81d165088dba2e093f83c78cfcaf3179', 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: '0954fdb9b7ab354dd9321602b6d4045afc72fc1f' })));
+            }, style: dynamicStyles }, this.cellValue, h("slot", { key: '826a28c1c7eb626fd7bd10bf0be2a9e6f923912b' })));
     }
     get host() { return this; }
     static get style() { return TdsBodyCellStyle0; }

package/dist/components/tds-breadcrumb.js

@@ -11,7 +11,7 @@ const TdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class TdsBreadcrumb ext
         this.current = false;
     }
     render() {
-        return (h(Host, { key: 'eec4404abfba50f930de99d55150bfd38dac0d62', role: "listitem" }, h("div", Object.assign({ key: '37dab2315d9bd952f385dc58433e9cf9fd9411ca', class: { current: this.current } }, (this.current ? { 'aria-current': 'page' } : {})), h("slot", { key: '2abcee4e18ef900c088cc855e3a62fac56876366' }))));
+        return (h(Host, { key: 'f1a223cf44e435b547b42382e8b3d47979c71793', role: "listitem" }, h("div", Object.assign({ key: '41baa33ae1474121ae4512ddf89fb960670d1cea', class: { current: this.current } }, (this.current ? { 'aria-current': 'page' } : {})), h("slot", { key: '8f14f28f7e9824e76886a1d49f15d3404666771a' }))));
     }
     static get style() { return TdsBreadcrumbStyle0; }
 }, [1, "tds-breadcrumb", {

package/dist/components/tds-breadcrumbs.js

@@ -18,7 +18,7 @@ const TdsBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class TdsBreadcrumbs e
     render() {
         var _a;
         (_a = this.host.children[this.host.children.length - 1]) === null || _a === void 0 ? void 0 : _a.classList.add('last');
-        return (h("nav", { key: '68f54833d5a557a37e7a826c29bfe4a99b80fd70', "aria-label": this.tdsAriaLabel }, h("div", { key: '60188db3fa82f0f8a292f425f2d2f100cec8fa13', role: "list", class: "tds-breadcrumb" }, h("slot", { key: 'c3c6a50079d49fa1c6915df2f72f7a093051fb06' }))));
+        return (h("nav", { key: 'fe6eaf7da192518c8f5078ac07082ac437b4aa9d', "aria-label": this.tdsAriaLabel }, h("div", { key: 'a33b2f1de081eff02a6101177cc72a899a81bbff', role: "list", class: "tds-breadcrumb" }, h("slot", { key: '0e7a03715689f66c35f1109d301b42694254c864' }))));
     }
     get host() { return this; }
     static get style() { return TdsBreadcrumbsStyle0; }

package/dist/components/tds-button.js

@@ -30,11 +30,11 @@ const TdsButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsButton extends H {
         if (!this.text && !hasLabelSlot) {
             this.onlyIcon = true;
         }
-        return (h(Host, { key: '3e204293608cfebe52984582fd8cb6ac0697c81c', class: {
+        return (h(Host, { key: '08f21c291b0202663c640ce8faf8a01b9b915ba6', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
                 disabled: Boolean(this.disabled),
                 fullbleed: Boolean(this.fullbleed),
-            }, disabled: this.disabled }, h("button", Object.assign({ key: '23fca6b572c74a1ba66d964f3225ec7d5c8c92b1', type: this.type, disabled: this.disabled, class: {
+            }, disabled: this.disabled }, h("button", Object.assign({ key: 'c1c3d9e6769c925ded8e95ebce64773f7ea3dfa4', type: this.type, disabled: this.disabled, class: {
                 'primary': this.variant === 'primary',
                 'secondary': this.variant === 'secondary',
                 'ghost': this.variant === 'ghost',
@@ -48,7 +48,7 @@ const TdsButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsButton extends H {
                 'icon': hasIconSlot,
                 'only-icon': this.onlyIcon,
                 [`animation-${this.animation}`]: this.animation !== 'none',
-            } }, (this.onlyIcon && this.tdsAriaLabel && { 'aria-label': this.tdsAriaLabel })), this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '51d476f91ceea2ed060ac98a6df21720fec9b889', name: "label" }), hasIconSlot && h("slot", { key: '307923426fff51c2ec77290b876407576b7e88f2', name: "icon" }))));
+            } }, (this.onlyIcon && this.tdsAriaLabel && { 'aria-label': this.tdsAriaLabel })), this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '2ce8c3b56e8134f789b22a3db464516273d167d1', name: "label" }), hasIconSlot && h("slot", { key: 'b560a4308159ade1fd0dae0af99805a151cb8b5a', name: "icon" }))));
     }
     get host() { return this; }
     static get style() { return TdsButtonStyle0; }

package/dist/components/tds-card.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
 import { g as generateUniqueId } from './p-11648030.js';
 import { h as hasSlot } from './p-ae110fc2.js';
-import { d as defineCustomElement$2 } from './p-e8d2dbbf.js';
+import { d as defineCustomElement$2 } from './p-da0800c1.js';
 
 const cardCss = ".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .header-subheader{display:flex;flex-direction:column;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}";
 const TdsCardStyle0 = cardCss;
@@ -49,7 +49,7 @@ const TdsCard$1 = /*@__PURE__*/ proxyCustomElement(class TdsCard extends H {
             [`${this.imagePlacement}-stretch`]: this.stretch,
         };
         const ariaLabel = this.header ? this.header : `Card ${this.cardId}`;
-        return (h(Host, { key: '62610b865562dddec1092a0e0cc506e94b590eaf', class: this.modeVariant && `tds-mode-variant-${this.modeVariant}` }, this.clickable ? (h("button", { class: cardStyle, onClick: this.handleClick, "aria-label": ariaLabel, "aria-describedby": `header-${this.cardId}` }, this.getCardContent())) : (h("div", { class: cardStyle }, this.getCardContent()))));
+        return (h(Host, { key: '39dde374a44320884af4b8a0da33e24c983417c5', class: this.modeVariant && `tds-mode-variant-${this.modeVariant}` }, this.clickable ? (h("button", { class: cardStyle, onClick: this.handleClick, "aria-label": ariaLabel, "aria-describedby": `header-${this.cardId}` }, this.getCardContent())) : (h("div", { class: cardStyle }, this.getCardContent()))));
     }
     get host() { return this; }
     static get style() { return TdsCardStyle0; }

package/dist/components/tds-checkbox.js

@@ -1,4 +1,4 @@
-import { T as TdsCheckbox$1, d as defineCustomElement$1 } from './p-14ab9663.js';
+import { T as TdsCheckbox$1, d as defineCustomElement$1 } from './p-1ef7423a.js';
 
 const TdsCheckbox = TdsCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-chip.js

@@ -90,7 +90,7 @@ const TdsChip$1 = /*@__PURE__*/ proxyCustomElement(class TdsChip extends H {
             'suffix': hasSuffixSlot,
             'disabled': this.disabled,
         };
-        return (h(Host, { key: 'c5e27b57accf13ea6af61b6544050b64c16a745c' }, h("div", { key: 'b4f3b429a307cfab3e7dd8356951d19fc5a01293', class: "component" }, h("div", { key: '273c7437e97862fc03c7d93386d07cc425437458', class: chipClasses }, h("input", Object.assign({ key: 'a143b14527b00c255a7205fc86a2473bb8b8c000', type: this.type, id: this.chipId, "aria-checked": this.type === 'button' ? undefined : String(this.checked), role: this.type, "aria-label": this.tdsAriaLabel }, inputAttributes)), h("label", { key: 'a86d26d9f9fe805e84fad6b9c79b24da48efa2f1', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: 'ca7e6af86cbac4fc87ac3815fc414f2952d851d0', name: "prefix" }), hasLabelSlot && h("slot", { key: '986cd743afd9f6014cb08e21d5c6c192e579b087', name: "label" }), hasSuffixSlot && h("slot", { key: '1cbbd42853fe0edc52da713f23b9ef3f99d8f4b2', name: "suffix" }))))));
+        return (h(Host, { key: 'bec32d74f1e0a42f98fb431d5988ba1d78c57b43' }, h("div", { key: 'af67d86bbf22be341cc816d72dad135cf04a9002', class: "component" }, h("div", { key: 'ee91bc58ca35ba6307e270f63bbb3da65e16b4f9', class: chipClasses }, h("input", Object.assign({ key: 'a5e723793a8f8c749f6d54937bbde888788115e0', type: this.type, id: this.chipId, "aria-checked": this.type === 'button' ? undefined : String(this.checked), role: this.type, "aria-label": this.tdsAriaLabel }, inputAttributes)), h("label", { key: 'f0a219c8f5c462e3ec626551aeea054ead479d2b', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: '9169b3a496fa6648873811a3ca9eb5d51d110a6f', name: "prefix" }), hasLabelSlot && h("slot", { key: '932e06fe8be85d7588d11024ebc87000c887e9c0', name: "label" }), hasSuffixSlot && h("slot", { key: '3f159f17de790ec17b64a596b9f88dbbda7d1429', name: "suffix" }))))));
     }
     get host() { return this; }
     static get style() { return TdsChipStyle0; }

package/dist/components/tds-core-header-item.js

@@ -1,4 +1,4 @@
-import { T as TdsCoreHeaderItem$1, d as defineCustomElement$1 } from './p-e49a0ceb.js';
+import { T as TdsCoreHeaderItem$1, d as defineCustomElement$1 } from './p-e1622f4a.js';
 
 const TdsCoreHeaderItem = TdsCoreHeaderItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-datetime.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-92fb75a7.js';
+import { d as defineCustomElement$2 } from './p-9b40a24d.js';
 
 const datetimeCss = ".tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-md.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-md.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-sm.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-sm.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-bar.sc-tds-datetime{position:absolute;width:100%}.tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-bar.sc-tds-datetime::after{content:\"\";height:2px;top:54px;width:0;position:absolute;background:var(--tds-datetime-bar);transition:0.35s ease all}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:46px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:40px}.tds-datetime-bar.sc-tds-datetime::before{left:50%}.tds-datetime-bar.sc-tds-datetime::after{right:50%}.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{width:50%}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-sucess)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-error)}.tds-form-datetime-error.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}";
 const TdsDatetimeStyle0 = datetimeCss;
@@ -50,6 +50,7 @@ const TdsDatetime$1 = /*@__PURE__*/ proxyCustomElement(class TdsDatetime extends
         this.autofocus = false;
         this.label = '';
         this.helper = '';
+        this.tdsAriaLabel = undefined;
         this.focusInput = undefined;
     }
     /** Method that resets the value of the Datetime, using defaultValue if is not 'none' */
@@ -104,6 +105,11 @@ const TdsDatetime$1 = /*@__PURE__*/ proxyCustomElement(class TdsDatetime extends
         }
         this.value = value;
     }
+    connectedCallback() {
+        if (!this.tdsAriaLabel && !this.label) {
+            console.warn('Tegel Datetime component: provide the label or tdsAriaLabel prop for improved accessibility');
+        }
+    }
     render() {
         let className = ' tds-datetime-input';
         if (this.size === 'md') {
@@ -122,9 +128,17 @@ const TdsDatetime$1 = /*@__PURE__*/ proxyCustomElement(class TdsDatetime extends
             [`tds-form-datetime-${this.state}`]: ['error', 'success'].includes(this.state),
             [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
         };
-        return (h("div", { key: '8fd5bee5bb3b5a9d31a9738d676e2b808ae8bc25', class: classNames }, this.label && (h("label", { key: 'f4bab58ecb53479a3964790be964c3b5c3dfd61e', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '63a0b82041c8e5866897d6a7cb611dd8eef474d0', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: '2f731bf8ee005889c5fb1f5627859b3a4e49f51c', class: "tds-datetime-input-container" }, h("input", { key: 'e19bcb2862bbd07236d4e4250831b8d732ed10d9', ref: (inputEl) => {
+        return (h("div", { key: '1bba3a531cf0ac2b43842b09b3537c73ec1bd048', class: classNames, onKeyDown: (e) => {
+                if (e.key === 'Enter') {
+                    const browserIsChrome = navigator.userAgent.toLowerCase().includes('chrome');
+                    if (browserIsChrome) {
+                        // showPicker currently only works reliably for date inputs in Chrome and Chromium-based browsers:
+                        this.textInput.showPicker();
+                    }
+                }
+            } }, this.label && (h("label", { key: 'f7cddb6d9163e195c18d30685f70093fc22148a0', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: 'f3820ad0add2dc5f28cecafecf8eac6597473c99', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: '973ed50b4cfca9519b3a4d4cd1f6d01eb7ec6163', class: "tds-datetime-input-container" }, h("input", { key: '4a66f3adf8e126ba466123e60d74bd78abd6e86f', ref: (inputEl) => {
                 this.textInput = inputEl;
-            }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e) }), h("div", { key: '2cbe93150d5608f5791948035c269f722a606d0a', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '92365a08e74c7453933fa284cef1209bdca3ccba', size: "20px", name: "calendar" })), h("div", { key: '3f8956d972ebe4240aa219f946f6080a25b8a304', class: "datetime-icon icon-time" }, h("tds-icon", { key: 'e9df3bd75942dddb62504c4b513f3bc272c03107', size: "20px", name: "clock" }))), h("div", { key: 'a525f05cc09746549a47ec83875491a4bf68ddd8', class: "tds-datetime-bar" })), this.helper && (h("div", { key: 'b4c0a88b21c17382e545a2bd33b47e7a24691440', class: "tds-datetime-helper" }, h("div", { key: 'c060158e7f3d78a6a4587355053e098123f67527', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: '5947ba9ddca78424feca888180c9af75712a011d', name: "error", size: "16px" }), this.helper)))));
+            }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), h("div", { key: '5ec57f09475f96f39fa73dde95d57b4c46b74dfe', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '6e71392be8204f6dd36b6d4df76ee5d3d01d3baf', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '50699fa5d72834751c2485c25afe0c50e3a0f42c', class: "datetime-icon icon-time" }, h("tds-icon", { key: '0dbec2a1f05ec5b80e92072d89cb81d61cc178c2', size: "20px", name: "clock", svgTitle: "Clock" }))), h("div", { key: '066b0cca7c051b7691c16c7b0a5aa969ee1aea65', class: "tds-datetime-bar" })), this.helper && (h("div", { key: 'c19aa1b731af102628d8f0c35455d8120d9a0dfe', class: "tds-datetime-helper" }, h("div", { key: '14d0319391f04cf7a106dc49c92d45ac7b110e17', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: 'd7b9398ebaae654b8c2b3003e17ae681f3973d03', name: "error", size: "16px" }), this.helper)))));
     }
     static get style() { return TdsDatetimeStyle0; }
 }, [2, "tds-datetime", {
@@ -142,6 +156,7 @@ const TdsDatetime$1 = /*@__PURE__*/ proxyCustomElement(class TdsDatetime extends
         "autofocus": [4],
         "label": [1],
         "helper": [1],
+        "tdsAriaLabel": [1, "tds-aria-label"],
         "focusInput": [32],
         "reset": [64],
         "setValue": [64]

package/dist/components/tds-divider.js

@@ -1,4 +1,4 @@
-import { D as Divider, d as defineCustomElement$1 } from './p-e8d2dbbf.js';
+import { D as Divider, d as defineCustomElement$1 } from './p-da0800c1.js';
 
 const TdsDivider = Divider;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-dropdown-option.js

@@ -1,4 +1,4 @@
-import { T as TdsDropdownOption$1, d as defineCustomElement$1 } from './p-1c606f82.js';
+import { T as TdsDropdownOption$1, d as defineCustomElement$1 } from './p-9ba3c16e.js';
 
 const TdsDropdownOption = TdsDropdownOption$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-dropdown.js

@@ -1,4 +1,4 @@
-import { T as TdsDropdown$1, d as defineCustomElement$1 } from './p-c0b84c59.js';
+import { T as TdsDropdown$1, d as defineCustomElement$1 } from './p-ce28efb8.js';
 
 const TdsDropdown = TdsDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-folder-tab.js

@@ -39,10 +39,10 @@ const TdsFolderTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsFolderTab exten
         }
     }
     render() {
-        return (h(Host, { key: '9290c4ab2f7d051bba9fec4dad9a7d07790ed5b7', "aria-selected": this.selected }, h("div", { key: '36225101c510f2d77282fd600c4ee00085791109', class: {
+        return (h(Host, { key: '8333653e86ef3caee44209a82dc0c2a1f1712ab7', "aria-selected": this.selected }, h("div", { key: '1663d7239688a10db05987819b4a4bc086173945', class: {
                 selected: this.selected,
                 disabled: this.disabled,
-            }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '05954c498b9fbd6a2a1231d84bf2657a0616db36' }))));
+            }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '735ddc8e33370ebd246a235f8211911d0293fcc1' }))));
     }
     get host() { return this; }
     static get style() { return TdsFolderTabStyle0; }