@scania/tegel 1.43.0 → 1.44.0-sonarcloud-0

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

@@ -34,7 +34,7 @@ export class TdsHeader {
     }
     render() {
         const navAttributes = Object.assign({}, inheritAriaAttributes(this.host));
-        return (h(Host, { key: '30e29defd97ee2a473198d2c403dd23191e02856' }, h("slot", { key: '5905d6acb62da9d4d5de82fe148f709ccd08b3e9', name: "hamburger" }), h("slot", { key: '23f834040a108c9300ac07643518dc9194eb1542', name: "title" }), h("nav", Object.assign({ key: 'ba4803dfde17c977e06a9a76a472a79fd94ddfaa' }, navAttributes), h("ul", { key: '818e664fc808ce9b0b9cc90c188c69a782c36aba', class: "tds-header-component-list" }, h("slot", { key: '920409e9cedc7035a8cd1c149163603fd61d50e6' }), h("li", { key: '36d6627c38241f2fb2d34e0402eeed1befe04696', class: "tds-header-middle-spacer" }), h("slot", { key: '5f14324ddbe295e821b6983f0b6b84f72c981643', name: "end" })))));
+        return (h(Host, { key: '4c9dc2fe9e156de13e4cf00242a05796b65f281f' }, h("slot", { key: 'f3bd41541a930adb28bdee4d0985d2058d68efaa', name: "hamburger" }), h("slot", { key: '76ffa0bd65c153b198ed0d6ce680dc4e92f004a5', name: "title" }), h("nav", Object.assign({ key: '518360a59c5ce247274c772a4222c0dc830fd4f9' }, navAttributes), h("ul", { key: '04184cece0a4f5d107b629cd44c062769b7dcae9', class: "tds-header-component-list" }, h("slot", { key: 'fb108eca6c62956bb6b1c5c3f163a08bc371ee5c' }), h("li", { key: '2c9c878a5e0fe24c0696cc6f1a1357d813d25c17', class: "tds-header-middle-spacer" }), h("slot", { key: '53683a4433192d3578c3d78d24937e52954a34de', name: "end" })))));
     }
     static get is() { return "tds-header"; }
     static get originalStyleUrls() {

package/dist/collection/components/icon/icon.js

@@ -20,7 +20,7 @@ export class Icon {
         this.svgTitle = undefined;
         this.tdsAriaHidden = false;
         this.svgDescription = undefined;
-        this.icons_object = undefined;
+        this.icons_object = '';
         this.arrayOfIcons = [];
     }
     componentWillLoad() {
@@ -43,7 +43,7 @@ export class Icon {
         this.arrayOfIcons = [...this.arrayOfIcons];
     }
     render() {
-        return h(Host, { key: '0edcbb69b7531041d1f0f97e06babd33316090ef' }, this.setIcons());
+        return h(Host, { key: 'daa68a1111cb959770d66238151d462733bc8214' }, this.setIcons());
     }
     static get is() { return "tds-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/link/link.js

@@ -26,11 +26,11 @@ export class TdsLink {
         }
     }
     render() {
-        return (h("span", { key: '46854dd9cf4b0577098702567ede43ccfae897d6', class: {
+        return (h("span", { key: '37f0a1d6f793f3b333dd1d36cb4d71c6c0ca68c9', class: {
                 'disabled': this.disabled,
                 'no-underline': !this.underline,
                 'standalone': this.standalone,
-            } }, h("slot", { key: 'f574609666ae7484752ec8cfaf7f0bffa1645c83' })));
+            } }, h("slot", { key: 'a2943a35f2ca2daceab8036b5f4a858dbed487c9' })));
     }
     static get is() { return "tds-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/message/message.css

@@ -1,6 +1,4 @@
 /* Typography Usage mixins */
-/* Centralized map of typography types */
-/* Utility mixin */
 :host .wrapper {
   display: flex;
   padding: 16px;
@@ -39,6 +37,9 @@
   padding: 0;
   background-color: transparent;
 }
+:host .wrapper.minimal tds-icon {
+  padding-right: 8px;
+}
 :host .wrapper.minimal .header {
   font-family: var(--detail-02-font-family);
   font-size: var(--detail-02-font-size);

package/dist/collection/components/message/message.js

@@ -37,11 +37,11 @@ export class TdsMessage {
     render() {
         const headerId = this.header ? `tds-message-header-${generateUniqueId()}` : undefined;
         const contentId = !this.minimal ? `tds-message-content-${generateUniqueId()}` : undefined;
-        return (h(Host, { key: '01749666a846692acb3a6ad248a26799056c85bb', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel(), class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: 'b1c54dcb5e116236a21f199563a25ebe4a043f38', class: {
+        return (h(Host, { key: 'b093c8aa74d5c52a7cbb6656a854f2b0bda88f9e', role: this.tdsAlertDialog, "aria-describedby": contentId, "aria-label": this.getAriaLabel(), class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: '9d9bc245bdeb9f8b8868d943f3e39f6fc7ccd170', class: {
                 wrapper: true,
                 [this.variant]: true,
                 minimal: this.minimal,
-            } }, !this.noIcon && (h("tds-icon", { key: 'af587ad39d63aa39d357868e3cce36bc39a7abec', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), h("div", { key: 'ebeefca2d55f3f4fce02574e18553617d52cbe5a', class: `content` }, this.header && (h("div", { key: 'b9db92aab10d95235846bec90c8cb0760da29285', class: "header", id: headerId }, this.header)), !this.minimal && (h("div", { key: '4c2693fe0498607f687ca3adba0afb1ef27e91e5', class: "extended-message", id: contentId }, h("slot", { key: 'ace8c564c874fff787c7e844ba5f3deafb76cbf6' })))))));
+            } }, !this.noIcon && (h("tds-icon", { key: '99bd0439c3b09319b02fad1bd730bc4224394c1e', "aria-hidden": "true", "aria-label": `${this.variant}`, svgTitle: `${this.variant}`, name: this.getIconName(), size: "20px" })), h("div", { key: 'b225e23bb6230c7ed3ecb322c91ded787f1bb8b8', class: `content` }, this.header && (h("div", { key: '2bb19ac506aeb0ec88be8b20f4bf858d17fdb6ee', class: "header", id: headerId }, this.header)), !this.minimal && (h("div", { key: '560661fc2b22196461a8409d09b147591de3f02d', class: "extended-message", id: contentId }, h("slot", { key: '4647d9dd6eab33a41323e82edc2e12d434e5b84f' })))))));
     }
     static get is() { return "tds-message"; }
     static get encapsulation() { return "shadow"; }
@@ -62,11 +62,11 @@ export class TdsMessage {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Header text for the component."
@@ -169,11 +169,11 @@ export class TdsMessage {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Provides an accessible name for the message component when no header is present. This ensures proper screen reader support for dialog/alertdialog roles."

package/dist/collection/components/modal/modal.css

@@ -1,4 +1,5 @@
-:host {
+:host,
+:root {
   --tds-scrollbar-width-standard: thin;
   --tds-scrollbar-width: 10px;
   --tds-scrollbar-height: 10px;
@@ -11,8 +12,6 @@ body {
 }
 
 /* Typography Usage mixins */
-/* Centralized map of typography types */
-/* Utility mixin */
 /* MIXINS */
 /* MODAL STYLING */
 .tds-modal {

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

@@ -44,7 +44,7 @@ export class TdsModal {
         this.setShowButton = () => {
             var _a;
             if (this.selector || this.referenceEl) {
-                const referenceEl = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : document.querySelector(this.selector);
+                const referenceEl = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : (this.selector ? document.querySelector(this.selector) : null);
                 if (referenceEl) {
                     this.initializeReferenceElement(referenceEl);
                 }
@@ -119,7 +119,7 @@ export class TdsModal {
     async cleanupModal() {
         var _a;
         if (this.selector || this.referenceEl) {
-            const referenceEl = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : document.querySelector(this.selector);
+            const referenceEl = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : (this.selector ? document.querySelector(this.selector) : null);
             if (referenceEl) {
                 referenceEl.removeEventListener('click', this.handleReferenceElementClick);
             }
@@ -130,7 +130,7 @@ export class TdsModal {
     }
     returnFocusOnClose() {
         var _a;
-        const referenceElement = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : document.querySelector(this.selector);
+        const referenceElement = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : (this.selector ? document.querySelector(this.selector) : null);
         if (!referenceElement) {
             return; // no element to return focus to
         }
@@ -206,10 +206,10 @@ export class TdsModal {
         const usesActionsSlot = hasSlot('actions', this.host);
         const headerId = this.header ? `tds-modal-header-${generateUniqueId()}` : undefined;
         const bodyId = `tds-modal-body-${generateUniqueId()}`;
-        return (h(Host, { key: 'ea3b7f2718b71010bbcbaf52ebaab68f9ef82b56', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
+        return (h(Host, { key: '64ec0269ed6369f5a298997f432095abf16cfe8e', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
                 show: this.isShown,
                 hide: !this.isShown,
-            }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'bbcd30e1d4a0b2f7c42c715b2106d3e51105db2d', class: "tds-modal-backdrop" }), h("div", { key: 'b6f6115e1e021a9dd9e0d5a687dd69d00f6f9d7b', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '860339a0f603eb019b91ba44a7745b6b5039923b', id: headerId, class: "header" }, this.header && h("div", { key: '74ba6be10757cd78f6b9d7201c75cc02a43690a7', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '37f895c645cf402b23d923fd84e8ec3669dfd2b5', name: "header" }), this.closable && (h("button", { key: '36c78defa9593a1c81cc8e4cef5a45361476d7ca', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: 'dd7d537d589b80e9f6604a085a5ee25d3e9cbd4d', name: "cross", size: "20px" })))), h("div", { key: '1f0f95296f973405119fbd22dd30405944e224de', id: bodyId, class: "body" }, h("slot", { key: '8326ceb74bd9148b0d21b18984f7d0584e8c8976', name: "body" })), usesActionsSlot && h("slot", { key: '7aad6700fe09dc183f721cda2a2e83acbe9afa60', name: "actions" }))));
+            }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'ff7163da4e0d417f0b9e2d2669b65b4c3d980cb1', class: "tds-modal-backdrop" }), h("div", { key: '594ac64c3d54280f0654516429c934919beaeb5f', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '942924e09b8f95e2891471363fe8391d2488fae3', id: headerId, class: "header" }, this.header && h("div", { key: '85864122df840ff8fb2c42bc0cca02180a8e3b2f', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '2c4b6bddbf1daf0afa33a5cf2dd34e3be175a1d8', name: "header" }), this.closable && (h("button", { key: 'de4e7e2461a10597fabf198a8431fbeb584daa99', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '628d4a4c906a7ed62cc52cb406229d8ef338beec', name: "cross", size: "20px" })))), h("div", { key: 'efd264c203b4c2a6cb745db03c0a023584521fa2', id: bodyId, class: "body" }, h("slot", { key: '83499fa7bf5719b88cdad06f51b7791a9fb2ec22', name: "body" })), usesActionsSlot && h("slot", { key: 'ef14e74d647f3c8483abd24205d476b16626d697', name: "actions" }))));
     }
     static get is() { return "tds-modal"; }
     static get encapsulation() { return "shadow"; }
@@ -230,11 +230,11 @@ export class TdsModal {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Sets the header of the Modal."
@@ -301,11 +301,11 @@ export class TdsModal {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "CSS selector for the element that will show the Modal."
@@ -338,11 +338,11 @@ export class TdsModal {
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
-                    "resolved": "boolean",
+                    "resolved": "boolean | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Controls whether the Modal is shown or not. If this is set hiding and showing\nwill be decided by this prop and will need to be controlled from the outside."
@@ -505,6 +505,10 @@ export class TdsModal {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
+                        },
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
                         }
                     },
                     "return": "Promise<void>"

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

@@ -29,14 +29,14 @@ export class TdsPopoverCanvas {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'a4203920290fc5778952324bd349b136a2c3dce8', class: {
+        return (h(Host, { key: '3a0b77989875719936176b458b661398e587f818', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", Object.assign({ key: 'cab065d1bfbd9a952e7662541de050a9a67c90bb', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
+            } }, h("tds-popover-core", Object.assign({ key: '13299274cbac5380a1e30da56c4e60ec4054c7ae', 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: 'cc05cad76faaf82ec2f50c748b93092667aff374' }, h("slot", { key: '36ebe3e4eb4c9f11d885b0a609422f8cc57a5f7d' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: '6bfb89642f8d1c2b567623e31b65645e9f3010a1' }, h("slot", { key: 'ec3fd10e79ff3707253bcf931415e212445752a5' })))));
     }
     static get is() { return "tds-popover-canvas"; }
     static get encapsulation() { return "scoped"; }
@@ -57,11 +57,11 @@ export class TdsPopoverCanvas {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The CSS-selector for an element that will trigger the Popover"

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

@@ -5,7 +5,7 @@ import { generateClassList } from "../../utils/classList";
 export class TdsPopoverCore {
     constructor() {
         this.uuid = generateUniqueId();
-        this.setIsShown = function setIsShown(isShown) {
+        this.setIsShown = (isShown) => {
             if (typeof isShown === 'function') {
                 this.isShown = isShown(this.isShown);
             }
@@ -20,8 +20,8 @@ export class TdsPopoverCore {
                 this.internalTdsClose.emit();
                 this.openedByKeyboard = false;
             }
-        }.bind(this);
-        this.onClickTarget = function onClickTarget(event) {
+        };
+        this.onClickTarget = (event) => {
             event.stopPropagation();
             // Check if event was triggered by keyboard (Enter or Space)
             this.openedByKeyboard =
@@ -29,17 +29,17 @@ export class TdsPopoverCore {
                     event.key === 'Enter' ||
                     event.key === ' ';
             this.setIsShown((isShown) => !isShown);
-        }.bind(this);
-        this.handleShow = function handleShow(event) {
+        };
+        this.handleShow = (event) => {
             event.stopPropagation();
             // Check if event was triggered by keyboard (tab focus)
             this.openedByKeyboard = event.type === 'focusin';
             this.setIsShown(true);
-        }.bind(this);
-        this.handleHide = function handleHide(event) {
+        };
+        this.handleHide = (event) => {
             event.stopPropagation();
             this.setIsShown(false);
-        }.bind(this);
+        };
         this.selector = undefined;
         this.referenceEl = undefined;
         this.defaultShow = false;
@@ -52,7 +52,7 @@ export class TdsPopoverCore {
         this.trigger = 'click';
         this.autoHide = true;
         this.renderedShowValue = false;
-        this.popperInstance = undefined;
+        this.popperInstance = null;
         this.target = undefined;
         this.isShown = false;
         this.disableLogic = false;
@@ -226,7 +226,7 @@ export class TdsPopoverCore {
             'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
         };
         const classList = generateClassList(classes);
-        return (h(Host, { key: '60b658912943cddce1f2614e82f0c7c5ad69ae8b', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '0c4afc0d1a7877645239ccc17a28d50b0eb338e5' })));
+        return (h(Host, { key: 'b00f6068cba1931082dc1b11397902b17bbbc598', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '397a6cb4a557f79528f4387b141f8883dbc1c24c' })));
     }
     static get is() { return "tds-popover-core"; }
     static get encapsulation() { return "scoped"; }
@@ -247,11 +247,11 @@ export class TdsPopoverCore {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The CSS-selector for an element that will trigger the pop-over"

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

@@ -28,15 +28,15 @@ export class TdsPopoverMenu {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'cc1c55cdc6112cca33087fd541b2bb60489d1368', class: {
+        return (h(Host, { key: '9475e802c247f2be782246ed4060d1df78cb9ca6', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", { key: 'fb4da1823553dddf0e1a45a5626dfac3589ade1a', class: {
+            } }, h("tds-popover-core", { key: 'f124ad67796e05654a4b1af634877e372a0b69e7', 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, ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: '5b0a938b6e36afee22effcc2e19bae366fc7ef67', role: "menu" }, h("slot", { key: 'bf2631a96e721287936797c9865ea56d134cfabc' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'f97c6bd562a011be0595fa0189dd1209e6f80bca', role: "menu" }, h("slot", { key: '8d7ddcf67d2adc1d928384779a01eed8adf61e41' })))));
     }
     static get is() { return "tds-popover-menu"; }
     static get encapsulation() { return "scoped"; }
@@ -57,11 +57,11 @@ export class TdsPopoverMenu {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The CSS-selector for an element that will trigger the pop-over"

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

@@ -27,10 +27,10 @@ export class TdsRadioButton {
         }
     }
     render() {
-        return (h("div", { key: '48a31826daeef320097430deec2f57188ad3cd80', class: "tds-radio-button" }, h("input", { key: '591550d8bf69ddc6f51f81c012b92f61d850ba6e', ref: (inputEl) => {
+        return (h("div", { key: '6a4ff569b492e4d5bbdccb0f9bd6b82a8186673e', class: "tds-radio-button" }, h("input", { key: '0681a3f58da48700d7134a5b4db923445fcc57cf', ref: (inputEl) => {
                 if (inputEl)
                     this.inputElement = inputEl;
-            }, "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "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(), tabIndex: this.tdsTabIndex }), h("label", { key: '203bfad85ba5a8387fdfcb8d65fbeb0d8a0dd9ad', htmlFor: this.radioId }, h("slot", { key: 'a2b470cab8cfcab9c9120ac17af63c1261f2b926', name: "label" }))));
+            }, "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "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(), tabIndex: this.tdsTabIndex }), h("label", { key: '0b5ca6d7a54706ed0c7878b51380683da34301f7', htmlFor: this.radioId }, h("slot", { key: '68d0582c534588d209f1223191a9cc8781117a15', name: "label" }))));
     }
     static get is() { return "tds-radio-button"; }
     static get encapsulation() { return "scoped"; }
@@ -51,11 +51,11 @@ export class TdsRadioButton {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Name of Radio Button, used for reference."
@@ -68,11 +68,11 @@ export class TdsRadioButton {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Value of input."
@@ -157,11 +157,11 @@ export class TdsRadioButton {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Provides an accessible name for the component"
@@ -174,11 +174,11 @@ export class TdsRadioButton {
                 "mutable": false,
                 "complexType": {
                     "original": "number",
-                    "resolved": "number",
+                    "resolved": "number | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Provides a tabindex used when radio buttons are grouped"
@@ -200,8 +200,8 @@ export class TdsRadioButton {
                     "text": "Sends unique Radio Button identifier and status when it is checked.\nIf no ID is specified, a random one will be generated.\nTo use this listener, don't use the randomized ID, use a specific one of your choosing."
                 },
                 "complexType": {
-                    "original": "{\n    radioId: string;\n    value: string;\n  }",
-                    "resolved": "{ radioId: string; value: string; }",
+                    "original": "{\n    radioId: string;\n    value: string | undefined;\n  }",
+                    "resolved": "{ radioId: string; value: string | undefined; }",
                     "references": {}
                 }
             }];

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

@@ -12,7 +12,7 @@ export class TdsSideMenuCloseButton {
         const sideMenuEl = this.host.closest('tds-side-menu');
         const sideMenuId = sideMenuEl ? sideMenuEl.id : '';
         const buttonProps = Object.assign(Object.assign(Object.assign({ 'aria-label': 'Close' }, (sideMenuId && { 'aria-controls': sideMenuId })), inheritAriaAttributes(this.host)), { 'onClick': TdsSideMenuCloseButton.handleClick });
-        return (h(Host, { key: 'de98375064e94f8bfc19a60db7464c6b1c20a46f' }, h("button", Object.assign({ key: '4b9284c8b220d5b9fb0d1e3b346a5dfc209e59e2' }, buttonProps), h("tds-icon", { key: '78a639c37f7a307f42ce68ec239b28c6da8a3221', name: "cross", size: "20px", svgTitle: "Cross" }))));
+        return (h(Host, { key: '3c7170428b11fd26f5c00f5f6012984982eb364c' }, h("button", Object.assign({ key: 'f3e0253705d9e7a2ddd6d20c779466d09b24b0f7' }, buttonProps), h("tds-icon", { key: 'caa6069e817904f832152838036ca3630b74cd5a', name: "cross", size: "20px", svgTitle: "Cross" }))));
     }
     static get is() { return "tds-side-menu-close-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,12 +29,12 @@ export class TdsSideMenuCollapseButton {
         this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     render() {
-        return (h(Host, { key: '551e4feada40e0877a83f9f117d12f064e7134f7' }, h("div", { key: '2ed47deec275d0f61525f1b441f2d6cca94e9961', class: {
+        return (h(Host, { key: '563423e27c70296a2c11820bad22f2e6081cc0b6' }, h("div", { key: 'f9ed17f35641ec86cd31dc2c161bf478c30a3606', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: 'b3bb7346da645c12940a5465c4dc18c148fd1c85', class: { button: true } }, h("button", { key: 'b659aa47f9096384b90852495643b46e76a9bcb8', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
+            } }, h("tds-side-menu-item", { key: '3364f79ca3719328636d1cb9b5bebb58e9f9ccdc', class: { button: true } }, h("button", { key: '699963ae2023fdbc5e8836b1801c13e622214634', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
                 this.handleClick();
-            } }, h("svg", { key: 'c4e533d201f1fca3c833efbbfad632e825d1c7e2', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '7317991b2bcfb52f9ab3695f80993fbc1e95093c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: 'c347df9c72a4f83de4b9d2ae84a4c659867209d5' }))))));
+            } }, h("svg", { key: 'c10901b2cdc12a50a29c1425319ae18286b33cdf', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: 'd59bc5ce90e44be9f2d930b9a2ac72f26b653681', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: '09f5787783fdb7168bbd28acf18ac0d769a31459' }))))));
     }
     static get is() { return "tds-side-menu-collapse-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,10 @@ export class TdsSideMenuDropdown {
         this.buttonLabel = undefined;
         this.selected = false;
         this.open = false;
-        this.hoverState = undefined;
+        this.hoverState = {
+            isHovered: false,
+            updatedAt: 0,
+        };
         this.collapsed = false;
     }
     collapsedSideMenuEventHandler(event) {
@@ -57,13 +60,13 @@ export class TdsSideMenuDropdown {
         this.open = this.defaultOpen;
     }
     render() {
-        return (h(Host, { key: 'aeebdc5563c944b02881d11b12387dbc85c82344' }, h("div", { key: '2c6c44cb14b10c0859d0215928bfc5e69be7b8b4', class: {
+        return (h(Host, { key: 'c445ee17a53144079495acb4d1153dc5f612646b' }, h("div", { key: 'b065cb14ea953a4bc00f9f46c6a2f6e1c1034fc4', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: 'ef2ee724b9d9db5e3cce2596abd27a8170e2181e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, h("tds-side-menu-item", { key: '7943b4e12bdf59a9777789b93c77dd92ad2dfb0e', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: 'f1bf8718d877ea78d339c7501cb20432eb64e0aa' }, h("slot", { key: 'dd3cff6f183511fbbf7dba4b31cfb3805bd74f81', name: "icon" }), !this.collapsed && (h(Fragment, { key: '27efe259a8726195e2dfb355ef03e4a88ee72082' }, this.buttonLabel, h("slot", { key: 'd8e952a51054b8f7d143acf1ebfe8326d32a332e', name: "label" }), h("tds-icon", { key: '7edd1d7a66814451a056b578fa8c7e068dabcdd8', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: '5fb9c3e88e1aefeb38c2f46a18dfc221772b689c', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (h("h3", { key: '56397951c8c3486719f291a0e283703397ae243d', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '7fc3a35c7506345dc72a64989acf98e1483c126f', name: "label" }))), h("slot", { key: '4e95b1c1fa64906d937788e0c27c64c4e06b7b73' })))));
+            }, "aria-expanded": this.getIsOpenState() ? 'true' : 'false' }, h("button", { key: '957d046e71a2318d634dba3d3872e6a49ae16b02' }, h("slot", { key: 'df8984720383a834f689e61a8e8bddb1e0cd92ed', name: "icon" }), !this.collapsed && (h(Fragment, { key: '22085c004966a41285404d5e4871023104d0bb0b' }, this.buttonLabel, h("slot", { key: 'cd82933ecce64fede3b898a77ce949cdb568ebde', name: "label" }), h("tds-icon", { key: 'b475975ed4c714a2e3526a334ae19f308f54715c', class: "dropdown-icon", name: "chevron_down", size: "16px", svgTitle: "Chevron Down" }))))), h("div", { key: '4bd22d9c1b67f9783d8b596991ff62a8d158ba41', class: "menu", tabindex: this.collapsed ? '0' : undefined }, this.collapsed && (h("h3", { key: '11082571734352f3b8913017d46104b28b57ba47', class: "heading-collapsed" }, this.buttonLabel, h("slot", { key: '227ceed36a5db531ff2bd45320bcac88943565bc', name: "label" }))), h("slot", { key: 'b8ca5992ac9bbb0539ceb3d98536691f70926ea5' })))));
     }
     static get is() { return "tds-side-menu-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -102,11 +105,11 @@ export class TdsSideMenuDropdown {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The label of the button that opens the dropdown.\nThis is an alternative to the label slot."

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

@@ -15,9 +15,9 @@ export class TdsSideMenuDropdownList {
         this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
     }
     render() {
-        return (h(Host, { key: 'decb6d57d600ca24140d9cc4d47bdf44f3c34fe4', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '4b41cce5b765b236fba4f965c32652f9594c9c51', class: {
+        return (h(Host, { key: '4096fb37997a3cce5750f9d7ee468f99bff81787', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '7cf0000e1371ab010cdc6f86d371f6a7f374f0d2', class: {
                 'state-collapsed': this.collapsed,
-            } }, h("slot", { key: 'c399388267e8ba6885af0cc0bd8a69bf39c52b7b' }))));
+            } }, h("slot", { key: 'e169b04aae71ea2c53eaae921c9cb87e85b02224' }))));
     }
     static get is() { return "tds-side-menu-dropdown-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,13 +37,13 @@ export class TdsSideMenuDropdownListItem {
         }
     }
     render() {
-        return (h(Host, { key: 'c47d9154b70987212a197a4e1cee3e031c3a5934', role: "listitem" }, h("div", { key: 'd35ce4e0371380a76e59ee983ce32c33a3aa8167', class: {
+        return (h(Host, { key: '64c7367db70070bb43c4533ddcafbda97651231f', role: "listitem" }, h("div", { key: '60434a96f6de0a9bda3d26f7003a10c8b5668552', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-dropdown-has-user': this.dropdownHasUser,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", { key: '915f92493f1a085f66501d0fbe361818e7dbc63f' }))));
+            } }, h("slot", { key: '8590776910cfb61c614c5339daa5c5464cc9a729' }))));
     }
     static get is() { return "tds-side-menu-dropdown-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -75,13 +75,13 @@ export class TdsSideMenuItem {
         this.updateHasUserComponent();
     }
     render() {
-        return (h(Host, { key: 'ff51604316231f08db7135c89336aa40a34ca780' }, h("div", { key: '7ba6d6ad1646cdcca89ba014eb20115ead57a9cc', class: {
+        return (h(Host, { key: '4f5ced7e398987e33d5c2ee08a2b50637ccbaf8f' }, h("div", { key: '6bbeae2f3148011c7b516b1922df693abb6f2083', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
                 'component-has-user': this.hasUserComponent,
-            } }, h("slot", { key: '43b400894c86a51cc1dbe910f8eecab31fad4c45' }))));
+            } }, h("slot", { key: '2a836f4a3892acae4541972dadcf4a5e958d45f4' }))));
     }
     static get is() { return "tds-side-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class TdsSideMenuUser {
         this.imgAlt = undefined;
     }
     render() {
-        return (h(Host, { key: 'fe3a852379cfa0e6822cac54e84937b5c8365115' }, h("tds-side-menu-user-image", { key: 'd5c702b1f3dcc8d2d46d411c72e13becaab1062d', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '4ded196cd1d6ab0e13488787bbb1d4aa5feb3ebd', name: "image" })), h("tds-side-menu-user-label", { key: 'efee803dbe911144f11660ff1529a2de8c3cca62', heading: this.heading, subheading: this.subheading })));
+        return (h(Host, { key: '029f8e80bd9eb56ba1826280e6c64fdddbba918c' }, h("tds-side-menu-user-image", { key: 'ee277efe9180b8013596cae3ccebf801c47d7573', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: 'bfd0ee76f3c8903f033417ab917796ab9a2bc941', name: "image" })), h("tds-side-menu-user-label", { key: '0a1e257454854db6e670a68a3a085430e4e5187c', heading: this.heading, subheading: this.subheading })));
     }
     static get is() { return "tds-side-menu-user"; }
     static get encapsulation() { return "shadow"; }
@@ -48,11 +48,11 @@ export class TdsSideMenuUser {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The subheading text."
@@ -65,11 +65,11 @@ export class TdsSideMenuUser {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The image source."
@@ -82,11 +82,11 @@ export class TdsSideMenuUser {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The image alt text."