@scania/tegel 1.8.2 → 1.9.0

package/dist/collection/components/text-field/text-field.js

@@ -48,7 +48,7 @@ export class TdsTextField {
         var _a;
         const usesPrefixSlot = hasSlot('prefix', this.host);
         const usesSuffixSlot = hasSlot('suffix', this.host);
-        return (h("div", { key: '2b312cea422545b69a06408597cc8acdb2e1b571', class: {
+        return (h("div", { key: 'af93aac8fe99744a466af32645df1159f6517621', class: {
                 'form-text-field-nomin': this.noMinWidth,
                 'form-text-field': !this.focusInput || this.disabled,
                 'text-field-focus': this.focusInput && !this.disabled,
@@ -62,12 +62,12 @@ export class TdsTextField {
                 'form-text-field-sm': this.size === 'sm',
                 'form-text-field-error': this.state === 'error',
                 'form-text-field-success': this.state === 'success',
-            } }, this.labelPosition === 'outside' && (h("div", { class: "text-field-label-outside" }, h("div", null, this.label))), h("div", { key: '23c59920fa3c06b9677e06b1c8413b9938c731eb', onClick: () => this.textInput.focus(), class: "text-field-container" }, usesPrefixSlot && (h("div", { class: {
+            } }, this.labelPosition === 'outside' && (h("div", { key: 'ceffe4d0d2cbc71f0261b8e3d61e18b24ba22b68', class: "text-field-label-outside" }, h("div", { key: '2084087df1a986ab9c41fb741fd00ff6e22bb572' }, this.label))), h("div", { key: '3077fb9808ee0b09cb28cb69b9f2bb34b7224eb0', onClick: () => this.textInput.focus(), class: "text-field-container" }, usesPrefixSlot && (h("div", { key: '6e234045ab96c5d29a1119c2a7c16e77205f466e', class: {
                 'text-field-slot-wrap-prefix': true,
                 'text-field-error': this.state === 'error',
                 'text-field-success': this.state === 'success',
                 'text-field-default': this.state === 'default',
-            } }, h("slot", { name: "prefix" }))), h("div", { key: 'aea27bc666bf486c46b9fe07bf0fb7290addf5ad', class: "text-field-input-container" }, h("input", { key: '6b2cb5c19fdac8280806cf70d0ebbc4aefc80e8a', ref: (inputEl) => (this.textInput = inputEl), class: {
+            } }, h("slot", { key: '76df42ef5b886284b471cf77552b1d7473857f0c', name: "prefix" }))), h("div", { key: '03b3ee869ba507a9decd9c9b5af1fda9bc47c671', class: "text-field-input-container" }, h("input", { key: '47049115cff82c06d88a77792388f37ffedc5dbc', ref: (inputEl) => (this.textInput = inputEl), class: {
                 'text-field-input': true,
                 'text-field-input-sm': this.size === 'sm',
                 'text-field-input-md': this.size === 'md',
@@ -80,13 +80,13 @@ export class TdsTextField {
                 if (!this.readOnly) {
                     this.handleBlur(event);
                 }
-            } }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { class: "text-field-label-inside" }, this.label))), h("div", { key: 'd51f4eb1d1b8afeae3375d8111bcaf5f322e7382', class: "text-field-bar" }), usesSuffixSlot && (h("div", { class: {
+            } }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '69deb0290018fd1649700266e706b0a55ed66b5e', class: "text-field-label-inside" }, this.label))), h("div", { key: '5cddf711727ef892849e3970a366854ce19fffc1', class: "text-field-bar" }), usesSuffixSlot && (h("div", { key: 'a169798c9699ebced30dd65660678358d8e63ac8', class: {
                 'text-field-slot-wrap-suffix': true,
                 'text-field-error': this.state === 'error',
                 'text-field-success': this.state === 'success',
                 'text-field-default': this.state === 'default',
                 'tds-u-display-none': this.readOnly,
-            } }, h("slot", { name: "suffix" }))), h("span", { key: 'ebf4dc9b5aba18087491a01d0619eea334dc0b93', class: "text-field-icon__readonly" }, h("tds-icon", { key: '0c346e4bc4835081b3cf85dcf09b641dec1f6127', name: "edit_inactive", size: "20px" })), h("span", { key: '637c5b8941df13c39b0eda219c775f552253b15e', class: "text-field-icon__readonly-label" }, "This field is non-editable")), (this.helper || this.maxLength > 0) && (h("div", { class: "text-field-helper" }, this.state === 'error' && (h("div", { class: "text-field-helper-error-state" }, h("tds-icon", { name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, this.maxLength > 0 && (h("div", { class: "text-field-textcounter" }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { class: "text-field-textcounter-divider" }, " / "), this.maxLength))))));
+            } }, h("slot", { key: '4043d0ab130b9a0e7d2c0966300b997537bae53e', name: "suffix" }))), h("span", { key: 'ef9e4d55f310cbc8132e46f1e74f89a9fbc62ca9', class: "text-field-icon__readonly" }, h("tds-icon", { key: 'a968990fc370038a3657c752720ae29905b8b115', name: "edit_inactive", size: "20px" })), h("span", { key: '7518767f23b8a424bdad9d3cc776c179bf745680', class: "text-field-icon__readonly-label" }, "This field is non-editable")), (this.helper || this.maxLength > 0) && (h("div", { key: '857ab4650416e7abb96637c4cb7a8bf5a6f7fbe5', class: "text-field-helper" }, this.state === 'error' && (h("div", { key: 'bee202fccd49ba3cbe14a65d9e75b1d2a1e8d7a4', class: "text-field-helper-error-state" }, h("tds-icon", { key: '039457d06cccdf7a3a61b6b65952d2735df6aac3', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, this.maxLength > 0 && (h("div", { key: '92aa70e21712e92836ecd92b1d5faa2f31473f82', class: "text-field-textcounter" }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: '58559bb93ab041e096e6a6b383b6371cc49e40af', class: "text-field-textcounter-divider" }, " / "), this.maxLength))))));
     }
     static get is() { return "tds-text-field"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/textarea/textarea.js

@@ -38,7 +38,7 @@ export class TdsTextarea {
     }
     render() {
         var _a;
-        return (h("div", { key: 'fe8dc68fbf05efeb130e0c181159eae6cff74c03', class: `
+        return (h("div", { key: '755ac00cf894aac2a205af846cb36feb86035754', class: `
         textarea-container
         ${this.labelPosition === 'inside' ? 'textarea-label-inside' : ''}
         ${this.focusInput ? 'textarea-focus' : ''}
@@ -48,7 +48,7 @@ export class TdsTextarea {
         ${this.value ? 'textarea-data' : ''}
         ${this.state === 'error' || this.state === 'success' ? `textarea-${this.state}` : ''}
         ${this.noMinWidth ? 'no-min-width' : ''}
-        ` }, this.labelPosition !== 'no-label' && h("span", { class: 'textarea-label' }, this.label), h("div", { key: '91c7397794a076d825f3eff54a15667a5d39597c', class: "textarea-wrapper" }, h("textarea", { key: '44f7fadbbf81ad05b9ac43b6f397fabf581ac057', class: 'textarea-input', ref: (inputEl) => (this.textEl = inputEl), disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
+        ` }, this.labelPosition !== 'no-label' && h("span", { key: '41953b1cf8951c3c29398adc80db618350944373', class: 'textarea-label' }, this.label), h("div", { key: '8ef9341455620e366f457ec365df44a12b87404a', class: "textarea-wrapper" }, h("textarea", { key: '784dfd2bf892c4452b400bec2e0c51d21a624ba7', class: 'textarea-input', ref: (inputEl) => (this.textEl = inputEl), disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
                 if (!this.readOnly) {
                     this.handleFocus(event);
                 }
@@ -56,7 +56,7 @@ export class TdsTextarea {
                 if (!this.readOnly) {
                     this.handleBlur(event);
                 }
-            }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event) }), h("span", { key: 'cf2e97ae7e208467029b104b162bc7804e0d44f8', class: "textarea-resizer-icon" }, h("svg", { key: '0f9dbf84245317aefae29073a7f5762365253051', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '22301b51387084acd9a8787ec056f2cf8bb52b46', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), h("span", { key: '34a6785de8d8d8c79d43b02df76589cb2af9667c', class: "textarea-icon__readonly" }, h("tds-icon", { key: '640471367ddabc3c23ef51729167942bd97f113a', name: "edit_inactive" })), h("span", { key: 'c52b90439d07733301316af624d52b464bcf77b9', class: "textarea-icon__readonly-label" }, "This field is non-editable")), h("span", { key: '7168cbe9559ce4d7b3e0ae2796da02f23240d2a4', class: 'textarea-helper' }, this.state === 'error' && h("tds-icon", { name: "error", size: "16px" }), this.helper), this.maxLength > 0 && (h("div", { class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
+            }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event) }), h("span", { key: 'd06a243ac05c7504fac95b5fe5f4cba1dce7e9f9', class: "textarea-resizer-icon" }, h("svg", { key: 'fcffd85e4a8ad69e9616dd84d24fd9917e11b6ed', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '291f217768dbc7ae1f3768dca2be75fdfbaa9938', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), h("span", { key: '45d95dbdedead0c5db29449319756751b3bb7866', class: "textarea-icon__readonly" }, h("tds-icon", { key: 'bb634b3a769cf1630e57e8dc64d5d69fe741401e', name: "edit_inactive" })), h("span", { key: 'a9bd4f2739ea611f91187649acb79e483cbff888', class: "textarea-icon__readonly-label" }, "This field is non-editable")), h("span", { key: '0c34d469e1ca4cb19e98b23b074be388e333d33e', class: 'textarea-helper' }, this.state === 'error' && h("tds-icon", { key: '33a21a513d62a5785cf37edc7d595501b0295088', name: "error", size: "16px" }), this.helper), this.maxLength > 0 && (h("div", { key: '9c0c4292fcd652a7b40ee6eebf846c3e8f64e5bb', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: '130fd514336bc5bdc910f608314755cc1c5c4789', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
     }
     static get is() { return "tds-textarea"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toast/toast.js

@@ -58,12 +58,12 @@ export class TdsToast {
         const usesHeaderSlot = hasSlot('header', this.host);
         const usesSubheaderSlot = hasSlot('subheader', this.host);
         const usesActionsSlot = hasSlot('actions', this.host);
-        return (h(Host, { key: 'b4a35bad02fc58bae1ec849e9018b47da0471efa', toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
+        return (h(Host, { key: '40896b8e7fa322b37e69592486e7b128a52c2b97', toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
                 hide: this.hidden,
                 show: !this.hidden,
-            } }, h("div", { key: '302b734e22d80b84ec04378d019476b360913b7a', class: `
+            } }, h("div", { key: '22c9563b7a6fe868455f03ec3d5ee6af735912d3', class: `
             wrapper
-            ${this.variant}` }, h("tds-icon", { key: 'abf3ed7b8c3116ddd180f5b05486f90f85e0ab35', name: this.getIconName(), size: "20px" }), h("div", { key: 'd0ed5fb347cfaf7614961d8a70ddfe517713af70', class: `content` }, h("div", { key: 'f12ef9ddf3005ce3b6397665f7dfbbc18050d88b', class: "header-subheader" }, this.header && h("div", { class: "header" }, this.header), usesHeaderSlot && h("slot", { name: "header" }), this.subheader && h("div", { class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { name: "subheader" })), usesActionsSlot && (h("div", { class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { name: "actions" })))), this.closable && (h("button", { onClick: this.handleClose, class: "close" }, h("tds-icon", { name: "cross", size: "20px" }))))));
+            ${this.variant}` }, h("tds-icon", { key: '6c32c80e7994b1758576c934a3dab4fd4320a4d9', name: this.getIconName(), size: "20px" }), h("div", { key: 'eaf31eb3b1b6dae5931885909e8616333e462378', class: `content` }, h("div", { key: '5f93d7e05b6d7d3d5e6f178d1697cc9cf28bdf3c', class: "header-subheader" }, this.header && h("div", { key: '50c71fd695bf0ef5fd04ae9d110b6af8b9c4cf34', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '3ff01f3f1af157f21bd17c086275a33d993c0136', name: "header" }), this.subheader && h("div", { key: 'bacda64f72cd981b21d0efdcb0ea429a6c6cc80e', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: 'c298d09af3b4f10c9a5cf116f33cc7026d41b858', name: "subheader" })), usesActionsSlot && (h("div", { key: '64f62ad9c487798d02fe14b4cd3cb0cf4ac751bb', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: '544c61fdaa8d8d3ffe49fc278e19fef0033e18c8', name: "actions" })))), this.closable && (h("button", { key: 'c62ddb0d20113571fcf4bf0b790b87727ba2a307', onClick: this.handleClose, class: "close" }, h("tds-icon", { key: '39f7e267c2ee46156f78235e9225436708d5911a', name: "cross", size: "20px" }))))));
     }
     static get is() { return "tds-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggle/toggle.js

@@ -29,7 +29,7 @@ export class TdsToggle {
         };
     }
     render() {
-        return (h("div", { key: '726adc73f704e7f2b303983c7fb02a4656b0d84d', class: "tds-toggle" }, this.headline && (h("div", { class: `toggle-headline ${this.disabled ? 'disabled' : ''}` }, this.headline)), h("input", { key: '22628dcc2b941c27faf09eb10e9f6d7d50c03e3c', "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), h("label", { key: '235750e453463cf087d6683d5f1c1b02056f1536', class: `${this.disabled ? 'disabled' : ''}`, htmlFor: this.toggleId }, h("slot", { key: '8d51817c8fa188f75e680f42d6cbad2ed6891ba3', name: "label" }))));
+        return (h("div", { key: '4ca12f4ed989129407a0c7c0f41c33b57403783f', class: "tds-toggle" }, this.headline && (h("div", { key: '5b5e05e2405a13bbcfa86018d90bdbbc69782cee', class: `toggle-headline ${this.disabled ? 'disabled' : ''}` }, this.headline)), h("input", { key: '81b9730f03c5a7cf702ed77441523320a9229398', "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), h("label", { key: '4ed1d3700b76040f5f225da27bcd5eab5611939d', class: `${this.disabled ? 'disabled' : ''}`, htmlFor: this.toggleId }, h("slot", { key: '458f1d0867aa3064d61a0b568fd91be35d1f99f5', name: "label" }))));
     }
     static get is() { return "tds-toggle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/tooltip/tooltip.js

@@ -44,7 +44,7 @@ export class TdsTooltip {
     }
     render() {
         var _a;
-        return (h(Host, { key: '0cf105738ffdc5463fb22a310e95e119b4e76cdd' }, h("tds-popover-core", Object.assign({ key: '3ff8ccc3d104969b5c7f7f8ededf054f305f2df0' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '7488d071020eaaf9adefe51346927e8fd824b631' }, h("tds-popover-core", Object.assign({ key: '9aa67d282897a5d98f63342e5baab9d09939407d' }, this.inheritedAttributes, { class: {
                 'tds-tooltip': true,
                 [`tds-tooltip-${this.border}`]: true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
@@ -53,7 +53,7 @@ export class TdsTooltip {
                 this.show = true;
             }, onInternalTdsClose: () => {
                 this.show = false;
-            } }), this.text, h("slot", { key: 'b7a06b9f4875788c815f33a75d45dbb8a72f6393' }))));
+            } }), this.text, h("slot", { key: '38d9665449796102773b74f272354ec3759be1f6' }))));
     }
     static get is() { return "tds-tooltip"; }
     static get encapsulation() { return "scoped"; }

package/dist/components/index.js

@@ -1 +1 @@
-export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-604b1ae6.js';

package/dist/components/{inheritAriaAttributes.js → p-0bd4c19c.js}

@@ -1,4 +1,4 @@
-import { i as inheritAttributes } from './inheritAttributes.js';
+import { i as inheritAttributes } from './p-3fe9cbbf.js';
 
 /**
  * List of available ARIA attributes + `role`.

package/dist/components/{side-menu-user-image.js → p-0ea19663.js}

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './p-604b1ae6.js';
 
 const sideMenuUserImageCss = ":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}";
 const TdsSideMenuUserImageStyle0 = sideMenuUserImageCss;
 
-const TdsSideMenuUserImage = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuUserImage extends HTMLElement {
+const TdsSideMenuUserImage = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuUserImage extends H {
     constructor() {
         super();
         this.__registerHost();
@@ -12,7 +12,7 @@ const TdsSideMenuUserImage = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuU
         this.alt = undefined;
     }
     render() {
-        return (h(Host, { key: '3d31dd530f0a93513c30f970c81c1cfb47949096' }, h("slot", { key: 'b9cac74d3f6fd7ba404c88fd729b50dc1771e07d' }), this.src && h("img", { src: this.src, alt: this.alt })));
+        return (h(Host, { key: 'f52d600d147e4422c99883473c5453018135edc5' }, h("slot", { key: '1ecdae7d2a9d8a42a93c9b4e77ebf885c2308925' }), this.src && h("img", { key: 'c2efe65b3cb9102db3019d15ed54a8cbaecef877', src: this.src, alt: this.alt })));
     }
     static get style() { return TdsSideMenuUserImageStyle0; }
 }, [1, "tds-side-menu-user-image", {

package/dist/components/{popover-canvas.js → p-19c59509.js}

@@ -1,11 +1,11 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { i as inheritAttributes } from './inheritAttributes.js';
-import { d as defineCustomElement$1 } from './popover-core.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-604b1ae6.js';
+import { i as inheritAttributes } from './p-3fe9cbbf.js';
+import { d as defineCustomElement$1 } from './p-b615fa10.js';
 
 const popoverCanvasCss = ".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";
 const TdsPopoverCanvasStyle0 = popoverCanvasCss;
 
-const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas extends HTMLElement {
+const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas extends H {
     constructor() {
         super();
         this.__registerHost();
@@ -23,10 +23,10 @@ const TdsPopoverCanvas = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCanvas
     }
     render() {
         var _a;
-        return (h(Host, { key: '45b6b6b51a9c37d4692b2d3d5418fb3c57fd7bbd' }, h("tds-popover-core", Object.assign({ key: '580397a3b0ee7aa04911644418f347dde7a67f1c' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '63f2e88645eb5c7332d1e8fa212a18027c0d326b' }, h("tds-popover-core", Object.assign({ key: 'ad3db7560cff1f067d677d3b84452646416ddb04' }, this.inheritedAttributes, { class: {
                 'tds-popover-canvas': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
-            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click' }), h("div", { key: 'aaf09175958e1496d7e9ba685ac66a54320e8c7c' }, h("slot", { key: 'fb6ca5a14c2365b6c8ecac6f05c1c51f4ee20147' })))));
+            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click' }), h("div", { key: '7adfc7fce2c4e0315a09659286f2eaed429c796d' }, h("slot", { key: '9d311008103a8d7f556b63505db92a005ded27c7' })))));
     }
     get host() { return this; }
     static get style() { return TdsPopoverCanvasStyle0; }

package/dist/components/{header-dropdown-list-item.js → p-2bb5f9be.js}

@@ -1,9 +1,9 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './p-604b1ae6.js';
 
 const headerDropdownListItemCss = ":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}";
 const TdsHeaderDropdownListItemStyle0 = headerDropdownListItemCss;
 
-const TdsHeaderDropdownListItem = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdownListItem extends HTMLElement {
+const TdsHeaderDropdownListItem = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDropdownListItem extends H {
     constructor() {
         super();
         this.__registerHost();
@@ -12,10 +12,10 @@ const TdsHeaderDropdownListItem = /*@__PURE__*/ proxyCustomElement(class TdsHead
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: '774697d96ed26eea5c5416c748812850482bbe08' }, h("div", { key: 'b3e69475f88fcdfbea2cd685f9804a0412938594', class: {
+        return (h(Host, { key: 'e884013f09151c5ba323ac69c34c88e8aba9d132' }, h("div", { key: 'e4babaebaac5f661b2ef365a120e9953d6535c73', class: {
                 'component': true,
                 'component-selected': this.selected,
-            } }, h("slot", { key: '53edf8eee9b251320f0764e351ab233d90dd9ea1' }))));
+            } }, h("slot", { key: 'b58b6c84093c4edd303ee3ed202703f316cfcaa2' }))));
     }
     get host() { return this; }
     static get style() { return TdsHeaderDropdownListItemStyle0; }

package/dist/components/{header-launcher-button.js → p-2c342ccf.js}

@@ -1,13 +1,13 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { i as inheritAriaAttributes } from './inheritAriaAttributes.js';
-import { d as defineCustomElement$3 } from './core-header-item.js';
-import { d as defineCustomElement$2 } from './header-item.js';
-import { d as defineCustomElement$1 } from './icon.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-604b1ae6.js';
+import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
+import { d as defineCustomElement$3 } from './p-a79e3dad.js';
+import { d as defineCustomElement$2 } from './p-d9d19636.js';
+import { d as defineCustomElement$1 } from './p-f64a898a.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;
 
-const TdsHeaderLauncherButton = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherButton extends HTMLElement {
+const TdsHeaderLauncherButton = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherButton extends H {
     constructor() {
         super();
         this.__registerHost();
@@ -17,7 +17,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: '49a11965353d51e7bf1daa8c6618a41a84deb31e' }, h("tds-header-item", { key: '7fd710a85a1a84fba6025313d738f222d0f3696c', active: this.active }, h("button", Object.assign({ key: '0928b54dd658accc6d4154b40bbfff263f2f8b36' }, buttonProps), h("tds-icon", { key: '1dd825b98ea44b33ec6a555088911f801f45031e', class: "icon", name: "bento", size: "20px" })))));
+        return (h(Host, { key: 'ee714e05a3585542850f433cd81ed25d95a14070' }, h("tds-header-item", { key: '0a7c7b20fa872c1ccd4e0760b9f68743ec6c761f', active: this.active }, h("button", Object.assign({ key: '1b0c93c04e5206dc47fe3df3a158e16ed624f8e1' }, buttonProps), h("tds-icon", { key: '11a961f7e11d741108a450ef1a2fa1b22f5520a8', class: "icon", name: "bento", size: "20px" })))));
     }
     get host() { return this; }
     static get style() { return TdsHeaderLauncherButtonStyle0; }

package/dist/components/{checkbox.js → p-2d20f437.js}

@@ -1,10 +1,10 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { g as generateUniqueId } from './generateUniqueId.js';
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-604b1ae6.js';
+import { g as generateUniqueId } from './p-11648030.js';
 
 const checkboxCss = ".sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:\"\";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:\"\";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:24px;height:24px;left:0;top:0;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--tds-checkbox-interaction-01);background-color:var(--tds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus::before{background-color:var(--tds-checkbox-background-focus);opacity:var(--tds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox::after{border-color:var(--tds-checkbox-border-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-grey-600);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--tds-checkbox-background-img);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::after{background-image:var(--tds-checkbox-background-img-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-image:var(--tds-checkbox-background-img-indeterminate);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::after{background-image:var(--tds-checkbox-background-img-indeterminate-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}";
 const TdsCheckboxStyle0 = checkboxCss;
 
-const TdsCheckbox = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends HTMLElement {
+const TdsCheckbox = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends H {
     constructor() {
         super();
         this.__registerHost();
@@ -50,11 +50,11 @@ const TdsCheckbox = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends H
         this.tdsBlur.emit(event);
     }
     render() {
-        return (h("div", { key: '7f6c5e5b86e6253436ecdab246bb16bca35ac033', class: "tds-checkbox" }, h("input", { key: '7d0743b1f01a4c5b87c99ba8756d068ed5e79dbf',
+        return (h("div", { key: '0efb982ab13c1d75681614675b649e010707b701', class: "tds-checkbox" }, h("input", { key: '834b29962978ea1cf7249018e6b7eea2417da5f4',
             // eslint-disable-next-line no-return-assign
             ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
                 this.handleChange();
-            } }), h("label", { key: '74f9f1be873f228c20fa8aa526f7c067c77ed662', htmlFor: this.checkboxId }, h("slot", { key: '676ba34f3edd4bad011dd54433bc82066c19c90c', name: "label" }))));
+            } }), h("label", { key: '2150346b336440768beac655de035bf470f9e492', htmlFor: this.checkboxId }, h("slot", { key: 'df61654810e46b8707709d86bae7bdfd627724ee', name: "label" }))));
     }
     get host() { return this; }
     static get watchers() { return {