@tet/tet-components 1.4.59-testing → 1.4.60-staging

package/dist/collection/components/advanced/customer/tet-referral/tet-referral.js

@@ -47,9 +47,9 @@ export class TetReferral {
         });
     };
     render() {
-        return (h(Host, { key: '81e3fb44941e8f766e719d45d2b0168fd015fe27' }, h("div", { key: 'c8767f148ccaaa4efb7f6688c675eaeeb7bf84cf', class: "wrapper" }, h(ThemeWrapper, { key: '74d6d369d7b5a8efb30f05d9b978ddb2d837f1fa', theme: this.theme }, h("div", { key: 'ad890fa00d9e02efa2291d180a4fb91bb7eb90e0', class: "image-container" }, h("img", { key: '60366bab0b82237e29cfb96410e6866e31528ca6', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '055bc651a52fbe6dfd94704691685e87eb56b0a2', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'bd0bb086f82fa1be51ffcd1eeb63969b64b47f77', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'd2bbd474fcbbc10246cd9458ea4a42f31e1ed078', class: "referral-block" }, h("div", { key: '1ec5a1840cd1c30773a682ad56c39f03a55f1524', class: "url-wrapper" }, h("div", { key: '3980baedbd350cb5561e1df64e026a50177d53a9', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '8082b6d91785b9173e06673d999b3b3c0a9edb14' }, h("div", { key: 'dbeba4ddb9bf9785262b3aa5996b0d62e2cc40ef', class: "button-wrapper" }, h("tet-tooltip", { key: 'f9157f2d5f4a942ae372829ab13c003d373f30a1', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '71db8124fa2495f2fae09b7fbfd254010b47bf54' }, h("div", { key: '83ac9c96c809ee708030f63ca8a3346335825a2a', class: "wrapper" }, h(ThemeWrapper, { key: '24aa075093a8605274a874390c7080118ebb152d', theme: this.theme }, h("div", { key: '256070fe7318b3ed87358441adf075e54e1c1b94', class: "image-container" }, h("img", { key: '43c126fd6f9638bd7d691d3fcb593b486bd18c2d', src: t('components-referral-image-url'), alt: "" })), h("div", { key: 'b6ec74576355ff9223eed01805e0d59c8f78f663', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: 'f0629d8781868c0f7a3600d0de9af188bc11b993', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'd59af2f8e58b009dcb45469433bf7c306abdd50a', class: "referral-block" }, h("div", { key: '0d2d187313c9724f42c9076bc8a6851da7c4dba4', class: "url-wrapper" }, h("div", { key: 'd82d0e185ba3e479ec11ed3d501e08166c882758', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'e88019fad8a622b186f40e94d7a005623b45fa2f' }, h("div", { key: 'c3f3dd982749920a6a4238b90b441caa8b679e73', class: "button-wrapper" }, h("tet-tooltip", { key: 'bab7df84808684122c21b9043d3beccd33a20027', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: 'f1918575f5e7650a0dd68b32b84e3589e2b54f8b', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: '780f0544112406f10dbd568fdfe20d06c3e24139', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
     }
     static get is() { return "tet-referral"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/dialog/tet-multi-step-dialog/tet-multi-step-dialog.js

@@ -130,7 +130,7 @@ export class TetMultiStepDialog {
         return (h("div", { innerHTML: step, "data-step": Number(index) + 1, class: "multi-step-dialog__step", ref: this.setStepBlocks }));
     }
     render() {
-        return (h(Host, { key: '5b54a6359952d8fa1df7c30ed848412bb06ab4b7', class: "multi-step-dialog" }, h("tet-dialog", { key: '0614e6c3f21e4082cbd8c4bfad4773bd5517464f', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme, onCloseDialog: this.handleCloseDialog, onOpenDialog: this.handleOpenDialog }, h("div", { key: 'f4bf912841a7f5502d3d76f41dc3a5f60b835793', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '77a49bb79b8d3b98a4a9cc5e9bcab6cc7043f348', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: 'bf0c7392baf674135c1c93a86a7887e99eaa3a71', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
+        return (h(Host, { key: '46097ca233a86db428b88353a164f323619f63a2', class: "multi-step-dialog" }, h("tet-dialog", { key: 'c15d6b2ca7403f8caa99f6e23eeec9a3e5e18810', class: this.tetDialogClass, "is-open": this.isOpen, "data-screen-key": this.dialogDataScreenKey, "footer-display": "right", ref: el => this.tetDialog = el, theme: this.theme, onCloseDialog: this.handleCloseDialog, onOpenDialog: this.handleOpenDialog }, h("div", { key: 'ea11040591680bd2cb5815ea9020ac26b729f815', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '54ba12fe747a28f65a6044906e80bf90ca032b71', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, type: "secondary", ref: el => this.prevButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-go-back')), h("tet-button", { key: '4b3c53cfef92bbc72ff298b0dbf3cb6f9bfaec0f', class: "footer-button", slot: "footer", size: "medium", theme: this.theme, ref: el => this.nextButton = el, onKeyDown: (e) => this.handleKeydownEvent(e) }, t('components-next-step')))));
     }
     static get is() { return "tet-multi-step-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/forms/tet-availability-contact-form/tet-availability-contact-form.js

@@ -132,7 +132,7 @@ export class TetAvailabilityContactForm {
         return (h("div", null, h("tet-dialog", { ref: (element) => this.dialogElement = element, "footer-display": "hidden", "is-open": this.showAvailabilityContactForm, closeOnEscape: true, closeOnOverlayClick: true }, h("div", { class: "form-container" }, h("tet-icon", { name: "confirm-md", class: "icon icon-success icon-size" }), this.showTitle && h("h2", { class: "form-title" }, t('components-availability-contact-form-success-title')), h("p", { class: "form-subtitle" }, t('components-availability-contact-form-success-subtitle')), h("tet-button", { class: "form-container-close", clickCallback: this.closeDialogElement, size: "medium", type: "primary", theme: "light" }, h("span", null, t('components-availability-contact-form-success-close')))))));
     }
     render() {
-        return (h("div", { key: '7e3b9342ee828bbdcbcfaf422e1bd1a9e36f544e', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: 'f400632425492dc2700b9acb4006ff7e0aa2f90e', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
     }
     static get is() { return "tet-availability-contact-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/forms/tet-b2b-check-out-form/tet-b2b-check-out-form.js

@@ -150,11 +150,11 @@ export class TetAvailabilityContactForm {
     }
     render() {
         const { theme } = this;
-        return (h("tet-dialog", { key: 'd04ef4470809098ee062fb0a9745dc367cfc8b96', class: "modal-form-card", headerTitle: t('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
+        return (h("tet-dialog", { key: '5a573a49ca855428dc9ab38b504d3e9fb60afd54', class: "modal-form-card", headerTitle: t('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
                 this.dialogElement = el;
-            } }, h("div", { key: 'f678b12cc3cdc747612359e92e5133a0be13f84e', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '2cd38210a1903e006432b720f67b79739dd7280b', class: "modal-form-card-content-header" }, h("div", { key: 'cd940d4b7ae33e43b622b33428bc212e14dcf95e', class: "icon-wrapper" }, h("tet-icon", { key: 'f3d9bf278f1b96701f6bbf9b146f49d8f0c95ca4', class: "icon", name: "tc-company-1" })), h("span", { key: '7e76f0714d8e10f2e572f897b61dcfbd4c104873', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'e91de75dceec563c91806f7bd331670f8d638c5a', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '5c9d96282c3bea53b71be6cfa3686f66e200d9aa', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'deab9af25c5610ca2fd2a47de139770c24b041bb', name: "cart" })), h("form", { key: '3db7155ca815c4ffcf713535259d1ee7fd9dd052', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '7dcd9c5282cd6a0935027877591e510dd1aa3cef', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label'), '', 'name'), h("div", { key: '24d9841a7509bfc54997886312e56bf32615f5ea', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), h("tet-checkbox", { key: 'f1accc53d9232916b2e2b8cc39992283657d301d', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: 'd6c2a99c95cce10feabd96ceeeef05c4ebb8289c', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '5c19065f8604dca38bb4ae10c8994fda88345ee2', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: 'feea4b2e2d62dfd6ebe0d460bdad511b64d4ee64', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: 'c8dd0fa07999f6612d195eb22349475cfd5b60a0', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '623765cc88330ce88b5c52bb8ec9e914b0fbc8ba', class: "modal-form-card-content-header" }, h("div", { key: '0f62d0788737be80ab17ce762fb5f33f996340ee', class: "icon-wrapper" }, h("tet-icon", { key: '8a143abced736ad42c097cc10a31c906b0aea5da', class: "icon", name: "tc-company-1" })), h("span", { key: 'e93fac743039609d51eb46688193bd921430e817', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '78de426e6a2b967a5c052579a6a443315ef74a2b', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '247bae8753e5a8ca848dd7f64f395fe367088d41', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'dbc3f34494ab13d565bae955a8610284400e07cd', name: "cart" })), h("form", { key: '2a15074418f3f6e65de00fb98d4ec34662c35d7e', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: 'c2f6b72ee39fa45c03eb263e77045f2cde75aecf', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001', 'company-reg', '11'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label'), '', 'name'), h("div", { key: '2a7b6912d4ad0d510eac0a5129b768722b08a91d', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com', 'email'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '22222222', 'phone', '8')), h("tet-checkbox", { key: '242d22bbeba2385989d8c4dd06beddc7a0ca2fbf', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '07d1577e2a25ebd42293ae2e2226e0b6ec2a0daf', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '35984e5392ef89c4c0047101b94c521819f24650', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '57e6de167a5f0a122c318400ae2821a440f2ce12', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '610f65d5a34d3f7c8a11997b1e647b1aa1c9d255', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, t('components-b2b-check-out-form-submit-button-label')))));
+            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '84a05095a2e127271df832508a7c097f79ab85db', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, t('components-b2b-check-out-form-submit-button-label')))));
     }
     static get is() { return "tet-b2b-check-out-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/forms/tet-contact-form/tet-contact-form.js

@@ -73,7 +73,7 @@ export class TetContactForm {
         return (h("div", { class: "loader-overlay" }, h("tet-loader", { class: "loader" })));
     };
     render() {
-        return (h("div", { key: 'f049d1210fda1813fdec32ee29c7670122d6fbb1', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '1b72c554330603dd7d86663a68c172f306a73c4d', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '97b6f35dbb8ab8ae2e93464ccef4fa55160514d7', class: "form-container" }, this.showTitle && h("h2", { key: '055946320c63e7f4fa3cf62cd6d78ba061491fca', class: "form-title" }, t('components-contact-form-title')), h("p", { key: 'ba1afbd3f962552b0bdd6d1a332adfe13707080a', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'bacb7841958944408e9ad1e7b4b445b4098e3ae6', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", { key: '49b5b47fac161b62b7b1e11a453939c02d797441', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        return (h("div", { key: '73f9514042208123118b05772ea34c3453546093', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '83fb560fecfb1c655571543d8e718e8132ee95ac', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '5b6ee6ad8f4772580c970efc8d5e2ae7f9149f68', class: "form-container" }, this.showTitle && h("h2", { key: '4405e8e4bf534f5c97915bcf8b25d30291a82f81', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '223595014c8dbf97443a50f1ab214da97f861fe7', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'ead34961a425dda86837ebea6165f8eb21a99351', class: "form-input", placeholder: "+37122345678", ref: (element) => this.phoneInput = element, validators: this.validators, label: this.showInputLabel ? t('components-contact-form-input-label') : null, theme: this.darkTheme ? 'dark' : 'classic' }), h("tet-button", { key: '40e046babf010f22d2cc046c284823d6fce30c56', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
     }
     static get is() { return "tet-contact-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/forms/tet-feedback-form/tet-feedback-form.js

@@ -248,7 +248,7 @@ export class TetFeedbackForm {
         return (h("div", { class: "feedback-form__thank-you", "aria-live": "polite" }, h("tet-icon", { class: "icon", name: thankYouIconName }), h("div", { class: "text-block" }, h(HeadingTag, { class: "title" }, thankYouTitle), h("p", { class: "description" }, thankYouDescription))));
     }
     render() {
-        return (h(Host, { key: '3319b8b3c76d74e8bda2dfb6bbe8d57cb8007653' }, h("section", { key: '789e5d4871e343e1544eb94144617fff4dcd1b22', class: "feedback-form" }, this.submitted ? this.renderThankYouComponent() : this.renderAccordionComponent())));
+        return (h(Host, { key: '5ca66cf2f5d7ef27f85abf91be94bd2909bdce6b' }, h("section", { key: '0a75534ce23f4ac11fcde93aa346b63bf076f72d', class: "feedback-form" }, this.submitted ? this.renderThankYouComponent() : this.renderAccordionComponent())));
     }
     static get is() { return "tet-feedback-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-block/tet-tv-gift-block.js

@@ -33,7 +33,7 @@ export class TetTvGiftBlock {
         }
     };
     render() {
-        return (h(Host, { key: '663c5f3632f1afb9c7421f873ddf30681a679d18' }, h("div", { key: '1098b2a9de02ddbc87bcb78896634d2e1785fe89', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'f4d23b44b7aa9d158e742ca58142f665186b4963', class: "tv-gift__header" }, h("slot", { key: '58759b0650d2469cc44c25193eb00924a7388985', name: "header" }, this.headerImageSrc && h("img", { key: '08862777563663ba90d80ac1ded747d26107c87d', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: 'f56664423e4373d97f0e2f871a22f1a3edc5e976', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '5361a3413ce836723dc650fb5f5c11496b05741f', class: "tv-gift__content" }, h("slot", { key: '33b19d2bf84defc3b5318d80ab19a34ff32542a1' })), h("div", { key: '3409c71e31faa52cdf621a8fb97ccf73734ab16e', class: "tv-gift__footer" }, h("slot", { key: '902c9b3abc09f158da76b28e94390900d89442fa', name: "footer" }, h("span", { key: '986c68a05a7c22c151d5cfd8d30ae817be80eb14', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '3ccd49b988de36556a365f5ad3c81b9384772ccf', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: '47766c58e76f3e86d0220ba6aa3f9740e68d48dc' }, h("div", { key: '5697a804ff5743c7b68f37ffd0890d4f20d340d9', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '261d334e0c19b7068659cf9069eb41a7fd0c7dcd', class: "tv-gift__header" }, h("slot", { key: '340c5bccea98bca63b2a8db3dff5eb8eff16219f', name: "header" }, this.headerImageSrc && h("img", { key: 'e47ef1f47321bad42ac6f36e93028335968b602e', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: 'a6932109d695f51c46fda6d7e4115fdd213af8f9', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '811f89ea5c5f8cb4f4f44e50bd82cee5ade9e074', class: "tv-gift__content" }, h("slot", { key: '4282eedb46dad8c7ca822de94b60fbfe96cde540' })), h("div", { key: '6d7c86587c46337d07d6866d91b3491bd0e5dace', class: "tv-gift__footer" }, h("slot", { key: '970be6796e4e642b2f2f0af7555938c44d355eb2', name: "footer" }, h("span", { key: 'ec262d59b77169af2b854fcf541b903a4733c607', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'bb40a032745b5e69ea3de96da1fa823744c55ddb', class: "tv-gift__footer__text" }, this.footerText))))));
     }
     static get is() { return "tet-tv-gift-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-list/tet-tv-gift-list.js

@@ -36,11 +36,11 @@ export class TetTvGiftList {
         }
     };
     render() {
-        return (h(Host, { key: '2d38b70870a5ab092d54c3d06452bed85c61509a' }, h("div", { key: 'd640a48adc216dfb50c42ade7bfe22d3619189cb', class: {
+        return (h(Host, { key: 'd7f2b780f9921da77af4e5720c544a07d65bd582' }, h("div", { key: 'ec0d4c379545bb67a07cda63d55badca1ffb3c9c', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: '1d8145796ced9ae028f66b4b048d06e6cea10c2b', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'fdd09847cc21db18283db5a3b0b1c22b92ff2a3b', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'd7d12b2c749ddb242360fe0bb5d677aa3c5e8854', class: "tv-gift-list__list__wrapper" }, h("span", { key: '7acbf135e07b9551918721c26e2fa0fe2a48dcba', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '0f9461c5fd13bfd08fa2bd07065d63c7046818ca', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
+            } }, this.imageSource && (h("div", { key: 'abce540de5632452dc5399e00971f32c44ad494e', class: "tv-gift-list__image__wrapper" }, h("img", { key: '497b2ba9cbcd266967c21861a05d360e4f32508b', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'ac00ba6d8f66224ca1622a9fde0b592b36fa3d59', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'd69903474c684c80a271f174cdbff4e3a6523e25', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'a44d707bf6cfb826532e2ac1d16aaf8f14a1dda7', class: "tv-gift-list__list" }, this.list.map(item => (h("li", { class: "tv-gift-list__list__item" }, h("tet-icon", { name: this.listBulletIcon }), item))))))));
     }
     static get is() { return "tet-tv-gift-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/search/tet-support-search/tet-support-search.js

@@ -204,11 +204,11 @@ export class TetSupportSearch {
         ])))))));
     }
     render() {
-        return (h(Host, { key: '459e859cb59f533d43d1a3d742c3c839af5da171', class: {
+        return (h(Host, { key: 'c633b458778429065c9a043951be53bd0d36f187', class: {
                 "search-container": true,
                 [this.theme]: true,
-            } }, h("div", { key: '14205c0a9c38b57ee217b62cd7c5492a2623e050', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: 'db4a10d3f1bc84ca79e4b47466239e50d94fb493', optionsFilterAction: this.debounceOptionsFilter, onOptionSelected: this.boundHandleAutocompleteOptionSelection, onSearchTextSubmitted: this.boundHandleAutocompleteSearchSubmit, noOptionsMessage: this.labels.notFoundMessage, customOptionRenderFunction: this.boundRenderOption, finishedLoading: this.boundFinishedLoadingFunction, clearCallback: () => this.resetInputState(), darkTheme: this.theme === 'dark', newStyle: true, ref: (el) => (this.autocompleteComponent = el) }, h("tet-input", { key: '0ae36fed19ebe78539ac81594b81121597766dd6', class: "search-container__input", "input-class": `autocomplete-input search-container__input ${this.isLoading ? 'with-loader' : ''}`, "input-placeholder": this.labels.placeholder, "input-disabled": this.disabled, label: this.showInputLabel ? this.labels.label : undefined, accessibilityLabel: this.showInputLabel ? undefined : this.labels.label, iconLeft: "tc-search-short", iconRight: this.inputIconRight, iconRightClickCallback: this.boundHandleClearInput, iconRightAccessibilityLabel: this.labels.clearButtonLabel, theme: this.theme, ref: (el) => (this.inputComponent = el), autocomplete: "off", "input-value": this.inputValue }, this.isLoading &&
-            h("tet-spinner", { key: '2fbdb60cbe99b0e790aec831677c46806382ce25', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: '5554b21a6dec1cf63fc2ef0876423d68fed4a397', class: "search-container__button search-container__button--mobile", theme: this.theme, size: "small", "accessibility-label": this.labels.searchButtonLabel, iconName: "tc-arrow-right", iconMode: true, disabled: this.disabled, onClick: this.boundHandleSearchSubmit }), h("tet-button", { key: 'a270ccf81d71ffa0eafd4e68ccfd90c9a82a2a8c', class: "search-container__button search-container__button--desktop", theme: this.theme, size: "medium", disabled: this.disabled, onClick: this.boundHandleSearchSubmit }, this.labels.searchButtonLabel))));
+            } }, h("div", { key: 'f44cae111ca57560f04ab13fb60f5a75aa339c56', class: "search-container__inner-wrapper" }, h("tet-autocomplete", { key: 'fc8063cd6307a29354548a825ce9c36d7ad9607f', optionsFilterAction: this.debounceOptionsFilter, onOptionSelected: this.boundHandleAutocompleteOptionSelection, onSearchTextSubmitted: this.boundHandleAutocompleteSearchSubmit, noOptionsMessage: this.labels.notFoundMessage, customOptionRenderFunction: this.boundRenderOption, finishedLoading: this.boundFinishedLoadingFunction, clearCallback: () => this.resetInputState(), darkTheme: this.theme === 'dark', newStyle: true, ref: (el) => (this.autocompleteComponent = el) }, h("tet-input", { key: 'cd0295c353eaf6c0f33c5cf47f57530f39383f9e', class: "search-container__input", "input-class": `autocomplete-input search-container__input ${this.isLoading ? 'with-loader' : ''}`, "input-placeholder": this.labels.placeholder, "input-disabled": this.disabled, label: this.showInputLabel ? this.labels.label : undefined, accessibilityLabel: this.showInputLabel ? undefined : this.labels.label, iconLeft: "tc-search-short", iconRight: this.inputIconRight, iconRightClickCallback: this.boundHandleClearInput, iconRightAccessibilityLabel: this.labels.clearButtonLabel, theme: this.theme, ref: (el) => (this.inputComponent = el), autocomplete: "off", "input-value": this.inputValue }, this.isLoading &&
+            h("tet-spinner", { key: '6228df2104ab9f4a2945352b97dece66fbae60ce', theme: this.theme, class: "search-container__spinner", size: "small" }))), h("tet-button", { key: 'ecdfed6027f16d5db288bfdc0c18f937c64705fb', class: "search-container__button search-container__button--mobile", theme: this.theme, size: "small", "accessibility-label": this.labels.searchButtonLabel, iconName: "tc-arrow-right", iconMode: true, disabled: this.disabled, onClick: this.boundHandleSearchSubmit }), h("tet-button", { key: '9090b5dc3b64bc604cbd59e4dc476adab25562b5', class: "search-container__button search-container__button--desktop", theme: this.theme, size: "medium", disabled: this.disabled, onClick: this.boundHandleSearchSubmit }, this.labels.searchButtonLabel))));
     }
     static get is() { return "tet-support-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-checkbox/tet-checkbox.css

@@ -462,7 +462,7 @@
   * @prop --checkbox-container-outline-offset: The outline offset for the container on keyboard focus.
   */
   --checkbox-border-color: var(--tc-border-secondary);
-  --checkbox-background-color: transparent;
+  --checkbox-background-color: var(--tc-checkbox-default);
   --checkbox-checked-background-color: var(--tc-checkbox-active-default);
   --checkbox-pressed-background-color: var(--tc-checkbox-pressed);
   --checkbox-icon-color: var(--tc-checkbox-default);
@@ -477,7 +477,6 @@
   --checkbox-hover-background-color: var(--tc-checkbox-hover);
   --checkbox-checked-hover-background-color: var(--tc-checkbox-active-hover);
   --checkbox-checked-pressed-background-color: var(--tc-checkbox-active-pressed);
-  --checkbox-focus-background-color: transparent;
   --checkbox-focus-shadow-color: var(--tc-checkbox-active-focus);
   --checkbox-outline-focus-color: var(--tc-blue-40);
   --checkbox-disabled-border-color: var(--tc-border-quaternary);
@@ -492,6 +491,7 @@
 
 .checkbox.dark, .checkbox.mint {
   --checkbox-border-color: var(--tc-border-secondary-dark);
+  --checkbox-background-color: var(--tc-checkbox-default-dark);
   --checkbox-checked-background-color: var(--tc-checkbox-active-default-dark);
   --checkbox-pressed-background-color: var(--tc-checkbox-pressed-dark);
   --checkbox-icon-color: var(--tc-checkbox-default-dark);
@@ -500,7 +500,6 @@
   --checkbox-hover-background-color: var(--tc-checkbox-hover-dark);
   --checkbox-checked-hover-background-color: var(--tc-checkbox-active-hover-dark);
   --checkbox-checked-pressed-background-color: var(--tc-checkbox-active-pressed-dark);
-  --checkbox-focus-background-color: transparent;
   --checkbox-focus-shadow-color: var(--tc-checkbox-active-focus-dark);
   --checkbox-outline-focus-color: var(--tc-blue-40-dark);
   --checkbox-disabled-border-color: var(--tc-border-quaternary-dark);
@@ -550,13 +549,17 @@
 .checkbox__container--align-start {
   align-items: flex-start;
 }
-.checkbox__container--align-start .checkbox__input--sm {
+.checkbox__container--align-start .checkbox__input--sm,
+.checkbox__container--align-start .checkbox__input-background--sm {
   margin-top: 0.0625rem;
 }
-.checkbox__container--align-start .checkbox__input--md {
+.checkbox__container--align-start .checkbox__input--md,
+.checkbox__container--align-start .checkbox__input-background--md {
   margin-top: 0.15625rem;
 }
-.checkbox__container--align-start .checkbox__input--lg-inter, .checkbox__container--align-start .checkbox__input--lg-gilroy {
+.checkbox__container--align-start .checkbox__input--lg-inter, .checkbox__container--align-start .checkbox__input--lg-gilroy,
+.checkbox__container--align-start .checkbox__input-background--lg-inter,
+.checkbox__container--align-start .checkbox__input-background--lg-gilroy {
   margin-top: 0.1875rem;
 }
 .checkbox__container:hover .checkbox__input {
@@ -580,6 +583,7 @@
 .checkbox__icon {
   --icon-color: var(--checkbox-icon-color);
   --icon-size: 100%;
+  --icon-container-display: flex;
   opacity: 0;
   position: absolute;
 }
@@ -590,8 +594,8 @@
   height: 0;
 }
 .checkbox__html-input:focus ~ .checkbox__input {
-  background-color: var(--checkbox-focus-background-color);
-  border-color: var(--checkbox-focus-border-color);
+  border-color: var(--checkbox-focus-border-color, var(--checkbox-border-color));
+  box-shadow: 0 0 0 0.25rem var(--checkbox-focus-shadow-color);
 }
 .checkbox__html-input:focus ~ .checkbox__input--error {
   border-color: var(--checkbox-error-border-color);
@@ -600,6 +604,7 @@
   outline: 0.125rem solid var(--tc-blue-40);
   outline-offset: 0.125rem;
   transition: outline 0s;
+  box-shadow: none;
 }
 .checkbox__html-input:focus-visible ~ .checkbox__input--hide-focus-style {
   outline: none;
@@ -641,17 +646,27 @@
 .checkbox__html-input[disabled].checkbox__html-input--unavailable ~ .checkbox__label-container .checkbox__label {
   color: var(--checkbox-unavailable-text-color);
 }
+.checkbox__input-background {
+  display: inline-flex;
+  position: absolute;
+  width: 1.125rem;
+  min-width: 1.125rem;
+  height: 1.125rem;
+  min-height: 1.125rem;
+  border-radius: 0.25rem;
+  background-color: var(--checkbox-background-color);
+}
 .checkbox__input {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--checkbox-background-color);
   width: 1.125rem;
   min-width: 1.125rem;
   height: 1.125rem;
   min-height: 1.125rem;
   border: 0.1rem solid var(--checkbox-border-color);
   border-radius: 0.25rem;
+  z-index: 1;
 }
 .checkbox__input--error {
   border-color: var(--checkbox-error-border-color);

package/dist/collection/components/basic/buttons/tet-checkbox/tet-checkbox.js

@@ -90,12 +90,15 @@ export class TetCheckbox {
             }, part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: '12fbd0566b9b43771e84fe1bc6bd41ebee30178b', ref: (el) => (this.inputEl = el), class: {
                 "checkbox__html-input": true,
                 'checkbox__html-input--unavailable': unavailable,
-            }, id: "tet-checkbox", type: "checkbox", name: name, value: value, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), disabled: disabled || unavailable, checked: checked, onChange: this.handleChange }), h("span", { key: 'd57b60f2c25914cd0469ca9500a3b8e6548ad096', class: {
+            }, id: "tet-checkbox", type: "checkbox", name: name, value: value, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), disabled: disabled || unavailable, checked: checked, onChange: this.handleChange }), h("span", { key: 'd21085643c47404e791fbff74e0538e288f90faa', class: {
+                'checkbox__input-background': true,
+                ...(labelFont ? { [`checkbox__input-background--${labelFont}`]: true } : {}),
+            } }), h("span", { key: 'bd063718dfae33122c69d1d8a24360b0b94eaab0', class: {
                 'checkbox__input': true,
                 'checkbox__input--error': error,
                 'checkbox__input--hide-focus-style': this.focusStyleOnContainer,
                 ...(labelFont ? { [`checkbox__input--${labelFont}`]: true } : {}),
-            } }, h("tet-icon", { key: '19057fad568cc1e4a917b6566d4764f1a9b9bf93', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '39d38a6dd295e60d4cbb0c0aafe2ec9d7f7bfddd', name: "check", class: "checkbox__icon" })), h("div", { key: '2ac221e6a4818bec7c32980a0fe5a7aa7cc0ddd6', class: "checkbox__label-container" }, iconName ? (h("tet-icon", { theme: this.theme === 'light' ? 'light' : 'dark', name: iconName, type: iconType, class: {
+            } }, h("tet-icon", { key: '49662a663d686a771798315832feaa1e4c31b3d5', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '81a4bb0290595af2a1388fab925c4e0919ce93d0', name: "check", class: "checkbox__icon" })), h("div", { key: 'cf55f31b426a53775b90402c24acc9fd2d156e72', class: "checkbox__label-container" }, iconName ? (h("tet-icon", { theme: this.theme === 'light' ? 'light' : 'dark', name: iconName, type: iconType, class: {
                 'checkbox__label-icon': true,
                 [`checkbox__label-icon--${iconName}`]: true,
                 ...(labelFont ? { [`checkbox__label-icon--${labelFont}`]: true } : {}),
@@ -103,10 +106,10 @@ export class TetCheckbox {
                 'checkbox__label-slot-icon': true,
                 'checkbox__label-slot-icon--hidden': !hasSlotIcon,
                 ...(labelFont ? { [`checkbox__label-slot-icon--${labelFont}`]: true } : {}),
-            } }, h("slot", { name: "label-icon", onSlotchange: this.onIconSlotChange }))), h("span", { key: '2f1efb33e50c2e00d464399c950e77528e98ed67', class: {
+            } }, h("slot", { name: "label-icon", onSlotchange: this.onIconSlotChange }))), h("span", { key: '4099c895f925ee6b99b484d35eccc761b2e5524c', class: {
                 'checkbox__label': true,
                 ...(labelFont ? { [`checkbox__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: 'c72b3d2b6323c243cf7a58ce25a7b67cc3b6fca2' })))))));
+            }, innerHTML: label }, h("slot", { key: '6e4fbb77192756428691c3dddbbef248b17c6b0d' })))))));
     }
     static get is() { return "tet-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-radio/tet-radio.css

@@ -449,13 +449,19 @@
   outline-offset: var(--radio-container-outline-offset);
   border-radius: 0.125rem;
 }
-.radio__container .radio__input--sm.radio__input--has-label-prop {
+.radio__container .radio__input--sm.radio__input--has-label-prop, .radio__container .radio__input--sm.radio__input-background--has-label-prop,
+.radio__container .radio__input-background--sm.radio__input--has-label-prop,
+.radio__container .radio__input-background--sm.radio__input-background--has-label-prop {
   margin-top: 0.0625rem;
 }
-.radio__container .radio__input--md, .radio__container .radio__input--lg-inter, .radio__container .radio__input--lg-gilroy {
+.radio__container .radio__input--md, .radio__container .radio__input--lg-inter, .radio__container .radio__input--lg-gilroy,
+.radio__container .radio__input-background--md,
+.radio__container .radio__input-background--lg-inter,
+.radio__container .radio__input-background--lg-gilroy {
   margin-top: 0.125rem;
 }
-.radio__container .radio__input--error {
+.radio__container .radio__input--error,
+.radio__container .radio__input-background--error {
   border-color: var(--radio-error-border-color);
 }
 .radio__container--align-center {
@@ -525,6 +531,15 @@
 .radio__html-input[disabled].radio__html-input--unavailable ~ .radio__label-container .radio__label {
   color: var(--radio-unavailable-text-color);
 }
+.radio__input-background {
+  display: inline-flex;
+  position: absolute;
+  width: 1.25rem;
+  min-width: 1.25rem;
+  height: 1.25rem;
+  border-radius: 50%;
+  background-color: var(--radio-background-color);
+}
 .radio__input {
   display: inline-flex;
   position: relative;
@@ -533,6 +548,7 @@
   height: 1.25rem;
   border: 0.1rem solid var(--radio-border-color);
   border-radius: 50%;
+  z-index: 1;
 }
 .radio__input::after {
   content: "";

package/dist/collection/components/basic/buttons/tet-radio/tet-radio.js

@@ -97,20 +97,24 @@ export class TetRadio {
     }
     render() {
         const { id, disabled, value, checked, name, label, accessibilityLabel, error, inputAutofocus, iconName, labelFont, alignCenter, hasSlotIcon, unavailable, iconType } = this;
-        return (h(Host, { key: '6a9f4a5b13ccc90b1e6b9fed904709284277bf8f' }, h("div", { key: '2912c32c8aad53137b8ece71955f3a1b3c4e9c90', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '5872e9bb1fcb0005cf3697a1dfc818e6db31a0db', class: {
+        return (h(Host, { key: '988a7ffe22a06095f46595d8a1aa9705dbbce325' }, h("div", { key: '6db98ce541ea56d05315447485fbe2e5d19ffd1e', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '8b21493ad5994b127b7b1bf8e6fda7b59e107639', class: {
                 'radio__container': true,
                 'radio__container--focus-style': this.focusStyleOnContainer,
                 'radio__container--align-center': alignCenter,
-            }, htmlFor: id }, h("input", { key: 'c64cdc3a9d206b31c2c0538b0ce157371ea0388f', class: {
+            }, htmlFor: id }, h("input", { key: 'e574a1d41ad1152c4919baaef6693d0587ee5a79', class: {
                 "radio__html-input": true,
                 'radio__html-input--unavailable': unavailable,
-            }, id: id, name: name, type: "radio", value: value, disabled: disabled || unavailable, checked: checked, onChange: this.handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}) }), h("span", { key: 'b8754998b3e38a0505c404aae944964a8453d15b', class: {
+            }, id: id, name: name, type: "radio", value: value, disabled: disabled || unavailable, checked: checked, onChange: this.handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}) }), h("span", { key: '11d3b992b1cd1f4f3e6f7e2c08f19ea8d798bf8e', class: {
+                'radio__input-background': true,
+                'radio__input-background--has-label-prop': !!label,
+                ...(labelFont ? { [`radio__input-background--${labelFont}`]: true } : {}),
+            } }), h("span", { key: '011103ad48154490a3612564f9c157256b9fba73', class: {
                 'radio__input': true,
                 'radio__input--error': error,
                 'radio__input--hide-focus-style': this.focusStyleOnContainer,
                 'radio__input--has-label-prop': !!label,
                 ...(labelFont ? { [`radio__input--${labelFont}`]: true } : {}),
-            } }), h("div", { key: 'f525ae679b93ccb3a4dc060e1e8b3702843d6032', class: {
+            } }), h("div", { key: '05dd8ca53ad9d3e85759dd2f069173e9f399b504', class: {
                 'radio__label-container': true,
                 'radio__label-container--line-height': hasSlotIcon || !!iconName,
             } }, iconName ? (h("tet-icon", { theme: ['classic', 'light'].includes(this.theme) ? 'light' : 'dark', name: iconName, type: iconType, class: {
@@ -121,11 +125,11 @@ export class TetRadio {
                 'radio__label-slot-icon': true,
                 'radio__label-slot-icon--hidden': !hasSlotIcon,
                 ...(labelFont ? { [`radio__label-slot-icon--${labelFont}`]: true } : {}),
-            } }, h("slot", { name: "label-icon" }))), h("span", { key: '6c419661ad7ad1f9b8acf9833b4af813bded4be5', class: {
+            } }, h("slot", { name: "label-icon" }))), h("span", { key: '2a3636c3dcad06dec662446bad7855eff0ae2d28', class: {
                 'radio__label': true,
                 'radio__label--has-slot-icon': hasSlotIcon,
                 ...(labelFont ? { [`radio__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: '2049aa5ca49dd0d741199a92b7793642fed8bd5f' })))))));
+            }, innerHTML: label }, h("slot", { key: '1086b1494c3adc44b67b73972599ad53d7c6db10' })))))));
     }
     static get is() { return "tet-radio"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/basic/buttons/tet-switch/tet-switch.js

@@ -46,16 +46,16 @@ export class TetSwitch {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel, labelFont, alignCenter, labelPosition } = this;
-        return (h(Host, { key: '9c88f3b2bd5f7590f4dd3082cbe3940f7ff1d7fc' }, h("div", { key: 'a0ef6f831e743aa569ea960e340cf405dd1a3282', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '3534de118069ba2a2133fe57b9fcf55d9b2590c5', class: {
+        return (h(Host, { key: 'a2f5fbf46c4a6925b15fde78620558fa981bc121' }, h("div", { key: 'd6fd41a0ed4533989005d38f4ce6f32e0833953a', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '05ed8fa0c0b11f04dc27dfc55ee1a6ba50f45d1a', class: {
                 'switch__container': true,
                 'switch__container--align-start': !alignCenter,
                 [`switch__container--${labelFont}`]: true,
                 'switch__container--focus-style': this.focusStyleOnContainer,
-            }, part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: '6662689b3af55aa15cc34a85bbd9ce76a4cef9b2', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), labelPosition === 'right' && this.renderSwitch(), h("span", { key: '8173804628aade7a7f1bd4f93940f5e2ac415c35', class: {
+            }, part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: 'b9a4fe2547549a24ae6c15f553c1ad39b13293e0', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), labelPosition === 'right' && this.renderSwitch(), h("span", { key: '802f590c1fc0a8e9cc759ac29b2a24f338b07054', class: {
                 'switch__label': true,
                 ...(labelPosition === 'left' ? { 'switch__label--left': true } : {}),
                 ...(labelFont ? { [`switch__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: '851dfff3cc029deb7ab777e67269576cee864994' })), labelPosition === 'left' && this.renderSwitch()))));
+            }, innerHTML: label }, h("slot", { key: 'ce4f0fa080eb8d20a916b879eaac41c2ff009d04' })), labelPosition === 'left' && this.renderSwitch()))));
     }
     static get is() { return "tet-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-content/tet-tab-content.js

@@ -161,11 +161,11 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: '95eaef748652015d0855570bbd0d124739414da1' }, h("div", { key: '6a9d8fd3b7c679a25eb369e566c4d55c3dff5b15', class: {
+        return (h(Host, { key: 'a567d620d93075119d2ea82a9aae9776ccc40cf8' }, h("div", { key: 'f43642bac52e9c0445f8ad14b23f8abbf4e1bd09', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: '29076f487c6efd02c8ad3d212a2e1da38948864e' }))));
+            } }, h("slot", { key: 'a38441ae67caf017c2e56fec1238bee39602cad1' }))));
     }
     static get is() { return "tet-tab-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js

@@ -609,7 +609,7 @@ export class TetTabHeader {
     }
     render() {
         const shouldRenderOverflowGradients = this.showOverflowGradients;
-        return (h(Host, { key: '5e1185c4f47fca4065815b496105a9371fb5eac6', "data-id-suffix": this.idSuffix }, h("div", { key: 'acee88217fa514bef968e3ec95fcde6dd55b66f9', class: {
+        return (h(Host, { key: 'c1f5a77288124db21144f1aa403328822cfd2908', "data-id-suffix": this.idSuffix }, h("div", { key: 'adcbcc387e6d142d6cef66727c51b36c9fd47bc7', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'tabs--overflow-left': this.hasOverflowLeft,
@@ -618,7 +618,7 @@ export class TetTabHeader {
                 [this.theme]: true,
                 [this.sizing]: true,
                 [this.type]: !!this.type
-            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: '456293621aedcabf65f59c9fb7ae5d31c4484dd8', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: 'fe484b48f2e25547182efb27d56bc81947aaa7f1', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: '0b8a4e15df3263cd47ae5d1c171bde2e46e7dcce', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: 'c133db9aa7ac2f34d33996adda8b6d8b85b844e1', class: {
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: 'ff41c0d9682f4d9a119df30219e37d00023d8dc1', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: '313a280a9f4412e10f70000a1c3ce4417d036c09', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: '2ad62d67401d7124dc887c3e7e168724f3bb6fb9', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: 'd1d75d8e78349d9875a6340f51926e402fd9bf62', class: {
                 'tabs-line': !this.segmented,
                 'no-underline': this.hideHeaderUnderline || this.type === 'pill',
                 [this.theme]: true

package/dist/collection/components/basic/buttons/tet-tag/tet-tag.js

@@ -20,12 +20,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '4a112f2e1e84696e61be4d9564fa409caa0b0372' }, h("button", { key: 'c5eb61a677b467a344660b5a96aa3a4e9e2d96fb', class: {
+        return (h(Host, { key: '4beea8325770a22e6ba9af93a34535438938a678' }, h("button", { key: '7e86fbfd1dd1cb3c853d9fef51c93e888069720c', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '6dff37bf1a216415f48161c28e2d17fc106e504a', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '98e26d8535be15e0ec17645ce17112a50ee31aa3', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '75e7bf01d713719f8e3ecc146474bddd3f7a33c8', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'd21fc9b3a9832e4718fbfde7320c597d4774f129', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '2fc6cf493a7f89b608f11735beb7af7254f7e36b', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'dbaedc263f1f37bec0e034c540874acc61caa2a1', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.js

@@ -927,22 +927,22 @@ export class TetCarousel {
                 trackTransition = 'none';
             }
         }
-        return (h(Host, { key: '5786969402d8119f57e8d1904f5f4a7f3bb11218' }, h("div", { key: '564887e7cfb30760cb785390b936537428d57de7', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '8119ff2c5aaad7eb6fb1880b5041e0144ac8769c', class: "tet-carousel__container" }, h("div", { key: 'dbbb2d5576544f53fba8542c4b35aa50207d6b2b', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: '4673eb2bab02813a1b431996edf3b0cdd3d114c0' }, h("div", { key: 'd9bb3f5df1017a666cc1d1a9212fda52b79a1876', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'bf1ad9359b46f834fb6c853a18b459eff2285c7e', class: "tet-carousel__container" }, h("div", { key: '6aade4de8514cff99b994ceb208c457c20acaace', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '89f5922c5c159e6c5bc488ed174715a406601e3a', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: 'fd44b6fe80bc1b13ec3dbc37eb0d06ab3517ec42', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: 'bf94c438e77f42b8c52fc0756d6cba7deb1867c5', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: '2980404e7078b393472127d1ab188864a2232edb', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translate3d(${this.dragOffset}px, 0, 0)`,
                 transition: trackTransition,
                 willChange: 'transform'
-            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: '415ddb4f668161850dec16227988f0ac331f5b11', class: {
+            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: 'd038d6114ed429a2e4a211136d7b98efc2ffddd5', class: {
                 'tet-carousel__track-content': true,
                 'tet-carousel__track-content--nudge': this.isNudgeAnimating
             }, ref: (el) => (this.trackContentElement = el), style: {
                 '--tet-carousel-nudge-distance': `${TetCarousel.NUDGE_DISTANCE_PX}px`
-            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: 'cc7af6690e0f1d055cf138d632d514a276e8c4d3' })))), !!this.label && h("div", { key: '7d3dbe7d8a33d7c387b6ebbe3a98fa2212726646', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: '3e9ab188a8d6f36a1339fcd2cf9fe8a7454c950b', class: "tet-carousel__controls" }, showButtons && (h("div", { key: 'fd4d02c3837c8844efe9b9a49f35a3bdc4daa81d', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: 'f2f34157ecfd49174b452978479d537da8a03ca2', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: '5852fd0d4cc169122fa8e65a3636626b172ae9fe', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
+            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: '4db23d3d6d89c8ea07bb9be1c1d6581a12fef031' })))), !!this.label && h("div", { key: 'e7a9cb2ef3f788b04b4e319ee53c6bc835d95133', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: 'da8a7c0be60aa2613e7fe5080742844c9bb22578', class: "tet-carousel__controls" }, showButtons && (h("div", { key: 'ef384b51168e941480b1324f9e432baef8a92b06', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: '7ecb76690cf1cf8507f3ca3af5afaff9cb56bd48', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: '8b356e86dd3a8a6b02636cdb60bf8c878aba57fc', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
                 ? t('components-carousel-indicator-button-active')
-                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: '4c919d2e7d6cadbb947a9859aa58abd0991e0b21', class: "tet-carousel__buttons" }, h("tet-button", { key: 'e609772a38498507cda8f1da6115a0a0853729ab', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: '825d6c81c5b32bff2fdb6a76ca35344b3a6c2d80', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
+                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: '33e4e40890202b5f8c47e09f4549c353d9830952', class: "tet-carousel__buttons" }, h("tet-button", { key: 'd273e044713d9b0ace4b6054892dc45aa98f45fc', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: 'd6eaf35e4da1accec17d11d1f5b611ede2f2521a', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
     }
     static get is() { return "tet-carousel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/container/tet-container/tet-container.js

@@ -11,12 +11,12 @@ export class TetContainer {
         this.theme = 'classic';
     }
     render() {
-        return (h("div", { key: '2562b58236b4627c67b5584b3e8ca794ab8fd866', class: {
+        return (h("div", { key: '02216f21d87adedfa68f742f9543fef0c30e3053', class: {
                 'container': true,
                 'container--highlightable': this.highlightable,
                 'container--selected': this.selected,
                 [`container--${this.theme}`]: this.theme !== 'classic',
-            }, part: "container" }, h("slot", { key: 'beabe5f5bddca46128d27f042e9a63075e292d14' })));
+            }, part: "container" }, h("slot", { key: '7b721aee09bcbf966fff2ce7bde06ec726b7b7ce' })));
     }
     static get is() { return "tet-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/icon/tet-icon.js

@@ -50,7 +50,7 @@ export class TetIcon {
     };
     shouldUseDefaultColor = () => (this.useDefaultColor || defaultColorIcons.includes(this.name));
     render() {
-        return (h("span", { key: '1f174cba9086be2951563b35926a2d8b8b4ec47a', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'f29998670b53e64451bc5a3f39f77c9e02d1e27f', class: {
+        return (h("span", { key: '83b30655b6ce3cfd9fdd3756f79e858a7d059385', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'aa34d7a6a11be00858e1b367703dbddbb4a5d8ce', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

package/dist/collection/components/basic/loaders/tet-loader/tet-loader.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TetLoader {
     render() {
-        return (h("div", { key: '3afbfe1744072ad46b70daa2dac1d33b83dfbc8f', class: "loader" }, h("div", { key: 'c6b2afda727c011080d1face6c0480d8e7c64e0a', class: "loader-inner" })));
+        return (h("div", { key: 'e96e0e95df831b4edbbebdbceb8c3d1912a05f9a', class: "loader" }, h("div", { key: '2ede9f509eb95f7fa23d23a125560719c5c6b653', class: "loader-inner" })));
     }
     static get is() { return "tet-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-placeholder/tet-placeholder.js

@@ -9,7 +9,7 @@ export class TetPlaceholder {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: 'f3fb8790c35ee549b95607a874d845d21ea24287', style: { width: this.width, height: this.height } }, h("div", { key: 'ce22f80d8b7ed9ff36e4569c38eb2974dcbeaf0d', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '40c33c3680dc6d77b798fdb447959d0f369adb95', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: '946314945c0f8fe9c0d4f6c0078345ff20296553', style: { width: this.width, height: this.height } }, h("div", { key: '942c67e0a202e0cfecfa99d35e07fc926fd8ca4d', class: { 'dark-theme': this.darkTheme } }, h("div", { key: '60ee9eeef6034456fe0203dba0df57b31b2017cd', class: "placeholder", style: { height: this.height } }))));
     }
     static get is() { return "tet-placeholder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-spinner/tet-spinner.js

@@ -48,13 +48,13 @@ export class TetSpinner {
         foreignObject.setAttribute('clip-path', 'url(#clip)');
     };
     render() {
-        return (h("div", { key: 'cb3c419ccca3666fb166045d50dde99b2cc260bf', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: 'f1483277367cc7311f57c8276160c73d5221ab0f', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: 'f4fb09050297b8cf3858f2fd05ee4dd1a7c1a97a', viewBox: "0 0 40 40" }, h("clipPath", { key: '5a93424a0e751f77f87a04584c89d414cda5b151', id: "clip" }, h("path", { key: '511daf757936b5e65343027c52f129a716c29500', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
-              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '5293bae9be701bcf6fe0e9cefd6b927607110376' }, h("div", { key: '5839a6e96a94665fb39009ccefac878e51f8b94f', class: "spinner__gradient" })))));
+            } }, h("svg", { key: '7a8e91479b90443606dda36d9c4818a3be8f45df', viewBox: "0 0 40 40" }, h("clipPath", { key: 'b324411fba7c7cecd5152bb7d46ccbe101dfeae8', id: "clip" }, h("path", { key: '8875137e2c6215e7d27a6e3ebc530063c4451146', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
+              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: '49296da2aab9d577d094bee2799933e7373f6b74' }, h("div", { key: 'b89d83357ee4b4f9451bf7139f2d4107813518e0', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     static get encapsulation() { return "shadow"; }