@tet/tet-components 1.3.155-testing → 1.3.156-testing

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

@@ -280,20 +280,20 @@ export class TetAddressSearch {
         if (this.newFormsStyle) {
             inputClasses.push('address-search__input--forms');
         }
-        return (h(Host, { key: 'b212f78054b94b0f8426f6221cb810580c7117a0', class: {
+        return (h(Host, { key: '9a5ba191092e7474030cf0fcb30aa18fd4d38c16', class: {
                 "address-search": true,
                 "address-search--redesigned": this.redesignedStyle,
                 "keyboard-focus": this.focusVisible,
                 "active": this.elementActive,
                 [this.theme]: true,
-            } }, h("tet-autocomplete", { key: '62a2320329d37f1e7bdffb5d7e5daa09a8533a7e', class: `address-search--redesigned__autocomplete
+            } }, h("tet-autocomplete", { key: 'a6df49df46d951378e875a6ca6546bf383a9a6d8', class: `address-search--redesigned__autocomplete
             ${this.theme === 'dark' || this.theme === 'mint-original' ? 'dark' : ''}
           `, part: "autocomplete", optionsFilterAction: this.debounceAddressFilter, onOptionSelected: this.handleAutocompleteOptionSelection, noOptionsMessage: t('components-address-search-not-found-message'), noOptionsRenderFunction: this.manualAddressTriggers ? this.renderManualAddressInputNoOptionsMessage : undefined, clearCallback: this.autocompleteClearInputCallback, finishedLoading: this.finishedLoading, darkTheme: this.theme === 'dark' || this.theme === 'mint-original', newStyle: this.newStyle, ref: (el) => (this.autocomplete = el), optionsIcon: "location", redesignedStyle: this.redesignedStyle }, this.redesignedStyle ? (h("div", { class: "address-search--redesigned__autocomplete-content" }, h("div", { class: `address-search--redesigned__input-wrapper
                 ${this.theme === 'dark' || this.theme === 'mint-original' ? 'dark' : ''}` }, h("tet-input", { class: `address-search__input address-search--redesigned__input
                     ${this.theme === 'dark' || this.theme === 'mint-original' ? 'dark' : ''}`, part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'tc-search-short', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
             h("tet-spinner", { theme: this.theme === 'dark' || this.theme === 'mint-original' ? 'dark' : 'light', class: "address-search__spinner", size: "small" }))), h("div", { class: `address-search--redesigned__button-wrapper
                 ${this.theme === 'dark' || this.theme === 'mint-original' ? 'dark' : ''}` }, h("tet-button", { class: "submit-address js-button-mobile button-icon", type: "primary", "accessibility-label": t('components-address-search-search'), iconName: "arrow-right", iconMode: true, onClick: this.handleSearchSubmit }), h("tet-button", { class: "submit-address button js-button", type: "primary", size: "medium", onClick: this.handleSearchSubmit }, this.searchButtonText)))) : (h("tet-input", { class: "address-search__input", part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'search', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, theme: this.theme, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
-            h("tet-spinner", { theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))), this.redesignedStyle && (h("div", { key: '0489eeb7742c4a0bc56e399977bad1a9bd4120e7', class: "address-search--redesigned__close-button" }, h("tet-button", { key: '2deeb1f69da6d5025c5324895d42e3df0d04e0a5', type: "link", iconName: "close", theme: "dark" }, this.closeButtonText)))));
+            h("tet-spinner", { theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))), this.redesignedStyle && (h("div", { key: '1289366b7d791bc4a56955a999c21b31c1ed372b', class: "address-search--redesigned__close-button" }, h("tet-button", { key: 'e5fcae2765dc54d974f618c97104d39b32fd41ab', type: "link", iconName: "close", theme: "dark" }, this.closeButtonText)))));
     }
     static get is() { return "tet-address-search"; }
     static get encapsulation() { return "shadow"; }

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

@@ -69,7 +69,7 @@ export class TetAutocompleteDropdown {
         return this.inputValue.length ? IconName.Close : IconName.ChevronDown;
     }
     render() {
-        return (h(Host, { key: '8d8cb90f63f6f9ce792866361f7f5406db1d126c' }, h("tet-autocomplete", { key: '1a4b137168e141e9837b5d7b281107d61230490a', 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: '266396f5b1a82b5da92c7639967d86e13523fb0d', 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: 'd1c48baf79fc744399db7c86463f5f2a6e2cc063', class: "error-message" }, this.errorMessage)));
+        return (h(Host, { key: '09626dd5b16793682ebb6a3c417b6a443a987ab0' }, h("tet-autocomplete", { key: 'a09c9933a058f0c45544f911608892e0ceeb7f74', 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: '2e4aa513b8ce2f3022846148e167a7c700f57b41', 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: 'd96bf1c5594f90ff5a5880ee6a7d5eb147c8bd50', class: "error-message" }, this.errorMessage)));
     }
     static get is() { return "tet-autocomplete-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/cards/tet-b2b-compare-card/test/tet-b2b-compare-card.spec.js

@@ -45,12 +45,12 @@ describe('tet-b2b-compare-card', () => {
                   <h3 class="offer__title" id="title-BUSINESS_M365_PACKAGE_BASIC">
                     Zelts
                   </h3>
-                  <p class="offer__price">
+                  <div class="offer__price">
                     9.99
                     <span class="offer__price-suffix">
-                      €/mēn.
+                      <span>€/mēn.</span>
                     </span>
-                  </p>
+                  </div>
                 </div>
                 <p class="offer__subtitle">
                   Līdz 300 Mbit/s

package/dist/collection/components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card.css

@@ -659,10 +659,15 @@
 .offer__top-info {
   display: flex;
   flex-direction: column;
+  gap: 0.25rem;
 }
 .offer__top-info--is-tablet {
   flex-direction: row;
   justify-content: space-between;
+  gap: 1rem;
+}
+.offer__top-info--is-tablet__price {
+  text-align: end;
 }
 .offer__title {
   font: 500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";

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

@@ -127,15 +127,15 @@ export class TetB2bCompareCard {
         const oldTotal = (localCount * price).toFixed(2);
         const detailsId = `details-${options.id}`;
         const titleId = `title-${options.id}`;
-        return (h(Host, { key: 'fb55819189417025a6ff7b17d927e82c0884bdab' }, h("div", { key: '01f724dcd984957286c3f4bbcd648c5a6cf5ac2d', class: { card__wrapper: isBestChoice } }, isBestChoice && (h("div", { key: 'bbfe753f9cda625a3722f92037dcfed2f71d69fd', class: { 'card__badge': true, 'card__badge--is-tablet': this.isTablet } }, t('components-b2b-configurator-best-choice'))), h("div", Object.assign({ key: 'aa3ccc968da6e0c1c4d02dc707fa1fbb812f900a', class: { 'card': true, [`${this.theme}`]: true, 'card--selected': !!this.count || localIsSelected }, onClick: this.handleSelect, onKeyDown: a11yBtnClick, tabindex: 0, role: "button", "aria-expanded": localIsSelected }, (localIsSelected ? { 'aria-controls': detailsId } : {}), { "aria-labelledby": titleId }), h("section", { key: '7476d69d4f4420e2e7b7cefcdcf6bebac2f25a4b', class: { 'offer': true, 'offer--is-tablet': this.isTablet } }, h("div", { key: '5f87e22fad55417f0e24146452ee8f32c97c0bc7', class: "offer__header" }, h("div", { key: 'e43787318e1614bc0e77e3a0ef2623a9cf719763', class: { 'offer__top-info': true, 'offer__top-info--is-tablet': this.isTablet } }, h("h3", { key: '4e2b8e30f85bc06d7a6d5b3e4daec545371b78d2', id: titleId, class: { 'offer__title': true, 'offer__title--is-tablet': this.isTablet } }, title), h("p", { key: '5e0c24d0241c18265d8da5749e898593129a4704', class: { 'offer__price': true, 'offer__price--is-tablet': this.isTablet } }, currentPrice.toFixed(2), h("span", { key: '15bc9de1a1901e014f5a12a85459b73f563074e5', class: { 'offer__price-suffix': true, 'offer__price-suffix--is-tablet': this.isTablet } }, ' ', priceSuffix))), h("p", { key: '1041721fb0184c6aaaaed79b4342cd5cbf4e0017', class: { 'offer__subtitle': true, 'offer__subtitle--is-tablet': this.isTablet } }, subtitle)), h("hr", { key: '06f9409be9d38b1ad78fcc53955b7d2442bca705', class: "divider divider--slim" }), h("tet-text-list", { key: '62e1134e4c2b81b9fe7fa63ee9e1b8361bc02bba', class: "offer__benefits", withIcon: true, listIcon: "tc-check", theme: this.theme }, benefits.map((benefit) => (h("span", null, benefit)))), contract && (h("div", { key: '198033d65a045b5f86a7cf19af61c561878e75c4', class: "offer__contract-link" }, h("a", { key: 'fdadb062000c966fb74448598a64168e74f9ef3c', class: { 'tet-link': true, [`${this.theme}`]: true }, href: contract, target: "_blank", rel: "noopener noreferrer" }, t('components-b2b-configurator-contract-link-label'), h("span", { key: '4fe62cfffacffb72ae643c178467d68377ede1e8', class: "sr-only" }, t('components-a11y-open-link-in-new-window')))))), localIsSelected && [
-            h("hr", { key: 'a64e7735051ebaf4d71615424c27efa9e1522d09', class: "divider" }),
-            h("section", { key: 'bd9b08db0cedb3b7db817a2e47f22e0f9db2cefd', id: detailsId, role: "region", "aria-labelledby": titleId, class: { 'details': true, 'details--is-tablet': this.isTablet } }, h("div", { key: '071fbab6effb78d29ff61085bf186a56cc8c36d8', class: { 'details__price-block': true, 'details__price-block--is-tablet': this.isTablet } }, h("span", { key: 'fa3ad81e00ee95f40e5b4911c4e6ad5cd9f3018d' }, t('components-b2b-configurator-monthly-payment')), h("div", { key: 'a4df44748dfb186c8856a86a6c7f94717cd4ca8f', class: "details__total", "aria-live": "polite" }, h("span", { key: '708ba62b224b9bb6ea8b9694d2323d62b4eb1c88', class: "details__total--current" }, currentTotal, " ", priceSuffix), discountPrice != null && discountPrice < price && (h("span", { key: '96eff36c03696428121d24dc15425abf2df4bd63', class: "details__total--original" }, oldTotal, " ", priceSuffix)))), h("hr", { key: 'dbaa718231ffe98e0d682d80d6219c5e9766c69c', class: "divider" }), h("div", { key: 'e0f6274142eda6333e2f4d73bc27a163c60da851', class: { 'details__actions': true, 'details__actions--is-tablet': this.isTablet } }, h("div", { key: '352a4b8dfd2e9e21bc8cbe715cae8ed323000517', class: "details__quantity-control" }, options.counterOptions && [
-                h("span", { key: 'd76ffb6018acad5bb3ad809a578bb0a7870e0eb9', id: `qty-label-${options.id}`, class: "details__quantity-label" }, t(options.counterOptions.label)),
-                h("tet-stepper-input", { key: '8cd79acb5ccae250696a99322b4889d0859ec990', class: {
+        return (h(Host, { key: 'fb55819189417025a6ff7b17d927e82c0884bdab' }, h("div", { key: '01f724dcd984957286c3f4bbcd648c5a6cf5ac2d', class: { card__wrapper: isBestChoice } }, isBestChoice && (h("div", { key: 'bbfe753f9cda625a3722f92037dcfed2f71d69fd', class: { 'card__badge': true, 'card__badge--is-tablet': this.isTablet } }, t('components-b2b-configurator-best-choice'))), h("div", Object.assign({ key: 'aa3ccc968da6e0c1c4d02dc707fa1fbb812f900a', class: { 'card': true, [`${this.theme}`]: true, 'card--selected': !!this.count || localIsSelected }, onClick: this.handleSelect, onKeyDown: a11yBtnClick, tabindex: 0, role: "button", "aria-expanded": localIsSelected }, (localIsSelected ? { 'aria-controls': detailsId } : {}), { "aria-labelledby": titleId }), h("section", { key: '7476d69d4f4420e2e7b7cefcdcf6bebac2f25a4b', class: { 'offer': true, 'offer--is-tablet': this.isTablet } }, h("div", { key: '5f87e22fad55417f0e24146452ee8f32c97c0bc7', class: "offer__header" }, h("div", { key: 'e43787318e1614bc0e77e3a0ef2623a9cf719763', class: { 'offer__top-info': true, 'offer__top-info--is-tablet': this.isTablet } }, h("h3", { key: '4e2b8e30f85bc06d7a6d5b3e4daec545371b78d2', id: titleId, class: { 'offer__title': true, 'offer__title--is-tablet': this.isTablet } }, title), h("div", { key: 'ee30c90972ee615bed5305de0b2a00ac1f2f987c', class: { 'offer__price': true, 'offer__price--is-tablet': this.isTablet } }, currentPrice.toFixed(2), h("span", { key: '852bcb2b6c1481c60bb5cced1a7f4aff1ab76004', class: { 'offer__price-suffix': true, 'offer__price-suffix--is-tablet': this.isTablet } }, ' ', h("span", { key: 'c3f227c198a670cb44e44427d202c52d13b8f9e6' }, priceSuffix)))), h("p", { key: 'd0baae9f2c3b1296540e0284556ec41c86364817', class: { 'offer__subtitle': true, 'offer__subtitle--is-tablet': this.isTablet } }, subtitle)), h("hr", { key: '5046b8ca91442bdcfa0b06ec384bbb8d3daff0e4', class: "divider divider--slim" }), h("tet-text-list", { key: 'e60899203c82d30f8936fa0643a961aaeb27663f', class: "offer__benefits", withIcon: true, listIcon: "tc-check", theme: this.theme }, benefits.map((benefit) => (h("span", null, benefit)))), contract && (h("div", { key: '69442b31d59e499906cf4962b4f3fc50df8ddb4c', class: "offer__contract-link" }, h("a", { key: 'd82dba7210d1af5493e3ac0bfd4a6d12a2865edc', class: { 'tet-link': true, [`${this.theme}`]: true }, href: contract, target: "_blank", rel: "noopener noreferrer" }, t('components-b2b-configurator-contract-link-label'), h("span", { key: '974ef9b2a17ffe3335122d3ef0dd52c00f9d37ea', class: "sr-only" }, t('components-a11y-open-link-in-new-window')))))), localIsSelected && [
+            h("hr", { key: '0c8262c7071b3d29b60c3b0585f4267995a6ebc9', class: "divider" }),
+            h("section", { key: '1b769a5109c6f3fd630db105815df20d61549476', id: detailsId, role: "region", "aria-labelledby": titleId, class: { 'details': true, 'details--is-tablet': this.isTablet } }, h("div", { key: 'f1d0f98651555a8ea20df42a59748db9531592a6', class: { 'details__price-block': true, 'details__price-block--is-tablet': this.isTablet } }, h("span", { key: '49bf16ce3e1d17ea945c09c55bacdcbb0ba625ca' }, t('components-b2b-configurator-monthly-payment')), h("div", { key: '771f52eb3c4753ffe032d0a9987abc9d610acddd', class: "details__total", "aria-live": "polite" }, h("div", { key: '923e856154fb08a2d1fd2caae03e0dcc997296d4', class: "details__total--current" }, currentTotal, " ", priceSuffix), discountPrice != null && discountPrice < price && (h("div", { key: 'd09b58c1a939f5afb1c0534cd860fe016144e7e8', class: "details__total--original" }, oldTotal, " ", priceSuffix)))), h("hr", { key: '9287063fddec7add9799ca5aefd87af1ae67a145', class: "divider" }), h("div", { key: '2b62b079963f57098fff47e0974eb9a71e17c7c1', class: { 'details__actions': true, 'details__actions--is-tablet': this.isTablet } }, h("div", { key: 'c32ee4619ac0081ad2c26a5297a519ac2909e5a2', class: "details__quantity-control" }, options.counterOptions && [
+                h("span", { key: '4be740f29a8ae2549282bb1374ff66ee2e1d0be6', id: `qty-label-${options.id}`, class: "details__quantity-label" }, t(options.counterOptions.label)),
+                h("tet-stepper-input", { key: 'b9afd6474d9dca7dec92232275d4919bfd8025dc', class: {
                         'details__quantity-counter': true,
                         'details__quantity-counter--is-tablet': this.isTablet
                     }, onInputValueChanged: this.handleCounterValueChange, value: localCount, min: options.counterOptions.minValue, max: options.counterOptions.maxValue, step: 1, theme: this.theme, accessibilityLabel: t(options.counterOptions.label), "aria-labelledby": `qty-label-${options.id}` })
-            ]), h("tet-button", { key: 'b489683309f7d85209216d267a086d05e3e89832', class: "details__submit-button", onClick: this.added ? this.handleRemove : this.handleAdd, size: "medium", type: this.added ? 'secondary' : 'primary', theme: this.theme, iconName: this.added ? 'tc-trash' : 'tc-cart-outline', iconPosition: "left" }, this.added
+            ]), h("tet-button", { key: '0cb557b9d48be0f891e2361f43bd2c05dc73e1a7', class: "details__submit-button", onClick: this.added ? this.handleRemove : this.handleAdd, size: "medium", type: this.added ? 'secondary' : 'primary', theme: this.theme, iconName: this.added ? 'tc-trash' : 'tc-cart-outline', iconPosition: "left" }, this.added
                 ? t('components-b2b-configurator-remove-from-basket')
                 : t('components-b2b-configurator-add-to-basket'))))
         ]))));

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

@@ -53,14 +53,14 @@ export class TetBusinessCard {
     }
     render() {
         const { mainTitle, subTitle, infoText, type, size, theme } = this;
-        return (h("div", { key: '18795289e108d5f7ac7cc7ffa53ee89c5fcb54ac', ref: divRef => {
+        return (h("div", { key: '623c7ce9661b60b708a1e999f81f3873e0806e1d', ref: divRef => {
                 this.rootRef = divRef;
             }, class: {
                 'tet-business-card': true,
                 [`tet-business-card__type--${type}`]: true,
                 [`tet-business-card__size--${size}`]: true,
                 [`theme-${theme}`]: true,
-            } }, h("div", { key: '73a0771a2e99fa8c2ce0f2a2e1dfbf69ca343d81', class: "tet-business-card__body" }, h("div", { key: '209ba7a7ea7ca4fb4dc6ca5d9958e956a4661b99', class: "tet-business-card__content" }, h("div", { key: '8fd58291d7db24794cadc849b070a686ae34a1d6', class: "tet-business-card__title" }, h("slot", { key: 'b26c2e4cf3687acf5b78cb03a5fb09e504528c66', name: "title" }, h("h3", { key: '8f7e03b41fe0865575169579404fec85798ac50f' }, mainTitle))), h("slot", { key: 'bb3651a8ae50a656893c1c3ed867e233db716411', name: "subtitle" }, subTitle && (h("div", { key: '55e3fccba88a885e5e3e665b1c4fbd25931426db', class: { 'tet-business-card__subtitle': true, 'tet-business-card__subtitle--large': !infoText } }, subTitle)))), h("slot", { key: '393590bd50538c23d99b9274d02a273fa9725f22', name: "button" })), h("slot", { key: 'ead3f99e3350f645e94bfd272963368894e065e2', name: "infotext" }, infoText && h("div", { key: 'a1fa7cccaf660520d90d9fbe6b819ac0c9d0af37', class: "tet-business-card__infotext" }, infoText))));
+            } }, h("div", { key: 'ad755fd31a61336c483ffc5d2d104261b03c00e1', class: "tet-business-card__body" }, h("div", { key: 'c8b226d3f2a1f8a73396b7ddad68c6c87d5577df', class: "tet-business-card__content" }, h("div", { key: '387bd6ead57b4a8aa40652284be2ad1ecb916233', class: "tet-business-card__title" }, h("slot", { key: '1e6e4c32b14a30efb454887158c55692ac77e302', name: "title" }, h("h3", { key: 'cadd683e5f657cbc39f8837e50cd6045cca4a7ec' }, mainTitle))), h("slot", { key: 'ddd2aab44a592a92d4eb71166a7d9b1bcb635fb6', name: "subtitle" }, subTitle && (h("div", { key: '3ab90cc3dc867d0d13ea9293f75d2eca54b56b3d', class: { 'tet-business-card__subtitle': true, 'tet-business-card__subtitle--large': !infoText } }, subTitle)))), h("slot", { key: '02333b6a4a46a123902bbd82473633f387e6e9c0', name: "button" })), h("slot", { key: '7d8109bb6447899f505cdde431969f8a6624f3f0', name: "infotext" }, infoText && h("div", { key: 'ef545e575dd54d0397a2e4cc77b6252ef32862a5', class: "tet-business-card__infotext" }, infoText))));
     }
     static get is() { return "tet-business-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,10 +28,10 @@ export class TetBusinessCompareCard {
     }
     render() {
         const { mainTitle, bulletPoints, theme, pricePrefix, price, currency } = this;
-        return (h("div", { key: 'b089c1dab198b79e852f59107873b54e6057641f', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '03295fc6766fe25beec52a100b3ced54ca58855b', class: "tet-business-compare-card__body" }, h("div", { key: 'b126e22931a923e4402d4f37656279f4b3e32fdd', class: "tet-business-compare-card__title" }, h("slot", { key: '6396d24a2b1f5058114359bb990cba557d7c9c58', name: "title" }, h("h3", { key: '8136be9772ed67f0659e0c9771af2c07c8dd9101' }, mainTitle))), h("div", { key: '3db6fe33cc63524737da43558425bbc7b062ad99', class: "tet-business-compare-card__content" }, h("slot", { key: 'e86c3b7f55609ac6625d136fb024b1c13a9d30f7', name: "content" }, !!(bulletPoints === null || bulletPoints === void 0 ? void 0 : bulletPoints.length) && (h("tet-text-list", { key: 'ea6447d40258d3b5a7c22fe54ee806e2f9f73cd2', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '2cef52cc24b4bdae659c5283f32bfd94d5020a4d', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '23872fe8eaae378fd5da7aa1d176651872d6cc3c', class: "tet-business-compare-card__price" }, h("span", { key: 'a1dd3f2fcf3eab660ceefe4e7bb08099f6ceec75', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: '2b9c686d7d0cc15b97c31ef1df4387cb824d3328', class: "tet-business-compare-card__price" }, price), h("div", { key: '9808a739f444e108037bba061b8add919edf33c9', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: '947544d4f967f56d7adaccb93fe15df8f699733e', class: {
+        return (h("div", { key: '5e1d0b71f4b76cc04be038eeaa9cc2c6f10841a6', class: { 'tet-business-compare-card': true, [`theme-${theme}`]: true } }, h("div", { key: '0f744f6661b839014c01a350df8e5c40a5621c4c', class: "tet-business-compare-card__body" }, h("div", { key: '98a2955c54ea7c77081f8d568cfe589d467221cb', class: "tet-business-compare-card__title" }, h("slot", { key: '863863123521db2513d0d68b7936dc7ef07d1ab6', name: "title" }, h("h3", { key: '7e8038ae06e887648408fe22759d8078fcc811a8' }, mainTitle))), h("div", { key: 'af674237e132462560d6ca829962eb9cf85e6c98', class: "tet-business-compare-card__content" }, h("slot", { key: '142549e6c6dfc9bec69780600de756aaae972fb6', name: "content" }, !!(bulletPoints === null || bulletPoints === void 0 ? void 0 : bulletPoints.length) && (h("tet-text-list", { key: '1196f1e77382a70e6312bcdfce39487cbb30b72f', class: "bullet-points", theme: this.theme === 'dark' ? 'dark' : 'light' }, bulletPoints.map(bulletPoint => (h("p", null, bulletPoint)))))))), price && currency && (h("div", { key: '63ff7800f5913ad00afc5282423f2ea227277542', class: "tet-business-compare-card__price-wrapper" }, pricePrefix && (h("div", { key: '0c060ab46b15202e1b9def1434e798c27f27f309', class: "tet-business-compare-card__price" }, h("span", { key: '49adc5b056e2f598ef0b6ebc19f4db8ae3157dcd', class: "tet-business-compare-card__price-prefix" }, pricePrefix, "\u00A0"), price)), !pricePrefix && h("div", { key: 'b5cb30b15c5e3e9794de481d5e54da27ad81aa16', class: "tet-business-compare-card__price" }, price), h("div", { key: 'c3134011a3f08dc923bb24959100c343446af4bc', class: "tet-business-compare-card__price-currency" }, currency))), h("div", { key: '5dd89161209222fea55a71663343ab9bfe98f87b', class: {
                 'tet-business-compare-card__footer': true,
                 'tet-business-compare-card__footer--show': this.hasContentInFooter,
-            } }, h("slot", { key: '9890db4482efb5e59177a92ac4eee8eca2575f99', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: 'dbd7126ff73ebe0e7254d90d75ba02ab690cab62', ref: (slot) => (this.linkSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "link" }))));
+            } }, h("slot", { key: '96821535ea4bbeca437b165f7aceacc2f0265963', ref: (slot) => (this.buttonSlotRef = slot), onSlotchange: this.checkFooterSlotContent, name: "button" }), h("slot", { key: '69957318445326ab6703dc62ae685a40b273bfad', 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-business-summary-card/tet-business-summary-card.css

@@ -487,11 +487,20 @@
 .content-wrapper .title {
   font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
 }
+.content-wrapper .title--end {
+  text-align: end;
+}
+@media only screen and (max-width: 22.5rem) {
+  .content-wrapper .title--end {
+    text-align: start;
+  }
+}
 .content-wrapper .description {
   font: 400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
 }
 .content-wrapper .description.price {
   align-self: end;
+  text-align: end;
   text-decoration-line: line-through;
 }
 @media only screen and (max-width: 22.5rem) {

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

@@ -61,7 +61,7 @@ export class TetBusinessSummaryCardComponent {
             : t(`components-term-month-${contractTerm % 10 === 1 && contractTerm !== 11 ? 'single' : 'plural'}`, {
                 term: contractTerm
             });
-        return (h("div", { key: '14eacb4e6d292154cf28953171ba3f87224dcd6f', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: '92fa9e07a4163b317bdb2fd63a590c3851e0cd5e', class: "business-summary-card-content" }, h("div", { key: '98c81729f5a3ab88cf6cdc4b58c399a6fe4cf78e', class: "business-summary-card-content__left" }, h("div", { key: 'e5df246e2e159edbb1fecbabab36de1ab28e67cf', class: "content-wrapper" }, h("span", { key: '433cf5c7d2350b6abe31ffb87e1eaaa7ebf3fb69', class: "title" }, productName), h("span", { key: 'd05e7b062bc0f7b3ec430bf2ab70bbfaeeeeb0a6', class: "description" }, productDescription))), h("div", { key: '86f4470200eaf0d65c5ec00d6e5c7e13b570cb26', class: "business-summary-card-content__right" }, h("div", { key: '57b90cdf0822751efc506881d0b7ad4617855644', class: "content-wrapper" }, h("span", { key: 'cad18f15bab563d2aaaafec6d1e60138e1ad7872', class: "title" }, `${(discountPrice || price).toFixed(2)} ${currency}`), !!discountPrice && (h("span", { key: '72de14b394994e749a5e62674dec776b320d063a', class: { description: true, price: !!discountPrice } }, `${price.toFixed(2)} ${currency}`))))), h("div", { key: 'c8d1986f46925c23d8f38d9b55312411f70ae83f', class: "business-summary-card-content" }, h("span", { key: '568990ef8cbfd1922757503f18a781e6b1710019', class: "contract-term" }, t('components-offers-contract-terms-label'), ": ", termWithUnit), this.context === 'checkout' && this.renderLabel(true)), this.context === 'edit' && h("div", { key: 'b8facd4835243c1ad41b58d782692c2cb88a3817', class: "business-summary-card-content" }, h("div", { key: 'f2eb08938f5d9ca5467555eaa499318aba7dd166', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: 'a295c34ed53c520285f46ca937221d94d22db3ec', class: "business-summary-card-content__right" }, h("div", { key: '785e1af1a553086a4b36a6db3478e78f957cd8cf', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
+        return (h("div", { key: 'b319bafcc0a6e68d65ba2c4cea59d97bd4360c26', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: '49eb8fb38267ba50ee44b04a92f4f938badb661d', class: "business-summary-card-content" }, h("div", { key: '83e2ab8c1df48efa0ff1e7096fceed4acd9f9ac2', class: "business-summary-card-content__left" }, h("div", { key: '44268226a23feef4fd415c6aae6f8d5986d3be7f', class: "content-wrapper" }, h("div", { key: '667f958adeb744012b2671485e76215591e8dc0f', class: "title" }, productName), h("div", { key: '7276be60d4394a7441537123c024b1527376f1e6', class: "description" }, productDescription))), h("div", { key: 'eb55888a85901d708c873a37fb77225edbbc7ded', class: "business-summary-card-content__right" }, h("div", { key: 'effb1377c9f6ce54fcf966e1c58c7c44ec7a9b7d', class: "content-wrapper" }, h("div", { key: '6a7b12d799a4ade171fdf5f8b29b472f027da696', class: "title title--end" }, `${(discountPrice || price).toFixed(2)} ${currency}`), !!discountPrice && (h("div", { key: 'bea505c80027589438969372928b7a53e6d532fb', class: { description: true, price: !!discountPrice } }, `${price.toFixed(2)} ${currency}`))))), h("div", { key: '3ff7edf95281f511953bafec0ce72ccbb2b4fddf', class: "business-summary-card-content" }, h("span", { key: 'f710c9185c1ac535f4635be4c1d4f8e92b663a14', class: "contract-term" }, t('components-offers-contract-terms-label'), ": ", termWithUnit), this.context === 'checkout' && this.renderLabel(true)), this.context === 'edit' && h("div", { key: '68d1d6e5861ad297b8e2bceb68cc828b22a65040', class: "business-summary-card-content" }, h("div", { key: 'd6530da19df4b6077be204179158b4e64d20611b', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: 'b8e7ae42573246c1790001ae491f1523f0dc802f', class: "business-summary-card-content__right" }, h("div", { key: 'fcde88f0a9c430ac6d2b74172f36f8f227dfd765', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
     }
     static get is() { return "tet-business-summary-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -646,19 +646,19 @@ export class TetCardList {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (h(Host, { key: '4512b7fae5ea6852da254a6c72ad59849609396f' }, h("div", { key: 'ec636c9b166a7fa5b1a12fc07ace5c1021ca8c4d', class: {
+        return (h(Host, { key: 'a7b7c9dd3d2acc6580fb040111b69e8b9f5ee47b' }, h("div", { key: '90fbe48aa22cbc0243eca6bf6ab5e2e5d66fc391', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
                 [this.theme]: true,
-            }, part: "card-list-container" }, h("div", { key: '528c5c79eac4ba83c8540d107ea5969f58f62fc8', class: "tet-card-list__scroll-container" }, h("div", { key: '5038040b167ebea6147f99ebb2da954c4bb2e4f1', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '1adfdb4516cff9b56ab933356075d321b7899a93' }))), h("tet-button", { key: '1268ac17fa9bae3ea447226bc9cfcc4f38da2614', theme: this.theme, iconMode: true, class: {
+            }, part: "card-list-container" }, h("div", { key: '6f2c19339bc98c909becc55727af88d7be6598d4', class: "tet-card-list__scroll-container" }, h("div", { key: '3b9f6d605a86ab5efcf45975aa95d1a4f0a4f3d1', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '21f76fb4ec8f9caf917d95187f26e65c6b607be2' }))), h("tet-button", { key: 'a70d9d6c4d8ed84c5cdb790cd66dc8967392a435', 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: 'a83af1d029884eb790cf1bc89cc2677f64eb5128', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: 'a840b0c0f573aedc4200b6b0b8e66a2591e26a16', theme: this.theme, iconMode: true, class: {
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp }, h("tet-icon", { key: '951f587ba9498d426a3c9993c416e8e18580c4bf', name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("tet-button", { key: 'af4771c78f573debaff8acd2243b550a427da72e', 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: '0b5d3f0f67d5a697e8bfc08c0156f69972f186f6', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: 'f2a05c36fb8355838247b7fa7f8edc06221956a7', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: '29e14a70d94c8f143ab0f0a93638da9c11ce707b', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            }, onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp }, h("tet-icon", { key: 'b19ee3803dd3fcf44a11816372555b6be84150f9', name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '9d93b130142f3675cb2d6436a84ff78df28c092a', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: 'b71a2c641265034396d4b0a350ba3aa57e8d7c49', 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

@@ -100,7 +100,7 @@ export class TetCompareCards {
         });
     }
     render() {
-        return (h(Host, { key: '7e9d3949553f6ed8b61f2fbbabebb267b9bb39a4', class: {
+        return (h(Host, { key: 'fc759bc25d67a88995fbc0e6e24067ad34bf5580', 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

@@ -182,7 +182,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 !== null && vatText !== void 0 ? vatText : false, "card-script": cardScript !== null && cardScript !== void 0 ? cardScript : false, data: cardsWithAddedSACData })));
     }
     render() {
-        return (h(Host, { key: 'fed2b253edbacfdbb56a2e1e712f187f99d098ee' }, h("div", { key: '69d4c10a104c507f7bb80261352a847080234ab4', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: '1928bfdb67a22cd2996c7c2d3120e96248566a3b', class: {
+        return (h(Host, { key: 'e5053b5fc6a387ead25274117c56453be934a850' }, h("div", { key: '4ea1b50f18436416bbd7cbda69eb23470eeebdf2', class: "tet-compare-cards-tab-wrapper" }, this.withProductFilters ? this.renderProductFilters() : '', this.renderTabHeader(this.data, 1), this.renderLoader(), h("div", { key: 'f9a144648ca90e24b095b556506a590d2ff0e4ce', 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

@@ -216,10 +216,10 @@ export class TetDynamicCard {
         return (h("div", { class: "button", part: "button" }, h("tet-button", Object.assign({}, buttonProps, { ref: elm => { this.buttonRef = elm; } }), this.linkText)));
     }
     render() {
-        return (h(Host, { key: '55febfc2bc18be736432a4208f1b79d34d9cfe02', class: {
+        return (h(Host, { key: '2c7a5efbaf1b36a29465e35322207afbc991bbae', class: {
                 'dynamic-card': true,
                 'is-focused': this.isFocused
-            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: '087790fbe99709edcde0a31393b50301d3f2aff1', class: `card
+            }, "data-index": this.index, ref: (elm) => { this.rootElementRef = elm; } }, h("div", { key: '92f5d0b91b630adced8bd04fc61b282f26ab47d5', class: `card
             theme-${this.theme}
             size-${this.currentSize}
             position-${this.pictureLayoutShiftPosition}
@@ -227,7 +227,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: '13ea0b0bc3678523ba24017262b30af97182c25c', class: "image", part: "image" }, h("slot", { key: 'cfadf66e49e1b5390bd7c505ba090b92a0af9896', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '9f1b63ed36bb8be4537624c9dd8709257f7aef2d', class: "content-container" }, h("div", { key: 'ffae381fbdfcd35d1fe924dafe1340203d9b1bd5', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: '0b14c254af709c7c6489a5f1e63c6371e00f6c52', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '723e6bc1a44c5734d6a8d8fc2c403a67362b07bb', class: "subtitle", part: "subtitle" }, this.subtitle))), this.renderButton()))));
+            }, tabindex: 0, part: "card", "aria-labelledby": this.cardTitle }, h("div", { key: 'fb71b682e4aebb0f1a080ab3f2c3a8b7fdf1c51b', class: "image", part: "image" }, h("slot", { key: '916cffb4223a71597e70578912babe5e31c038e5', name: "image" }), this.renderPrice(), this.renderTags()), h("div", { key: '92058f2436366bc6a8d38de6036a27ac2e054f2a', class: "content-container" }, h("div", { key: '1e8d95cc0e3f1ab923b020db048e4ee7c2561b29', class: "content", part: "content" }, this.cardTitle && (h("h3", { key: '6bdec504f233a6df4eeaeb4ee30090ec2e51e5ca', class: "title", part: "title" }, this.cardTitle)), this.subtitle && (h("p", { key: '681d224b73efed7c7357fe37b62357784e9ff926', 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

@@ -117,7 +117,7 @@ export class TetCustomerAssets {
         return provisioningStatus === 'Active' && tetProductType !== 'ConsumerGoods';
     }
     render() {
-        return (h(Host, { key: 'f4fa921e310975ed836bf65ec7b2000c03049fdf' }, h("div", { key: '3f62a8cc1ca491c3a2d1857b8f244fcdce467e36', class: { wrapper: this.showLoader && this.singleLoader, 'dark-theme': this.darkTheme } }, this.showLoader && this.singleLoader
+        return (h(Host, { key: 'a52dddf6388ed2d2761a1a53bdb33771724d1d46' }, h("div", { key: '65edbab278ace2872030bf26c079bec2b9d57631', 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

@@ -42,9 +42,9 @@ export class TetReferral {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: 'e1299255d2db7830828435e9140877df1abb39dd' }, h("div", { key: '7fc4e073603171989453c32f4f8da820d6add7c1', class: "wrapper" }, h(ThemeWrapper, { key: '0b37297cbbfee71123fd7d9a3e55c579e1d8d634', theme: this.theme }, h("div", { key: '5da22e231b86663eaa8ca76431f5450314bbebf0', class: "image-container" }, h("img", { key: '18e62fdbb216f2aa5983c0f2ef296bbae6d7f41d', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '2145fe4cbf0139a4d7c9f2472d57096db42b8115', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '679cd5e8a918c313cad7a9a3c2eb0d2ec9a8d6b1', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: 'f645f183f40b35e088efa768dd1361d0fa2c42cb', class: "referral-block" }, h("div", { key: '4bf1c16cc66acd4a6afa7804c225db7926e86bec', class: "url-wrapper" }, h("div", { key: 'f7604d50e64e85154557fef84a1eda6276cb0993', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '92847984b7f9e0fe33eecd76a0dbeecadca06e3b' }, h("div", { key: '3787dd312954d9bfc24e399bbf9f947b9f4eaf0e', class: "button-wrapper" }, h("tet-tooltip", { key: '85b93c26b733ddf2a54c3bc68d20cff2f0a73b3b', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
+        return (h(Host, { key: '13e83c2f9d836db221509f2d620c8118281288d4' }, h("div", { key: 'db5ca91261a88d2d1c61d4be6e6c22b745c0b9e8', class: "wrapper" }, h(ThemeWrapper, { key: 'ccc5964c3fda112e9a808b6640cd052a8e3e6ae0', theme: this.theme }, h("div", { key: '051c7ef8b713562c2210aa74427d7dbe722ea669', class: "image-container" }, h("img", { key: '4e8d781c44ac04edc3f142dc7b9e7352f2cdac63', src: t('components-referral-image-url'), alt: "" })), h("div", { key: '98cec78d0757730972e67ac6b2ffaed1a3e321fa', class: "subtitle-container" }, t('components-referral-subtitle')), h("div", { key: '39d110b915d2bc2723aa0ad244ae19154ebf3247', class: "description-container", innerHTML: t('components-referral-description') }), h("div", { key: '0a2749da0545410f534755da73309c0fa81cf45b', class: "referral-block" }, h("div", { key: '6e313d01aebabbaf63c8d8abcd0b3c99866fc4b0', class: "url-wrapper" }, h("div", { key: '9e29058a18938b129b326d286d246f306706cbce', class: "referral-url" }, this.getReferralUrl()), h("div", { key: '82ce30cc4c7cb31e468fad16e1162671c7e03dee' }, h("div", { key: '79ad46e433c35ba7718208d5e71446ae196cc05d', class: "button-wrapper" }, h("tet-tooltip", { key: '91e99222a8c81fa658467825ced8ed887f13ba16', theme: this.theme, class: "tooltip", doNotShowOnHover: true, ref: (el) => {
                 this.tooltip = el;
-            } }, t('components-referral-tooltip')), h("tet-button", { key: 'fee69ce2d34982a641183773a37849eec5d21c5c', clickCallback: this.copyToClipBoard, type: "primary", theme: this.theme }, t('components-referral-copy-button-label'))))))))));
+            } }, t('components-referral-tooltip')), h("tet-button", { key: 'e51b5fce9ed8f098d741ee6b72e587b115ded01b', 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

@@ -116,7 +116,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: '5df25873f484e20accd6c96d1c0fd039ad762257', class: "multi-step-dialog" }, h("tet-dialog", { key: 'f39a5e6fc0cc298079b03967a2ba0762bc8b2ab0', 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: '181fe25f787e586357807730ba3aeee6b548ce8a', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '33c80dabbe2767d9a2fbacd30506c09c7e465e3e', 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: 'cf26688247b3d9cdc2215f24a2911a7e29c9aff5', 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: '102ff5c62d3e84591e002b96e9dbd328ae45aaa7', class: "multi-step-dialog" }, h("tet-dialog", { key: '488022727851fc2ef3f53ae76ad1ee119f0d224e', 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: '9ed0feeec3ccc8e573975b5db3c2bb3d383e2fd9', innerHTML: this.content }), this.steps.map((step, index) => (this.renderStep(step, index))), h("tet-button", { key: '6ac931b659fb4dd627a3760bf92b7c6702da9c8c', 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: '35b1dc4d0eb13756e18c6ea2282d8a07ca00b3c7', 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

@@ -121,7 +121,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: '3a3c11cd4a04e243ffe02b9adf9fed2e79077406', class: { 'dark-theme': this.darkTheme } }, this.success ? this.renderSuccessStep() : this.renderForm()));
+        return (h("div", { key: 'fce81bf776ba73bf9a0a703b6c5706bc64a655d9', 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

@@ -137,11 +137,11 @@ export class TetAvailabilityContactForm {
     }
     render() {
         const { theme } = this;
-        return (h("tet-dialog", { key: '0c8a8b0abc3dcdb486ec391884aa9aa581f5a407', 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: '043d85b3fd0eda71856d4c874a209bdd208582ce', 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: 'b8927b04f0600d96f487274181916fe81da5f8e0', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '24f525eff4beefa20fe8a2ef21991a8706dfbad7', class: "modal-form-card-content-header" }, h("div", { key: 'c322431303bdb06c89404669473c0d0bb8f1c392', class: "icon-wrapper" }, h("tet-icon", { key: 'cfcc78c549359fbd6f98743348b648a6d5e1c892', class: "icon", name: "tc-company-1" })), h("span", { key: '551e0313c7483f8bbcb6008f419278f6e001e9b1', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: 'bd8f04729297cb8bc6442d20ac8e8dda29c86684', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'f1bfc4744d32c53d8054fcaadbe4e9e1ac31d491', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '1b74b74177882e3d8ec58130609157188df7ee5a', name: 'cart' })), h("form", { key: 'fb340ee9e178d73775f1547357d2592caa7482cd', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '7e6eb3cfe5eb6e5ffa5047babafc2fc6a9cc6dbc', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001'), 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')), h("div", { key: 'fd34bf38ea28dbeaec24d2f1896612b87c8fbbe6', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '123456789', true)), h("tet-checkbox", { key: '6e2290e56be09fbb77d726b88af427ab42d4a077', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '8db82d172bdf53630bb62a9d5b2b83b371543f8e', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: 'e58a5b758f5710cded86e8054a396485d558058e', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '00899942aee0822148bf57adb85790a09f50dd1b', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: '540478feacb773bb518797d9fe5eea2ef6a7938c', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: 'a28d3e38abc2e67d2f3beddb8f6f67054febf390', class: "modal-form-card-content-header" }, h("div", { key: '43800b400e2848830f8b322886fd94315ed90d40', class: "icon-wrapper" }, h("tet-icon", { key: '9693fb46b7154bd6745bd2cc30e575b5c30a8ab9', class: "icon", name: "tc-company-1" })), h("span", { key: '3f6a7737c705166682603d07dea587e78a9361ca', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '42a0aaf945629ae453d7eb22e31b0f6a8970ec5c', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: '2aadf102267c297dc00483247552b22ed424264a', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '629c81bb4d56930f9672c3314465f3aa6dd97d03', name: 'cart' })), h("form", { key: 'd33221b54dc8581ad355c2731b8f9457f49ee697', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: 'd56dca9b9aefe850a9f2f43e1fac0654d20cb18f', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001'), 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')), h("div", { key: 'f6ed57203b6673c3828e154fe237d9e35a1464b4', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '123456789', true)), h("tet-checkbox", { key: '694018247c93e59a230269b4d8202712fdf717f4', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }), h("slot", { key: '008345839b50eaa22f6575db195d4709d81954c6', name: "extra-fields", ref: (element) => (this.extraFieldsSlotElement = element) }))), h("div", { key: '3b8a572f59f5f123fd8ad4a59f213908fe82e879', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '22e34f52a11570c291c2314195b1411cf2859a46', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: 'b651ec7b24762dc6a406a5701de568a5ad35bcd1', 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: '23188a529e876ca089efa218017f5faca6c497ad', 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

@@ -64,7 +64,7 @@ export class TetContactForm {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h("div", { key: 'aa73925751c61121515c6024bbcfc67af99a8d08', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: '117b6ca9f520597c1792b61a98093bcad5c3d16f', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: 'ce0c7c329eb46a59c56065563b33d25c9c9c74a6', class: "form-container" }, this.showTitle && h("h2", { key: '1b85342b0de325c12037d5f8c7925cb7d1fcad0a', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '801bf51e1f0e4430de903660e3a88449d3c50575', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: '8254bc713f64a9ec290982fc9ec5578551b6c9a1', 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", Object.assign({ key: '8657be6c0585a964a7b2ea9b23d081f07246e38a', class: "form-submit", type: "primary", clickCallback: this.createManualTask, innerHTML: t('components-contact-form-submit') }, this.submitButtonProps))))));
+        return (h("div", { key: '886c6ef5822d0d53364c9a7e7bc02bba782f3c89', class: { 'dark-theme': this.darkTheme } }, h("tet-container", { key: 'fdf8d3941c929b26e7eeac8db306aeb7a7fe6b9b', class: "container" }, this.showLoader && this.renderLoader(), h("div", { key: '59b16df587203700305db941b1d4e7338951a917', class: "form-container" }, this.showTitle && h("h2", { key: '5bb4027d3283eaee280d00b5c00ac4c3d06abeb5', class: "form-title" }, t('components-contact-form-title')), h("p", { key: '412a2eb7db28f83116dbb0789763179572efe814', class: "form-subtitle" }, t(this.subtitle)), h("tet-input", { key: 'edf241a9f00772b9651f37da935a7a0ec8639278', 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", Object.assign({ key: 'e886d3a0c7ecbf510d60d39c29cb6e088bd0ee14', 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/promotions/tv-gift/tet-tv-gift-block/tet-tv-gift-block.js

@@ -32,7 +32,7 @@ export class TetTvGiftBlock {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: 'ac8bcd4d4eb55765dd10fa13d9ffff39e81e33d1' }, h("div", { key: 'ec07fae328dd2eddf389c3893e31e4dbf1562595', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '817339745ecb4fbffa8e46ef8ed153917e388c24', class: "tv-gift__header" }, h("slot", { key: '5b6749f6937949fdb6a5574ac11bc2473198dc9f', name: "header" }, this.headerImageSrc && h("img", { key: 'fbeabbdba2044f34fb3fa7b4f8e0edb79c527f2e', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '1543107590bbf1f6e5194f6a5fee6e7088ce1ea1', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '3f2cd3ef8f9129ad359fff04be3227cc428df0ce', class: "tv-gift__content" }, h("slot", { key: '2f9a54fec1ed884aeb2eaa75f70120fe11bd11d3' })), h("div", { key: '122782accbb4e3f1a8d99e8c928734edc2872362', class: "tv-gift__footer" }, h("slot", { key: '7966b2ff325ce60bd769e730c3556a12d7ee82c3', name: "footer" }, h("span", { key: '888cea05ac463736ac00cec67d80ad33b63cc625', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: '2d563779e213d9de1b01db5b936bb7d434f288a6', class: "tv-gift__footer__text" }, this.footerText))))));
+        return (h(Host, { key: '4a6bf183305f006113d88a4045fc3fdc898e7eca' }, h("div", { key: 'e1232a2f945855ef38a787ad5664b85b18213f27', class: { 'tv-gift': true, [`tv-gift--${this.containerSize}`]: true } }, h("div", { key: '04e0198da362ff3b8a407f8dbf7684f1b91af18e', class: "tv-gift__header" }, h("slot", { key: '1b40bf340188469127b90f53e10b5c903a557b55', name: "header" }, this.headerImageSrc && h("img", { key: '34bee651cc8aeb75d75b5819fc26a5b6fcff7b6c', class: "tv-gift__header__image", src: this.headerImageSrc }), h("div", { key: '378d55b82b2477dc008a228aa6d031eca559bfe5', class: "tv-gift__header-text" }, this.headerTitle))), h("div", { key: '744a87d47367041d40199ef88d3731b02f71b611', class: "tv-gift__content" }, h("slot", { key: '47a8c445d97bc98066c6f2936cb6c7bf89b38ca4' })), h("div", { key: 'f286a0133e4122d0d8e392771d0667e313b46944', class: "tv-gift__footer" }, h("slot", { key: 'be0467c109af6daf741cd757a7fddea541967683', name: "footer" }, h("span", { key: 'da4bf20bccbfcee5c4639f6b20aeef584eca51f6', class: "tv-gift__footer__title" }, this.footerTitle), h("span", { key: 'ded6387068b80dbb85bec1a723fe63e96ed820e0', 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

@@ -34,11 +34,11 @@ export class TetTvGiftList {
         this.setContainerSize();
     }
     render() {
-        return (h(Host, { key: '3afe457fefc5505386877474b348e1a0d7810590' }, h("div", { key: 'e4d07cf23a27002abd8d3afa29f4fa5cb3605898', class: {
+        return (h(Host, { key: 'd7ca800e6ba25b464ca314db93e45c4364b6d3fd' }, h("div", { key: 'a4f37664e71edd5ca917f5273ce9210531956de4', class: {
                 'tv-gift-list': true,
                 [`tv-gift-list--${this.containerSize}`]: true,
                 'tv-gift-list--image-list': Boolean(this.imageSource),
-            } }, this.imageSource && (h("div", { key: '5d613a501ca2a377e3e9935ea7a021a8cf16d63d', class: "tv-gift-list__image__wrapper" }, h("img", { key: '0c4340f3fef355a839824e1e8f9694452d379f73', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: '1f800f68d384723302463f60e2fa60c90ca2838f', class: "tv-gift-list__list__wrapper" }, h("span", { key: '8985c4ea56fb3834adaa260434b9781f320a99f1', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: '20097d16f1c21f6cc4f738b94471a68f3b11471f', 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: '218718faf70c8a09c28a142b17baa4c7518b3d90', class: "tv-gift-list__image__wrapper" }, h("img", { key: '771937af4d57ebe70145eadfca53273b6fe2d896', class: "tv-gift-list__image", src: this.imageSource }))), h("div", { key: 'c0a71bf205d2523a41d77d9b5ca84d58eda2a70a', class: "tv-gift-list__list__wrapper" }, h("span", { key: 'c3e657ded0076127e5fe9a52e866bd51bc1bda80', class: "tv-gift-list__list__header" }, this.header), h("ul", { key: 'd821f738bf5f80afb3d9be01a572dfc473a99493', 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-button/tet-button.js

@@ -35,7 +35,7 @@ export class TetButton {
         return (h("div", { class: "button__content" }, h("slot", null), h("tet-icon", { name: this.iconName })));
     }
     render() {
-        return (h(Host, { key: 'c0ac4a6a7d212b505e7f716c00de90ea51bdb5f5' }, h("button", Object.assign({ key: '156b8b4a391214e280d87edcabed37ed6348e691', part: "button", onClick: this.handleClick, id: this.elementId, class: {
+        return (h(Host, { key: '7adccbc8b3035550420d5e0eac1d46f68052526d' }, h("button", Object.assign({ key: '6d6732ed5e7d2c55e200aa7421f8ae2c54015a31', part: "button", onClick: this.handleClick, id: this.elementId, class: {
                 button: true,
                 [`button-${this.size}`]: true,
                 [`button--type-${this.type}`]: true,

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

@@ -57,7 +57,7 @@ export class TetCheckbox {
     }
     render() {
         const { label, name, checked, value, disabled, error } = this;
-        return (h(Host, { key: '03f19809d579c95d3bfadcfe80141065d3b64b6a' }, h("div", { key: '21c0f188d75036da10e5b8b422ea152a0fddf282', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: 'c2f48fbbcb9e08fd0f129f805cbe5ff45b1e6e88', class: "checkbox__container", part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: 'd5726440aca0c94127c5d8654af7c5de8155fb54', ref: (el) => (this.inputEl = el), class: "checkbox__html-input", id: "tet-checkbox", type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: this.handleChange }), h("span", { key: '2eb004fcaf5711d0792f901cef43fa918f10391e', class: { 'checkbox__input': true, 'checkbox__input--error': error } }, h("tet-icon", { key: '5f3df4739d2286426a94771852e46db5ac4f6a5b', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '052d688fb881f1be650836d45bf1615a2b818346', name: "check", class: "checkbox__icon" })), label ? (h("span", { class: "checkbox__label", innerHTML: label })) : (h("span", { class: "checkbox__label" }, h("slot", null)))))));
+        return (h(Host, { key: '3c8b35516298fcebea4cd04d41b4405f325336f6' }, h("div", { key: '2a2819cbc81adb8a3fc652cc286083e557079379', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: '3866e69318e438f37e62f52156c4b216697390d2', class: "checkbox__container", part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: 'e18d1c68248939b02d689df414272b4a85258a30', ref: (el) => (this.inputEl = el), class: "checkbox__html-input", id: "tet-checkbox", type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: this.handleChange }), h("span", { key: 'ddc461af258ceaf8ab134656b308cd9d6edb8bc3', class: { 'checkbox__input': true, 'checkbox__input--error': error } }, h("tet-icon", { key: '068556b47563dd0e29e993d6d114e3b7583e98e7', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: 'ed4a8fdd9408a57a54428c6637fc22647d9f1eee', name: "check", class: "checkbox__icon" })), label ? (h("span", { class: "checkbox__label", innerHTML: label })) : (h("span", { class: "checkbox__label" }, h("slot", null)))))));
     }
     static get is() { return "tet-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -375,6 +375,8 @@
   * @prop --radio-disabled-text-color: The text color of the radio button when disabled.
 
   * @prop --radio-error-border-color: The border color of the radio button on error.
+
+  * @prop --radio-vertical-alignment: Sets how the radio button and label align vertically within the container. Accepts flexbox align-items values (default: flex-start).
   */
   --radio-border-color: rgb(153, 160, 174);
   --radio-background-color: rgb(255, 255, 255);
@@ -394,6 +396,7 @@
   --radio-disabled-checked-background-color: rgb(153, 160, 174);
   --radio-disabled-text-color: rgb(153, 160, 174);
   --radio-error-border-color: rgb(233, 69, 54);
+  --radio-vertical-alignment: flex-start;
   display: block;
   position: relative;
 }
@@ -457,7 +460,7 @@
   font-weight: 500;
   user-select: none;
   display: flex;
-  align-items: flex-start;
+  align-items: var(--radio-vertical-alignment);
   color: var(--radio-text-color);
 }
 .radio__container:hover .radio__input {

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

@@ -45,7 +45,7 @@ export class TetRadio {
     }
     render() {
         const { id, disabled, value, checked, name, label, handleInputChange, accessibilityLabel, inputAutofocus } = this;
-        return (h(Host, { key: 'f693c9627db196e34243b6d81f51c6e5d1ed243d' }, h("div", { key: '970fa9cb6cbc6c345b3ba12d36ba65ec637f92a2', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: 'f110553118f8fa439153726b01dc92c4b676bebd', class: "radio__container", htmlFor: id }, h("input", Object.assign({ key: 'fa5b5dee55873b88b7928b5ccbaeea5ac6f8b61b', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: handleInputChange, autofocus: inputAutofocus }, (accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), { tabindex: this.checked ? '0' : '-1', role: "radio", "aria-checked": this.checked ? 'true' : 'false' })), h("span", { key: '81a2debdfb2f3d9ffa8f7277c74f72e4bf95fc78', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
+        return (h(Host, { key: '04f5fbf34c4380a326590399687dfbf45a2f6644' }, h("div", { key: 'caff5bc5f6c42d0004352dc313fe5184a75cd01c', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: 'c1b4a1007c5b3dc6ce8a319111f4327b1cf15c7a', class: "radio__container", htmlFor: id }, h("input", Object.assign({ key: 'c1c43ff284676518d77d0cf0d02212553d6d67e0', class: "radio__html-input", id: id, name: name, type: "radio", value: value, disabled: disabled, checked: checked, onChange: handleInputChange, autofocus: inputAutofocus }, (accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), { tabindex: this.checked ? '0' : '-1', role: "radio", "aria-checked": this.checked ? 'true' : 'false' })), h("span", { key: '686b33ac07a9e389d459d8525dc4ccab915aa0b6', class: "radio__input" }), label ? (h("span", { class: "radio__label", innerHTML: label })) : (h("span", { class: "radio__label" }, h("slot", null)))))));
     }
     static get is() { return "tet-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -31,7 +31,7 @@ export class TetSwitch {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel } = this;
-        return (h(Host, { key: '8514d8a146cd703f0134a84c777a6432523e0737' }, h("div", { key: 'f0cbfc84b094ed4b37b588cce6a15dbeb2a46111', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '716c211d0e46793748c2e264db43cb159548918b', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", Object.assign({ key: '8a39dfc9a21507d34ca1b29a43195fd74e021ca4', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this) }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), h("span", { key: 'bc967a7c7b30b16cf38d5d5a946889a50d470adc', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: 'eede184dc1464ac67b543a69ea2ed11d89d7663a', class: "switch__state" })), label
+        return (h(Host, { key: '23be36b9c734a9c43e9644337a58e4ede719215d' }, h("div", { key: '9411a81d872b6ead7ad41bd4d49cbe68fb7d58d7', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: 'fe5904e6eab9bd90a7de89d7ff843da2f454adf9', class: "switch__container", part: "switch-container", htmlFor: "tet-switch" }, h("input", Object.assign({ key: 'cff6902a5fcc1febcd40df5a76a0f5b10956c8cc', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this) }, (accessibilityLabel ? { "aria-label": accessibilityLabel } : {}))), h("span", { key: '70f3b5f739f0f6aa898b358963cfa534cab5f3d1', class: { "switch__input": true, [this.theme]: true } }, h("span", { key: '5366d7f0edf9b561cf987ddb19bebf8d98d8984f', class: "switch__state" })), label
             ? h("span", { class: "switch__label", innerHTML: label })
             : h("span", { class: "switch__label" }, h("slot", null))))));
     }

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

@@ -157,11 +157,11 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: 'ed62db4ffe30b80044cf53e77fcab7d97e842ea8' }, h("div", { key: '9085065bf7eaf59031ffb592581a4e8ad1df186c', class: {
+        return (h(Host, { key: 'a3eaa6eb52160b61c7bfeaf28590ee6a71346eda' }, h("div", { key: '36226685332a4783b4dc383141b1a99d9b559559', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: 'c9570e911111cc9be74e9ef99622df2d70667c89' }))));
+            } }, h("slot", { key: '9de9e9ec5e8d9612ec8f0fd7c9fed7c94bbc2ad2' }))));
     }
     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

@@ -468,7 +468,7 @@ export class TetTabHeader {
         return {};
     }
     render() {
-        return (h(Host, { key: 'd5ec141aa62d1ca98e31dcc34fe954bda12cdba5', "data-id-suffix": this.idSuffix }, h("div", { key: 'f02d170c1d2ece9c78f2b05826c9a5124a56a120', class: {
+        return (h(Host, { key: '42e681d4a571d16603b5cea6a212fdf3ca74b089', "data-id-suffix": this.idSuffix }, h("div", { key: '7e2b531e1f0fc0c11491aa06b03fa21955e9855d', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'dark': this.darkMode,
@@ -476,7 +476,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" }, h("slot", { key: 'cf2991dfdbe50b704b0d6a4c3e417d59e391436d', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: 'ad582424eb6c51c29ac979a81ed1a80c7912820a', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '3ac4a602de30acbfe6f7de3ae5cd4b2980210754', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: '0001affb03c45190def5388e016627f09c7d04ab', class: { 'tabs-line': !this.segmented, 'no-underline': this.hideHeaderUnderline } })));
     }
     static get is() { return "tet-tab-header"; }
     static get encapsulation() { return "shadow"; }

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: 'ab7bbef648448eed0d371f4df1ee32f7c41ef5bf' }, h("button", { key: 'b137d0c7100a92f67b1123f5faa71dbccbf0ed63', class: {
+        return (h(Host, { key: '3b21b6fc394c8f74f24f990dd6490f9d5afe5f5f' }, h("button", { key: 'd1c5331c330cb5ba6f1230cb00ad84e49c7c4436', 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: '36df61f82fbf4d0ef42718acae6b57ea6ce30f13', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'a33bd28cc9b6eb4a6424266d22b9b1916f498d3b', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '47673d9c9dff84aca27d0d26ecfc434ee4fe296b', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '6767151b3b4329a864940a08325dda4c6cace3c4', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'f63ad08663b8cf1bfe954b0d12d002416ef6aadc', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '5f2076fc50f41021b1fe87ad4dd1ffeea36d90d0', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }