@tet/tet-components 1.4.15-testing → 1.4.16-staging

package/dist/collection/components/advanced/address/tet-autocomplete-dropdown/tet-autocomplete-dropdown.js

@@ -79,7 +79,7 @@ export class TetAutocompleteDropdown {
         return this.options.filter(({ label }) => label.toLowerCase().includes(normalize(filterValue)));
     };
     render() {
-        return (h(Host, { key: '090ac1da33358db671d37ae66df3466fb4a66e58' }, h("tet-autocomplete", { key: 'aa6bf4ca2b937ce6d90b4c72c88d310cd91feecd', newStyle: true, defaultOptions: this.options, showOptionsOnEscapeClear: true, noOptionsMessage: this.noOptionsMessage, optionsFilterAction: this.optionsFilterAction, clearCallback: this.autocompleteClearInputCallback, onOptionSelected: this.handleAutocompleteOptionSelection, ref: (element) => (this.autocomplete = element), darkTheme: this.theme === 'dark' }, h("tet-input", { key: '7872f5ac90a54b15c2f50e474c89a0dbaa943475', class: "input", label: this.label, error: this.hasError, "icon-right": this.rightIconName, "input-class": "autocomplete-input", "input-placeholder": this.placeholder, ref: (element) => (this.inputComponent = element), iconRightClickCallback: this.iconRightClickCallback, theme: this.theme })), this.hasError && this.errorMessage && h("p", { key: '73c77dc154ed275d09b993869c7939ecb08b28fc', class: "error-message" }, this.errorMessage)));
+        return (h(Host, { key: 'abaf110f5f50818f9d3b098423b209f7d09e6a6a' }, h("tet-autocomplete", { key: '0678e34fe7c5f72c8f30b6d6b8fb0bca6a2c86eb', newStyle: true, defaultOptions: this.options, showOptionsOnEscapeClear: true, noOptionsMessage: this.noOptionsMessage, optionsFilterAction: this.optionsFilterAction, clearCallback: this.autocompleteClearInputCallback, onOptionSelected: this.handleAutocompleteOptionSelection, ref: (element) => (this.autocomplete = element), darkTheme: this.theme === 'dark' }, h("tet-input", { key: '8b1d90ca4ac0dce6bdca13652bdf590728145cdc', class: "input", label: this.label, error: this.hasError, "icon-right": this.rightIconName, "input-class": "autocomplete-input", "input-placeholder": this.placeholder, ref: (element) => (this.inputComponent = element), iconRightClickCallback: this.iconRightClickCallback, theme: this.theme })), this.hasError && this.errorMessage && h("p", { key: 'bab171f8b42ed044ad64c922ed4bf381a8e2e9f4', class: "error-message" }, this.errorMessage)));
     }
     static get is() { return "tet-autocomplete-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/cards/tet-business-compare-card/tet-business-compare-card.js

@@ -35,10 +35,10 @@ export class TetBusinessCompareCard {
     };
     render() {
         const { mainTitle, bulletPoints, theme, pricePrefix, price, currency } = this;
-        return (h("div", { key: '9317c4e07449a003db2878417f2ffb39929517a6', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '003f896c9be7ffe0b2c484cbd639c441e3cce5c4', class: "tet-business-compare-card__body" }, h("div", { key: '50081b781862f7a100912e403225691ef3a8c1b5', class: "tet-business-compare-card__title" }, h("slot", { key: '3f1fd13efeb981b12d65d2512e73b1d976a4e842', name: "title" }, h("h3", { key: 'aaa0bd4793cfe82a144ee382b126220ad688cb02' }, mainTitle))), h("div", { key: 'a38902b368c1abb534dff7f5fa723f7d0693c662', class: "tet-business-compare-card__content" }, h("slot", { key: 'cd706f66926edd9506c15ab3993aff544708bef4', name: "content" }, !!bulletPoints?.length && (h("tet-text-list", { key: '92eabe4fe09f73544f8bb554b6216008446f5ff4', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '48d90b40aa288e713a37a89031b3734758c084fc', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: 'df3e9e5d567b9090feeed4f138ad79ffa6393156', class: "tet-business-compare-card__price" }, h("span", { key: '6cf2f2b94d5207d8a76e0410d35209184d1e15bd', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: '2de96e6747d21eb7d1d21d8726ee62fb1f5789ce', class: "tet-business-compare-card__price" }, price), h("div", { key: '4102d179d462019eab049d61c55f73f7bb51681e', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: '18d3383c9c5d04a982508b04a090ded03a8c0ede', class: {
+        return (h("div", { key: '9c98356242fb0e5d0994d69baa1b854ea6481359', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: 'c86208b011ab02852f77c570e94ad4763066bcd2', class: "tet-business-compare-card__body" }, h("div", { key: '11a25f205535a45e1935c34993db354f7f991238', class: "tet-business-compare-card__title" }, h("slot", { key: 'a2b0953bf61c22b7830b7d5c30ec26d0afbb266a', name: "title" }, h("h3", { key: 'f851655530044037cbf19cd2e6fd41deef76c2c5' }, mainTitle))), h("div", { key: '58bdda8a99150b472b656c58b76e1be11e871ea1', class: "tet-business-compare-card__content" }, h("slot", { key: 'a6c25bb357cd8fc33a995deb791c1b546e9304a9', name: "content" }, !!bulletPoints?.length && (h("tet-text-list", { key: '3a997f3ecd5cfa4e30de5e5d27fbaf03f83279de', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '220f5c5a656f31530fc5e1c89b1a7dc06d05c3a5', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '96dc6ab3fa18418ad6272dd529d0a40e41e6829b', class: "tet-business-compare-card__price" }, h("span", { key: 'a044d4e7f6ebbccbf45b451072680fef91e25a13', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: '03fa195efbcff1a7b85604a77f11f9a7b706cfd0', class: "tet-business-compare-card__price" }, price), h("div", { key: '4d031a0de4288cd90d1724d263486ae4edb684e3', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: 'a8a49b441915b42bcdd850ba6f91dfa385973f48', class: {
                 'tet-business-compare-card__footer': true,
                 'tet-business-compare-card__footer--show': this.hasContentInFooter,
-            } }, h("slot", { key: '8d21258661feff5fb4c459ffec93caa56fac617b', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: 'f3512e278c411defa8e40340ffc19adcd08bde0e', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
+            } }, h("slot", { key: '7cbf7cefda3327345e687092a058d3408d12486c', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: '2ae1e6cfd3ee60823e880ef3d9dc75d8bf3886da', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
     }
     static get is() { return "tet-business-compare-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/cards/tet-card-list/tet-card-list.js

@@ -665,19 +665,19 @@ export class TetCardList {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (h(Host, { key: 'c1d672e571ab9c5b3c35734737d9436408ead340' }, h("div", { key: 'a5bc9716b84040740256f46baa8f368ce2d8993a', class: {
+        return (h(Host, { key: '764a4286860cb556e3b8d5f0cc478998c88d8adb' }, h("div", { key: 'bd3f7c65a9caf347332d8ada9bc2642bc4d48903', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
                 [this.theme]: true,
-            }, part: "card-list-container" }, h("div", { key: 'ecf94766f1e775db8517cba2875aa94afe2445bb', class: "tet-card-list__scroll-container" }, h("div", { key: 'ffe916ae6a40c8c88f46813b683a4f5529ccbdee', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '1df1d8dcee64117369b9fa951de5d1f2ec478a2b' }))), h("tet-button", { key: 'ced5ff8ad7523f084b24a9fe3395d0c51e603ab0', theme: this.theme, iconMode: true, class: {
+            }, part: "card-list-container" }, h("div", { key: '0fad177a3c1c3c4158718567a47278a1e18c6002', class: "tet-card-list__scroll-container" }, h("div", { key: '389ee18f757bb094865e5a6e89655ced4f4fda29', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: 'eb6aae4f0f2f8944e241e9d71e904eed72024c94' }))), h("tet-button", { key: '1b5b9d08291058a7fe04ae23b2326f661311ab1d', theme: this.theme, iconMode: true, class: {
                 'tet-card-list__control': true,
                 'tet-card-list__control--left': true,
                 'tet-card-list__control--hidden': !this.controlVisibility.left,
-            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: 'edea53d8e94b6bf45fb756631ef9de57d37085fb', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: '16fc64d319e39396a0c66895926a49fe46408150', theme: this.theme, iconMode: true, class: {
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: '0f96d2964b37ecf92c4ecbbd5354b3657bdf4e93', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: '0e7520812e02f649b28149b5979e71c9aadcf171', theme: this.theme, iconMode: true, class: {
                 'tet-card-list__control': true,
                 'tet-card-list__control--right': true,
                 'tet-card-list__control--hidden': !this.controlVisibility.right,
-            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: '45b76b55d7fb49c700fb70e8331dcd8fd3571948', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '5a36cdecfaceff6faabcaad818e96f4e9c20e4ca', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '0103e1e71c861f3c51f0165fd2b09110f4ad59d7', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: '8e13dd91762a7ccdc5788aa3d6337cdcaee99a2f', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '1f917cee7c720c6972bc0f4e0aa71475ffb7d9d4', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '9f2eb5938a37fdb08fd85a7e457f3cee54936749', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
     }
     static get is() { return "tet-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/cards/tet-compare-cards/tet-compare-cards.js

@@ -109,7 +109,7 @@ export class TetCompareCards {
         ])));
     };
     render() {
-        return (h(Host, { key: 'b66bd7bb62e8b830858b87bab1792dbe812ae806', class: {
+        return (h(Host, { key: 'ea0bfb6d0dbbd7fc5641ac5e8ce71faa130bc359', class: {
                 'must-initialize': true,
                 'initialized': this.initializedState
             } }, this.showLoader ? (this.renderLoader()) : (h("div", { class: {

package/dist/collection/components/advanced/cards/tet-compare-cards-tab/tet-compare-cards-tab.js

@@ -185,7 +185,7 @@ export class TetTabCompareCards {
         return (h("div", { class: "tet-compare-cards-tab__content" }, h("tet-compare-cards", { theme: this.theme, "dark-mode": this.darkMode, "is-netflix-card": this.isNetflixCard, layout: this.layout, "force-column": this.forceColumn, "vat-text": vatText ?? false, "card-script": cardScript ?? false, data: cardsWithAddedSACData })));
     }
     render() {
-        return (h(Host, { key: '1cc02fef647418f377caab5a9481fb0d6a0afdf1' }, h("div", { key: 'c72ed1b59c1895953ba1ed2e1863415139af9e18', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: 'e6375a16a2c8700d96e87b7d26228108d5ed1844', class: {
+        return (h(Host, { key: 'bf2d026a0e74585254e590a71302a501763e0123' }, h("div", { key: 'e47f3487791b5e0aabcf1872f6f3e46dcf3dd5e7', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: 'f20c8e061a02dd0bead38bdf50d65b31a991a91a', class: {
                 'tet-compare-cards-tab__cards': true,
                 'hidden': this.showLoader
             } }, this.productDataLoaded ? this.renderContent(this.data, 1) : ''))));

package/dist/collection/components/advanced/cards/tet-dynamic-card/tet-dynamic-card.js

@@ -213,10 +213,10 @@ export class TetDynamicCard {
         return (h("div", { class: "button", part: "button" }, h("tet-button", { ...buttonProps, ref: elm => { this.buttonRef = elm; } }, this.linkText)));
     }
     render() {
-        return (h(Host, { key: '3a8ae2eda222131be32fd559252816b300505fdc', class: {
+        return (h(Host, { key: '205f5179423b98cb0e6a402a978de60373f91949', class: {
                 'dynamic-card': true,
                 'is-focused': this.isFocused
-            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: 'b88366d598d34e7ad1a57fa8c130dc6e65ca250d', class: `card
+            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: '03c41e05dd26dd306389c5d67d38162e01b94eb3', class: `card
             theme-${this.theme}
             size-${this.currentSize}
             position-${this.pictureLayoutShiftPosition}
@@ -224,7 +224,7 @@ export class TetDynamicCard {
           `, onClick: this.handleClick, onKeyUp: (event) => {
                 if (event.key === 'Enter')
                     this.handleClick(event);
-            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: '49ca83fdf2355fda43363b1d4a6328dd910cd379', class: "image", part: "image" }, h("slot", { key: 'ad38a705e1cff5f9374955537e452e0e13eba101', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '345faadbf890e5da4a5ffcb5d7332527aefb006d', class: "content-container" }, h("div", { key: 'a81a72ee572878fe5ed2eb72541d43c81d54b898', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: 'c2df6b9a989a0c71071f9182a5a4e0de9c8bde15', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '4d3d766cc1c90ec3479e947399b140825b1feaf3', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
+            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: 'cf9e6bd3a4cb4ca86296d5d7194d86e3d8640c8f', class: "image", part: "image" }, h("slot", { key: '588a5110fa086136b3c6451ce09fac05cdc915af', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: 'fd40a3a0a20284a9007baf58262b4edfe2da0a08', class: "content-container" }, h("div", { key: '4e1f956e4337ce6c070c6b96a0d23e71164b216a', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: '4b3da4a9a7d6891b18f853206e7e2edcbb470e6b', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '06bf2fcc83e4b39138a97793ac416e8eed119493', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
     }
     static get is() { return "tet-dynamic-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -122,7 +122,7 @@ export class TetCustomerAssets {
         return (h("tet-selection-list", { items: assets, itemRenderFunction: assetRenderFunction, multipleSelections: false, class: "item", exportparts: "label", onItemSelected: this.selectAsset }));
     };
     render() {
-        return (h(Host, { key: '9a64e2582b115cfb32f37bf3394e617b14df85f0' }, h("div", { key: 'b0e0a3c11b77fb6c42dc11e1206dea39459ace8b', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: 'a1d4f18612c71aa74493b09b885af0dd598c8e8b' }, h("div", { key: '791a6306e0fefb4450785f4b1975108ec7ae1762', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
             ? h("tet-loader", { class: "loader-single" })
             : this.showLoader ? this.renderLoader() : this.renderAssetsList())));
     }

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

@@ -47,9 +47,9 @@ export class TetReferral {
         });
     };
     render() {
-        return (h(Host, { key: 'abbf56fd130bb59ad0533438c283dcbc0ee26764' }, h("div", { key: '787af0482281d7907bc59d29ce77bf4e2e7d2f1c', class: "wrapper" }, h(ThemeWrapper, { key: '0b29ca36046cff446e6ca10b533e9f29047f8f2a', theme: this.theme }, h("div", { key: 'e5a50fcbeae2888826337035f39ca69514f4a632', class: "image-container" }, h("img", { key: '5c70198bdb7be673cd425e6d5da4f0a0f107d85b', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '9a0da10949344c389a503c2563e5b6fa6ef5ddd8', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '6709ed0d2bcc8cb770905e561db45489fb3f5cd4', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'b155bb56eccfb9a5d8491a19061cdd019fb0d982', class: "referral-block" }, h("div", { key: '854f2eebb86543290f7ff32e8acf4664879c2808', class: "url-wrapper" }, h("div", { key: '7321fea41140ed86be262496ed3788490eaca918', class: "referral-url" }, this.getReferralUrl()), h("div", { key: 'fe0abd3ee855227ba08a09024bfe133d6bc656e5' }, h("div", { key: '9c96752470441b5be95278350b99d74dc664873b', class: "button-wrapper" }, h("tet-tooltip", { key: 'dc2ef9913867d993c91a4bd9f12593998e39939a', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '010b4c7ba01d1b9f62871bf4ca055d33108bbdb9' }, h("div", { key: 'd0bcc6eb28cf2179872b45077be9cd01b8e871ec', class: "wrapper" }, h(ThemeWrapper, { key: 'a1295c58da91cdc598f921455a04ab560796b961', theme: this.theme }, h("div", { key: '637fc8fe6ecc6c2e369ef86eb81cfcc3f84bed01', class: "image-container" }, h("img", { key: '849782be0203b8ee802458dbf510e537b491b021', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '061f9ea4e75ac670fcc9353361514519adac629c', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '6d9ecf0f0131dbdc3b30b0baaf92f55dc397555d', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '07b4083d717ffd709aac7b138a95bb11987846ec', class: "referral-block" }, h("div", { key: '621de5aa00b0ee14a0c7393550330b7398516d32', class: "url-wrapper" }, h("div", { key: 'd70138bd015ad568aa474a79b6d3f783e6f6c1a8', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '9a8165d4419d302201d2a024d7912a4631a98e38' }, h("div", { key: '48ef5cba9682bfd2a0142061c3032104b9130c3d', class: "button-wrapper" }, h("tet-tooltip", { key: 'f918519314cc6b489688f7d39feeadc8abcda846', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: '097c6164de76d9bc68c93db4a93125d81e201028', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: 'b52fc2568b74389bd59a1fec7e6d673bad90322d', 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: '949984692be006a50ac7992df6465eed42cf6532', class: "multi-step-dialog" }, h("tet-dialog", { key: '4fe450cade27aded08c30655fd080f0c4a61a086', 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: 'd6a75ded4c3f0641bfb029d3f4a07945506024af', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'a0adc7cada61d20f9c3ae813850c35fa3b9da68a', 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: '8d0e89cddf7d499355c2148b975a89413c9553b6', 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: 'c18b05f8ed4708852250ff4d75d7c6e50cdb8186', class: "multi-step-dialog" }, h("tet-dialog", { key: 'df1cc0cd87f49aa0842ab2b5f3116c1f77935c4b', 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: 'c72e73f9557fe32b5f9460ce8b15900ea55e10db', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: 'ba5f202ae72f8c703decdf15f3bbfa7949fee5ba', 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: '5900cba56a577a9b8352d2d345deee30d3ccc742', 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: '94234f96fcc23575d992cbb33df5828ab54a3fc6', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: '8a76161e9c51f41fcd57f58b5c2899e213ca1c21', 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: 'c08369b5bb3b625c5228cf38719f8103d2226bb7', 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: '765bf73effdb7e41aaa05bfa24f3372fa7391dd5', 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: '3371279eb2396f9b49be587970a18e920356faca', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '938a47c81a59a3b9dc14f63d5b4c4a9eeff9380b', class: "modal-form-card-content-header" }, h("div", { key: '6067fa8e77811667e35d24e3755142bd41207534', class: "icon-wrapper" }, h("tet-icon", { key: '6fd95e783879797d6d67b3890550e6ef46c7dec0', class: "icon", name: "tc-company-1" })), h("span", { key: '4aedd4ac9d088b47d057e7c5a5abdeaa550aae7c', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'e9a91299cb5edf3c87ee2e2883ad760417959cf4', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'ee158071a8cc4a4fa67fc5f7dda2e948e8a522f6', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'c9fb8559e309aa06bf8d196e51516d85238e37e6', name: "cart" })), h("form", { key: 'f4aee07d18b9eede7c991c10d41a8cdebd6cfe18', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '0df36127ce71f1c15c628c544c6075ac7f76e335', 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: 'c19aad5e1c93a4b9ea285c2a390707ae0d258d53', 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: '437d9814df1b0dc87b2651b43b84e3b51f378aae', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: 'db9bd2d4c04b17d9cb8afa966fa276be7b949cf7', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: 'cf51cf92ff82f1a8704e67bb251274b1ab42d4a2', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '510896974eb8270738884066eca29b1123d3e6e2', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: '60c18875c128583cfb9968a1568b523158a00a1f', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '1639644dcf31c53b08081702ce90d788651c3879', class: "modal-form-card-content-header" }, h("div", { key: 'ff410c6f83cac69893036a486b5429364531f2ee', class: "icon-wrapper" }, h("tet-icon", { key: '28e94565eb43b23a3e6ae73bc4d9f5d188297b5e', class: "icon", name: "tc-company-1" })), h("span", { key: '1873eaff1a34acdd4b242495b3efa9064ecf88f6', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '32b2f1ecfac02e6d8fd2d47c8d7af7000f5a53f8', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '1e848042ca79477889421e9357b096f470bb4d4b', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: 'b00717865b6265f7002752f5fe8dba42e21e76ec', name: "cart" })), h("form", { key: '9c4d5975b8bafeabe789d28933f0923a8911dd3c', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: 'fa4e12b5670f082e0aaecbdcbe4aae351ded5c14', 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: '4b1ceac4436b1f51eac0954798bc0464aeb15308', 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: 'cff82751dfe292f9dff4a895ffe461c6109e083d', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '31f5c5f50ee645ca6aebffd41e9261579e62abc9', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '8792a274e57f677a8813b4ece39c4265daf1d265', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '3b92ae13a9ca8236dcb732d9e98aa9872c443734', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: 'e25f422c1f43be3b24a351b8e81e5f2e368ed76b', 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: '4532886600e0e7d85bd9aa2cb79fbb6cde3d24c5', 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: 'cfc37422fc846209052fd3b07aa3753058e4d06f', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'd2aa2bf3e3813963f79162c6f9ed382b69e4b99f', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '43903e6377874ff55b21f91f287cf7b274f4a6a1', class: "form-container" }, this.showTitle && h("h2", { key: '2e9ab924da78c7a035fed5d88be49f18b94260f8', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '5aaf1e5764da0cad9464cab1b34d710da472a503', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '6a7353b9a7cf26be47f62f334c9d011bfc7215a5', 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: 'd8f19029a4ab0488a4397b2bfa86cfb5303efa18', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit'), ...this.submitButtonProps })))));
+        return (h("div", { key: 'ed54eac1494b5f35c83997c0204b948b438f86d8', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '0fb390bcca7b27fb07704e4361587abeaa289d0c', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '06d677a169164185e7e161b17cf80f28baa28df9', class: "form-container" }, this.showTitle && h("h2", { key: '2a64acb39d5c240c7a4e97369a73b1956c91ac4f', class: "form-title" }, t('components-contact-form-title')), h("p", { key: 'cc3468d2af0eae24882306f9198e7ccf1bd1cded', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'c98b4854d24da912444f56a663c612c781f61464', 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: 'b1e581499558be8d221ca2c318bb18a824b0dcf3', 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

@@ -212,7 +212,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: '9518ac048e44b27bd805310d8e2d4efcf807897f' }, h("section", { key: '0501efa7348e3cd86e89fa6fb53d40c6c99a623e', class: "feedback-form" }, this.submitted ? this.renderThankYouComponent() : this.renderAccordionComponent())));
+        return (h(Host, { key: '0c489e1e105a9a5423456bb486333ba33abf8d52' }, h("section", { key: 'fdfb5bef0b79d21f24788dda0a73f8773bacefee', 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: '659f534771e2ec28f80756e197af0d75871109fd' }, h("div", { key: '5d9dffd01eddd41beb2c28b0264b411fc6b39592', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'b41e8a5d2d252febc134777efc5a7f193a995694', class: "tv-gift__header" }, h("slot", { key: '2188a1b102191345da25e95065c5e544749a6232', name: "header" }, this.headerImageSrc && h("img", { key: '13aa7bad99aaca12e742ef2472da8bba3755bce3', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '432e8d04c77161bba2d08aee3bc8b16ac95731a4', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '55c0db093f3c9de9eee36252252f5f1f02f37274', class: "tv-gift__content" }, h("slot", { key: 'c02e4fd274c18c91c4f2da42c7772208d6edf136' })), h("div", { key: 'ae44305548573c02135a93fd39815fc217729677', class: "tv-gift__footer" }, h("slot", { key: 'bbcb142e2458ec2a7c7d6a59c65125ee84b912c6', name: "footer" }, h("span", { key: '484307d6cb087dc819e183d866b841ab1006b36b', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '08eafd915b20c0edcce942c2920c504751748972', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: '208c813696d048de7c52265e3b77aa748b91422c' }, h("div", { key: 'ee6edf177c9486e9159bf65ee99e5f16d8217ecb', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: 'c52bf807fd10c597a7817c286d192c008381b889', class: "tv-gift__header" }, h("slot", { key: '39e6a60c5183dff81fd35e357b7aa7435cc645cb', name: "header" }, this.headerImageSrc && h("img", { key: '0d3ef9a3e7000c39f7185925ce875adfdc8417e2', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: 'db9c66c31ad06e1133938d445bbf5b562f01465e', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '183351a3e21b17c01401bd88ef5fe5fc3a96470b', class: "tv-gift__content" }, h("slot", { key: 'd145b0991e3c20ba471c57366de9d22537f77434' })), h("div", { key: '2f06ee8c53ae8002914b675043c01b7594511bd4', class: "tv-gift__footer" }, h("slot", { key: 'b527d9e5c519ccbb778d5290c7737d975ceff44c', name: "footer" }, h("span", { key: '799c3520acf640336d77ef640cb1a0fe8ffa7876', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'b1953a7bdf703829634e590100273ca086f349a1', 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: 'df609c3024a455746289bc9eaf2a09602d763185' }, h("div", { key: 'e6ed87432a4ec536c4231d135b63f6e1e150128b', class: {
+        return (h(Host, { key: 'dea680f0dbcf42e24c89f0fe7fa02ad0654aabf8' }, h("div", { key: 'fe26094309656869185022c5333d2a1d27320bf9', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: 'abdb68f90099e187b1ac1553ea40d99ee19beb75', class: "tv-gift-list__image__wrapper" }, h("img", { key: 'ea215435405462d30730bdb767b0a955e8dc019c', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'c595c8cfb4bdf5f7500b091699f146357b9e45de', class: "tv-gift-list__list__wrapper" }, h("span", { key: '0f25ad63d5eb246cec785f2928f8f7c189abd7f7', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '5e4189f6ecbf9ac9aa52c62886a497e31b7f21b0', 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: '2ec4d6e1bb468d13a1216c56a26162af4402ad36', class: "tv-gift-list__image__wrapper" }, h("img", { key: '70f881e2c37ece78cdc56b87a766ea60e5df3e93', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '6ecefc329a922fc4b92acdd6939992727dec0c24', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'b950c36ee432a61a97026d990f66a2a58ed544e0', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '01fe57f0e61044ebae857b052b2e09d23f3aa65d', 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/basic/buttons/tet-checkbox/tet-checkbox.css

@@ -451,35 +451,12 @@
 
 :host {
   /**
-  * @prop --checkbox-border-color: The border color of the checkbox.
-  * @prop --checkbox-background-color: The background color of the checkbox.
-  * @prop --checkbox-checked-background-color: The background color of the checkbox when checked.
-  * @prop --checkbox-pressed-background-color: The background color of the checkbox when pressed.
-  * @prop --checkbox-icon-color: The icon color of the checkbox.
-  * @prop --checkbox-text-color: The text color of the checkbox.
   * @prop --checkbox-text-size: The size of the label text.
   * @prop --checkbox-flex-direction: The flex-direction style for the checkbox container.
   * @prop --checkbox-justify-content: The justify-content style for the checkbox container.
   * @prop --checkbox-alignment: The alignment of the items - checkbox, label.
   * @prop --checkbox-gap: The gap property checkbox container.
   * @prop --checkbox-container-outline-offset: The outline offset for the container on keyboard focus.
-
-
-  * @prop --checkbox-hover-border-color: The border color of the checkbox on hover.
-  * @prop --checkbox-hover-background-color: The background color of the checkbox on hover.
-
-  * @prop --checkbox-checked-hover-background-color: The background color of checked checkbox on hover.
-  * @prop --checkbox-checked-pressed-background-color: The background color of checked checkbox when pressed.
-
-  * @prop --checkbox-focus-background-color: The background color of the checkbox on focus.
-  * @prop --checkbox-focus-shadow-color: The shadow color of the checkbox on focus.
-
-  * @prop --checkbox-disabled-border-color: The border color of the checkbox when disabled.
-  * @prop --checkbox-disabled-background-color: The background color of the checkbox when disabled.
-  * @prop --checkbox-disabled-checked-background-color: The background color of the checked checkbox when disabled.
-  * @prop --checkbox-disabled-text-color: The border color of the checkbox when disabled.
-
-  * @prop --checkbox-error-border-color: The border color of the checkbox on error.
   */
   --checkbox-border-color: var(--tc-border-secondary);
   --checkbox-background-color: transparent;
@@ -491,7 +468,7 @@
   --checkbox-flex-direction: row;
   --checkbox-justify-content: normal;
   --checkbox-alignment: center;
-  --checkbox-gap: 0.625rem;
+  --checkbox-gap: 0.5rem;
   --checkbox-container-outline-offset: 0.125rem;
   --checkbox-hover-border-color: var(--tc-border-secondary);
   --checkbox-hover-background-color: var(--tc-checkbox-hover);
@@ -503,7 +480,7 @@
   --checkbox-disabled-border-color: var(--tc-border-quaternary);
   --checkbox-disabled-background-color: var(--tc-checkbox-disabled);
   --checkbox-disabled-checked-background-color: var(--tc-checkbox-active-disabled);
-  --checkbox-disabled-text-color: var(--tc-button-text-inverse-disabled);
+  --checkbox-disabled-text-color: var(--tc-grey-40);
   --checkbox-error-border-color: var(--tc-alert-accent-error);
   display: block;
   position: relative;
@@ -525,7 +502,7 @@
   --checkbox-disabled-border-color: var(--tc-border-quaternary-dark);
   --checkbox-disabled-background-color: var(--tc-checkbox-disabled-dark);
   --checkbox-disabled-checked-background-color: var(--tc-checkbox-active-disabled-dark);
-  --checkbox-disabled-text-color: var(--tc-button-text-inverse-disabled-dark);
+  --checkbox-disabled-text-color: var(--tc-grey-40-dark);
   --checkbox-error-border-color: var(--tc-alert-accent-error-dark);
 }
 .checkbox.dark .checkbox__html-input:focus-visible ~ .checkbox__input, .checkbox.mint .checkbox__html-input:focus-visible ~ .checkbox__input {
@@ -553,6 +530,7 @@
   justify-content: var(--checkbox-justify-content);
   align-items: var(--checkbox-alignment);
   user-select: none;
+  cursor: pointer;
   color: var(--checkbox-text-color);
   font-size: var(--checkbox-text-size);
 }
@@ -561,6 +539,21 @@
   outline-offset: var(--checkbox-container-outline-offset);
   border-radius: 0.125rem;
 }
+.checkbox__container:has(.checkbox__html-input:disabled) {
+  cursor: auto;
+}
+.checkbox__container--align-start {
+  align-items: flex-start;
+}
+.checkbox__container--align-start .checkbox__input--sm {
+  margin-top: 0.0625rem;
+}
+.checkbox__container--align-start .checkbox__input--md {
+  margin-top: 0.15625rem;
+}
+.checkbox__container--align-start .checkbox__input--lg-inter, .checkbox__container--align-start .checkbox__input--lg-gilroy {
+  margin-top: 0.1875rem;
+}
 .checkbox__container:hover .checkbox__input {
   border-color: var(--checkbox-hover-border-color);
   background-color: var(--checkbox-hover-background-color);
@@ -629,15 +622,11 @@
 .checkbox__html-input:indeterminate ~ .checkbox__input .checkbox__icon--indeterminate {
   opacity: 1;
 }
-.checkbox__html-input[disabled] ~ .checkbox__label,
-.checkbox__html-input[disabled] ~ .checkbox__input {
-  cursor: auto;
-}
 .checkbox__html-input[disabled] ~ .checkbox__input {
   border-color: var(--checkbox-disabled-border-color);
   background-color: var(--checkbox-disabled-background-color);
 }
-.checkbox__html-input[disabled] ~ .checkbox__label {
+.checkbox__html-input[disabled] ~ .checkbox__label-container .checkbox__label {
   color: var(--checkbox-disabled-text-color);
 }
 .checkbox__html-input[disabled]:checked ~ .checkbox__input, .checkbox__html-input[disabled]:indeterminate ~ .checkbox__input {
@@ -659,6 +648,192 @@
 .checkbox__input--error {
   border-color: var(--checkbox-error-border-color);
 }
-.checkbox__label, .checkbox__input {
-  cursor: pointer;
+.checkbox__label-container {
+  position: relative;
+}
+.checkbox__label-slot-icon {
+  display: inline-flex;
+  vertical-align: middle;
+}
+.checkbox__label-slot-icon--hidden {
+  display: none;
+}
+.checkbox__label-slot-icon ::slotted(*) {
+  width: auto;
+  height: 1rem;
+  margin-right: 0.5rem;
+}
+.checkbox__label-slot-icon--sm {
+  vertical-align: text-bottom;
+}
+.checkbox__label-slot-icon--md ::slotted(*) {
+  height: 1.25rem;
+}
+.checkbox__label-slot-icon--lg-inter ::slotted(*), .checkbox__label-slot-icon--lg-gilroy ::slotted(*) {
+  height: 1.5rem;
+}
+.checkbox__label--sm {
+  font: 500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
+}
+.checkbox__label--md {
+  font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
+  vertical-align: middle;
+}
+.checkbox__label--lg-inter {
+  font: 500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
+  vertical-align: middle;
+}
+.checkbox__label--lg-gilroy {
+  font: 600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";
+  vertical-align: middle;
+}
+.checkbox__label-icon--sm {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1.25rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.25rem - 1.25rem) / 2);
+}
+.checkbox__label-icon--sm + .checkbox__label {
+  padding-left: calc(1.25rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--md {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1.5rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.5rem - 1.5rem) / 2);
+}
+.checkbox__label-icon--md + .checkbox__label {
+  padding-left: calc(1.5rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--lg-inter, .checkbox__label-icon--lg-gilroy {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1.5rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.5rem - 1.5rem) / 2);
+}
+.checkbox__label-icon--lg-inter + .checkbox__label, .checkbox__label-icon--lg-gilroy + .checkbox__label {
+  padding-left: calc(1.5rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--sm {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1.375rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.25rem - 1.375rem) / 2);
+}
+.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--sm + .checkbox__label {
+  padding-left: calc(1.375rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--md {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1.625rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.5rem - 1.625rem) / 2);
+}
+.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--md + .checkbox__label {
+  padding-left: calc(1.625rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-inter, .checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-gilroy {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1.875rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.5rem - 1.875rem) / 2);
+}
+.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-inter + .checkbox__label, .checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-gilroy + .checkbox__label {
+  padding-left: calc(1.875rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--sm {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1.5rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.25rem - 1.5rem) / 2);
+}
+.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--sm + .checkbox__label {
+  padding-left: calc(1.5rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--md {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1.875rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.5rem - 1.875rem) / 2);
+}
+.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--md + .checkbox__label {
+  padding-left: calc(1.875rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-inter, .checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-gilroy {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 2.5rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.5rem - 2.5rem) / 2);
+}
+.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-inter + .checkbox__label, .checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-gilroy + .checkbox__label {
+  padding-left: calc(2.5rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--sm {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1.75rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.25rem - 1.75rem) / 2);
+}
+.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--sm + .checkbox__label {
+  padding-left: calc(1.75rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--md {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 2rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.5rem - 2rem) / 2);
+}
+.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--md + .checkbox__label {
+  padding-left: calc(2rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-inter, .checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-gilroy {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 2.625rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.5rem - 2.625rem) / 2);
+}
+.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-inter + .checkbox__label, .checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-gilroy + .checkbox__label {
+  padding-left: calc(2.625rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-whalebone.checkbox__label-icon--sm {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.25rem - 1rem) / 2);
+}
+.checkbox__label-icon--tc-whalebone.checkbox__label-icon--sm + .checkbox__label {
+  padding-left: calc(1rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-whalebone.checkbox__label-icon--md {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1.25rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.5rem - 1.25rem) / 2);
+}
+.checkbox__label-icon--tc-whalebone.checkbox__label-icon--md + .checkbox__label {
+  padding-left: calc(1.25rem + var(--label-icon-gap, 0.5rem));
+}
+.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-inter, .checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-gilroy {
+  --label-icon-gap: 0.5rem;
+  --icon-size: 1.5rem;
+  --icon-container-display: flex;
+  position: absolute;
+  top: calc((1.5rem - 1.5rem) / 2);
+}
+.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-inter + .checkbox__label, .checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-gilroy + .checkbox__label {
+  padding-left: calc(1.5rem + var(--label-icon-gap, 0.5rem));
 }