@tet/tet-components 1.4.87-testing → 1.4.88-staging

package/dist/collection/components/simple/text-blocks/tet-notification/tet-notification.js

@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '6c6bd7050530d958908870129dab0894f073c1bb' }, h("div", { key: 'e4be23d7b53d65915dee5eb227a227d0519e1548', class: { notification: true, [this.theme]: true } }, h("div", { key: 'fe63c8838bcdb8e436203596ecfac25dab48ee39', class: { item: true, [this.type]: true } }, h("div", { key: 'e3760102e6bb14e23a1875b964f09f12b02143c5', class: "header" }, this.renderTypeIcon(), h("div", { key: 'f10eec4e765a822b16530b0c40a9c41773c3771b', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '53c6bda8c54c57e6617011a3351f3890e7c84e6f', class: "content" }, h("span", { key: 'c4689aaabd124758e20cc4b8e5246af97f835d24', innerHTML: content }), h("div", { key: '8d43565f393db7f837ed053cced21feee8a61d86' }, h("slot", { key: '44f7b8d7847b7de0c855a5c28ba8fcba9ae9c93b', name: "button" })))))));
+        return (h(Host, { key: 'e3e9bf136a9a69eeac3a7421fd9849ca78bf525b' }, h("div", { key: '44b7741f55a7d89f22de4e1b53ca31dd4d04d4f2', class: { notification: true, [this.theme]: true } }, h("div", { key: '23d1cbf818e3bdffc950314b75babc8cd402f964', class: { item: true, [this.type]: true } }, h("div", { key: '87d1ab660e7d14e7a297bb93b19178e43ae5d03e', class: "header" }, this.renderTypeIcon(), h("div", { key: '8857b530ace215d9d37c5c45093ebcd8a7d7e128', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '3d673f1e372ef8f76d904ee9ef1af1b71bb04da7', class: "content" }, h("span", { key: 'fc0bc9a80738e84d3da9873200d2fdffe371a50c', innerHTML: content }), h("div", { key: 'e36383369f2336e74c08bc7eb1521964d495ed22' }, h("slot", { key: '9969a2013fbb697f8d1f7c60a381f12cc45577c3', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-tooltip/tet-tooltip.js

@@ -36,6 +36,9 @@ export class TetTooltip {
     tooltipStartTime;
     tooltipEndTime;
     resizeObserver;
+    displayTimeout;
+    showHandler = this.show.bind(this);
+    hideHandler = this.hide.bind(this);
     /**
      * The host element of the component.
      */
@@ -107,11 +110,11 @@ export class TetTooltip {
             return;
         }
         if (!this.doNotShowOnHover) {
-            this.targetElement?.addEventListener('mouseenter', this.show.bind(this));
-            this.targetElement?.addEventListener('mouseleave', this.hide.bind(this));
+            this.targetElement.addEventListener('mouseenter', this.showHandler);
+            this.targetElement.addEventListener('mouseleave', this.hideHandler);
         }
-        this.targetElement?.addEventListener('focusin', this.show.bind(this));
-        this.targetElement?.addEventListener('focusout', this.hide.bind(this));
+        this.targetElement.addEventListener('focusin', this.showHandler);
+        this.targetElement.addEventListener('focusout', this.hideHandler);
         this.resizeObserver = new ResizeObserver(() => {
             if (!this.targetElement?.offsetHeight) {
                 this.element.classList.remove('hidden');
@@ -125,20 +128,35 @@ export class TetTooltip {
     }
     componentDidLoad() {
         // Delay the visibility for a moment to avoid the blinking effect of the tooltips shortly after the load.
-        setTimeout(() => {
-            this.element.style.display = 'inline-block';
-            if (!this.doNotShowOnHover && this.targetElement?.matches(':hover')) {
+        const tooltipElement = this.element;
+        const shouldShowOnHover = !this.doNotShowOnHover;
+        const targetElement = this.targetElement;
+        this.displayTimeout = setTimeout(() => {
+            this.displayTimeout = undefined;
+            if (!tooltipElement.isConnected) {
+                return;
+            }
+            tooltipElement.style.display = 'inline-block';
+            if (shouldShowOnHover && targetElement?.matches(':hover')) {
                 this.show().then();
             }
         }, 100);
     }
-    async disconnectedCallback() {
+    disconnectedCallback() {
+        if (this.displayTimeout) {
+            clearTimeout(this.displayTimeout);
+            this.displayTimeout = undefined;
+        }
         if (!this.targetElement) {
             return;
         }
-        this.targetElement?.removeEventListener('mouseenter', this.show.bind(this));
-        this.targetElement?.removeEventListener('mouseleave', this.hide.bind(this));
-        this.resizeObserver?.unobserve(this.targetElement);
+        if (!this.doNotShowOnHover) {
+            this.targetElement.removeEventListener('mouseenter', this.showHandler);
+            this.targetElement.removeEventListener('mouseleave', this.hideHandler);
+        }
+        this.targetElement.removeEventListener('focusin', this.showHandler);
+        this.targetElement.removeEventListener('focusout', this.hideHandler);
+        this.resizeObserver?.disconnect();
     }
     /**
      * Show the tooltip.
@@ -365,7 +383,7 @@ export class TetTooltip {
         return (h("div", { class: { tooltip: true, [`${this.theme}`]: true }, role: "tooltip", "aria-hidden": this.showTooltip ? 'false' : 'true', "aria-live": this.showTooltip ? 'polite' : undefined }, h("div", { class: "tooltip-pointer", ref: (el) => (this.tooltipPointer = el) }), h("slot", null)));
     };
     render() {
-        return h(Host, { key: '4136534ae71962f55b2c8556d2b9a5970faa86ac', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '6a38faff0a98a733caf205fca433df05b925452c', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     static get is() { return "tet-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-address-offers-view/tet-address-offers-view.js

@@ -62,7 +62,7 @@ export class TetAddressOffersView {
      * Lifecycle method.
      */
     async componentWillLoad() {
-        processTranslations('tet-components', this.language).then(() => forceUpdate(this));
+        await processTranslations('tet-components', this.language);
     }
     /**
      * Holds the selected address data before user presses "check availability".
@@ -137,7 +137,7 @@ export class TetAddressOffersView {
         return h(Fragment, null);
     }
     render() {
-        return (h(Host, { key: '314d8ac7b2b1762f353a08e4d7337502838ec552' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '2ea125d5bf75382fb6f437a183c0440b62317117' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
     }
     static get is() { return "tet-address-offers-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.js

@@ -1,5 +1,5 @@
 import { processTranslations, t } from "../../../../../services/translations/index";
-import { Host, forceUpdate, h } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 export class TetB2bConfiguratorCart {
     constructor() {
         this.theme = 'light';
@@ -43,8 +43,8 @@ export class TetB2bConfiguratorCart {
     checkStickyClassOnCartEmptyChange() {
         this.addStickyClassConditionally();
     }
-    componentWillLoad() {
-        processTranslations('tet-components', 'lv').then(() => forceUpdate(this));
+    async componentWillLoad() {
+        await processTranslations('tet-components', 'lv');
     }
     /**
      * Initiates observer to check when cart sticks to bottom
@@ -167,12 +167,12 @@ export class TetB2bConfiguratorCart {
         const isEditMode = this.context === 'edit';
         const isCheckoutMode = this.context === 'checkout';
         const showSummary = !this.isCartEmpty && (isEditMode || (isCheckoutMode && this.isAccordionOpen));
-        return (h(Host, { key: '13c4b7138d7f5f9a517d30a3caa5e13a7767fdb7' }, h("div", { key: '22be4607b0c62ba120da3e33d2353c62a61df297', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: '28e2d7473e099644aa9f1e2862e587debf440a95', ref: (el) => (this.accordionEl = el), class: {
+        return (h(Host, { key: '36539b22278ca7ed9ec8cf7ab9880d3b395f1586' }, h("div", { key: '1c7744a72118d89d3cbb1aa6df7b36c546362fbb', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: '920c380b15cd861daefd952ae3bb31aa1c615475', ref: (el) => (this.accordionEl = el), class: {
                 'cart__accordion': true,
                 [`cart__accordion--${this.context}`]: true,
                 'cart__accordion--rounded': this.isCartEmpty || (isCheckoutMode && !this.isAccordionOpen),
                 'cart__accordion--closed': !this.isAccordionOpen
-            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, theme: this.theme, transparentBackground: true, indicatorDirection: this.isDesktopResolution || isCheckoutMode ? 'down' : 'up' }, h("div", { key: '38499db31b74f85046cbdc4a7c4e3c2d0c4f4f00', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: 'e87cebe69774834ae78af1e31bbe4a726c7ccef7', class: { cart__content: true, [`cart__content--${this.context}`]: true } }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
+            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, theme: this.theme, transparentBackground: true, indicatorDirection: this.isDesktopResolution || isCheckoutMode ? 'down' : 'up' }, h("div", { key: '6609bb6c0a6ecd25056815bcd841da26767ab1dc', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '290c7af5dae1ea57f18a639df09e0ae411630aac', class: { cart__content: true, [`cart__content--${this.context}`]: true } }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
     }
     static get is() { return "tet-b2b-configurator-cart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-b2b-service-calculator/tet-b2b-service-calculator.js

@@ -22,8 +22,8 @@ export class TetB2bServiceCalculator {
     onControlChange() {
         this.totalPrice = this.calculateServiceUnitTotalPrice(this.unitCountSelected);
     }
-    componentDidLoad() {
-        processTranslations('tet-components', this.language).then(() => forceUpdate(this));
+    async componentWillLoad() {
+        await processTranslations('tet-components', this.language);
     }
     calculateServiceUnitTotalPrice = (unitCount) => {
         let price;
@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: '442c41d3d4cd337904b124de2fc0927c5d076f6c', class: "container" }, h("div", { key: '6e744e286f8dcfec8cc65d651471171654edbe0c', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '8e91be0a45375cda0d6824ec82b4d319d8e6e645', class: "calculator-block" }, h("p", { key: '86d262b0f61da15673d0fd088b45d985e26b20b8', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'ddda0c9e470031f8b5ec8788247a3562fc521af1', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: 'da127918a198d393e7ead7c4fcd2c0ce7062d053', class: "control-container" }, h("div", { key: '2df7ecd5a9694b699d446792c016cfecc2367f54', class: "control" }, h("tet-checkbox", { key: '7892ddff27d74b36c8a9e446d55229311328519c', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '583b5ab6cf3b32de72c7f0a87091289d3c74ce15', class: "control" }, h("tet-switch", { key: 'ce92bb8cb9566e6b110994e19334dc2ef9344f50', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'e00213a749e2536cda622e8a896ec62b8038e4fd', class: "monthly-payment-block" }, h("p", { key: 'cec9d2b05199d93a2fafb35399ffb322f1e73fa6', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'a2aedfd78c0e595b6e0425735546489a909bdd87' }, h("span", { key: '2cecda075c983d6041226259c81ec69f9981cc11', class: "price" }, this.totalPrice), h("span", { key: '6f976490b14b90f362dbf75c56974fc3ddd12aa9', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '3c15349286befa930603bed29af4b5a8895fec3c', class: "container" }, h("div", { key: '67a8e1327fefc443c041c1845be5638480da9974', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '8afcfe2144d036b9d9d2e1195926f63bc21a5eb7', class: "calculator-block" }, h("p", { key: '5ae0cc4c968011bac5cb61804fbca8270f2da749', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '38445e2722781f2fda3c4b4aa19f8b83fc1edfcc', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: 'a0e37d9c9db552bdeb73cb20ba31d0252ec6825e', class: "control-container" }, h("div", { key: '58f470e2e6497de019ac3edc83ef083947ac17a9', class: "control" }, h("tet-checkbox", { key: 'cfb9bc04a13e0478472e06e5407c9bb813d073b5', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '8620ec4daeace0011d6ebc21e815acb865984e2c', class: "control" }, h("tet-switch", { key: '8108d4279c4e856a7c75c8fbac033ac477b0b507', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '786c447e65a18df119bc3b22283cae3ec40b183d', class: "monthly-payment-block" }, h("p", { key: 'b01d77742cec00ce1378ee3a61fab1e2a2d289c6', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '645ef2082122fb2fe6829e2e9fbec5f67831bee6' }, h("span", { key: 'd72cfa8b54b22ee2f9c1c584239dedfe27abba33', class: "price" }, this.totalPrice), h("span", { key: '8f6ed56a296363f61db05ac0dfcf493fa27e651c', class: "currency" }, t('components-euro-per-month')))))));
     }
     static get is() { return "tet-b2b-service-calculator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-business-lines/tet-business-lines.js

@@ -22,7 +22,7 @@ export class TetBusinessLines {
         searchAddressByKey(String(this.addressKey)).then((response) => this.address = response);
     }
     async componentWillLoad() {
-        processTranslations('tet-components', this.language).then(() => forceUpdate(this));
+        await processTranslations('tet-components', this.language);
         businessLines().then((response) => this.businessLines = response);
         searchAddressByKey(String(this.addressKey)).then((response) => this.address = response);
     }
@@ -45,7 +45,7 @@ export class TetBusinessLines {
         return (h("div", { class: "business-line-item", onClick: () => this.handleBusinessLineSelection(businessLine) }, h("div", { class: "name-container" }, h("tet-icon", { name: businessLine.iconName }), this.translate(businessLine.name)), h("tet-icon", { class: "chevron-icon", name: "chevron-right" })));
     };
     render() {
-        return (h("div", { key: '61cddd731fd49696c39362e94df14a1ad54762f8', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'f72aa3557f7d75fe6681eaefbfd8a242eede3fce', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '5c02bb77fc02367c6ea6bacf8160e3abd87ccc78', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '5af16b0bb8af145afe8fe48d92434024924e0f66', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-contact-info/tet-contact-info.js

@@ -13,7 +13,7 @@ export class TetContactInfo {
         return (h("div", { class: "contact-info-card-block" }, h("span", { class: "contact-info-card-block-label", innerHTML: contactInfo.label }), h("span", { class: "contact-info-card-block-value", innerHTML: contactInfo.value })));
     }
     render() {
-        return (h(Host, { key: '5070fe10c476caaed9b87892d1a6d7bf6d9bbd75' }, h("div", { key: '4c95a821612be3f250ade1f2a4992c7ccc954ecf', class: "contact-info" }, h("div", { key: '681b0bf5d0f8c7a0af934559c4329861122934db', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
+        return (h(Host, { key: '46f42d855df5d87d3e7cad1c5704928f8a7feae9' }, h("div", { key: 'a3b5ed5b8c88cac15ce41a0c512a6dab7cf3df2e', class: "contact-info" }, h("div", { key: '55dbc96868c459f08472b4ca004863447838630e', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
     }
     static get is() { return "tet-contact-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-macd-view/tet-macd-view.js

@@ -79,7 +79,7 @@ export class TetMacdView {
      */
     communicationDialogResponse;
     async componentWillLoad() {
-        processTranslations('macd', this.language).then(() => forceUpdate(this));
+        await processTranslations('macd', this.language);
         if (this.hasMacdOrderTypes(this.macdOrderTypes)) {
             this.currentMacdOrderTypes = [...this.macdOrderTypes];
             this.showLoader = false;
@@ -284,7 +284,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: 'b9e438a2f158f4426a5321c8e0047b16843a410e' }, h("div", { key: 'dac4f99780f95871306cea7dc3b702f0d6cffe54', class: "wrapper" }, h(ThemeWrapper, { key: 'f376087f735b914963dead79fc7f11879495f425', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: 'acb9e94e7c7c598a495a35fe7b4917316bc5e31b' }, h("div", { key: 'cc7544efffc227be12530fd85cb0f2f59c205848', class: "wrapper" }, h(ThemeWrapper, { key: '92bdc621481b625fc405380ed498bbe2d5cc9901', theme: this.theme }, content, this.renderDialog()))));
     }
     static get is() { return "tet-macd-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-price-view/tet-price-view.js

@@ -199,7 +199,7 @@ export class TetPriceView {
             }
         };
         const isCentsPrice = this?.centsPrice && this?.centsPrice.length > 0;
-        return (h(Host, { key: '01c1cc5845794e22e5278ec7a946dde0ceaea438' }, h("div", { key: '9cdd750820dc29008e2567bafb9a53224cdf3009', class: mainClasses, style: styles.container }, h("div", { key: 'a5d1a11a10a7e68ca2d35c6687eb7847907ef418', class: "price-view__body" }, this?.headingText && (h("h3", { key: 'f12b08ed4de66773af7fc6ae122bd118ba521cc3', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'fc6640cbb7cb1c01a6c1ed21acc3553b9fe3cd6a', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'd9f75ca9a7ac2e4ba9ac5eb1f5fb3ca996896617', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '7d085102651dd9f5b479a245586d7946285489aa', class: "price-view__cents-container" }, h("span", { key: '3e03b75bb6f71203f1b2692fede093525478e0fc', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: '2fa447dccad43fde028226a8814ea6ae51d673d0', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: '70ed9e66d12fa8c1654d39ec3544a71eacc5beb5', class: "price-view__footer", style: styles.footer }, this.footerText))))));
+        return (h(Host, { key: '75e13931671768f40ff8312f37c0b13016e01ac8' }, h("div", { key: '8f3d9e890ddc0b770393041fd6e274e878360c7a', class: mainClasses, style: styles.container }, h("div", { key: '23e7852ae4274835bded7c8a7d45cca4a26b5bfe', class: "price-view__body" }, this?.headingText && (h("h3", { key: '5ceef9a3b8c9908cf5f6293b7a653bf60a1d8a47', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'f0e58fd0825d3f1434bcb3be971613ce05d72034', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'dc692f51be8d0f3617e6f7797494448720aa9486', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: 'b50109fca860ac5897128a95461236b270359dbe', class: "price-view__cents-container" }, h("span", { key: 'e4be1be167427fbb43cfc34e36100be2ea275e64', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: 'e2a24dc1c8a6214c4b3f23af7d097adf9b627da5', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: 'f08be1344840c2f021ce2f9a1fee6e3a6867d662', class: "price-view__footer", style: styles.footer }, this.footerText))))));
     }
     static get is() { return "tet-price-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view/tet-thank-you-view.js

@@ -80,7 +80,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: 'd3cb059671f217afeed42b377536a40ac3fb7bf6' }, h("div", { key: '4706c0bbfeae69d5f9e2cda15f2a38509fdf6c97', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'bbe541f02e73003147d450615d83865c1eb57598', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: 'ff9a33648e91e9d55202279f2d701751a8c80fbc' }, h("div", { key: 'b94291a2f4b6b6af84215f55b2bdb9b02947def6', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '75258185a2cf98a62223a68451819d593dc8b33c', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
     static get is() { return "tet-thank-you-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view-v2/tet-thank-you-view-v2.js

@@ -33,12 +33,9 @@ export class TetThankYouViewV2 {
     /** The property to determine the visibility of the FAQ slot. */
     faqSlot;
     async componentWillLoad() {
+        await processTranslations(this.translationGroup, this.language);
         this.faqSlot = this.hostElement.querySelector('[slot="faq"]') !== null;
     }
-    /** Event called once after component is fully loaded */
-    componentDidLoad() {
-        processTranslations(this.translationGroup, this.language).then(() => forceUpdate(this));
-    }
     /** The CTA button callback that emits the click event. */
     ctaButtonCallback = () => this.ctaButtonClick.emit();
     /**
@@ -73,7 +70,7 @@ export class TetThankYouViewV2 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v2-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: 'cfb5dfe3e50061b765f441014d1969570b7f572a' }, h("div", { key: '9098afe74aea39c6b2b5b30971773a19833e4ed3', class: {
+        return (h(Host, { key: 'c2c74dab19ca2da1ca1f2023e772d404bd340ae3' }, h("div", { key: '9d79e33b3f09ec2fda8367c8d3e27f0fd65744cf', class: {
                 'thank-you-view-v2': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/collection/components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.js

@@ -33,12 +33,9 @@ export class TetThankYouViewV3 {
     /** The property to determine the visibility of the FAQ slot. */
     faqSlot;
     async componentWillLoad() {
+        await processTranslations(this.translationGroup, this.language);
         this.faqSlot = this.hostElement.querySelector('[slot="faq"]') !== null;
     }
-    /** Event called once after component is fully loaded */
-    componentDidLoad() {
-        processTranslations(this.translationGroup, this.language).then(() => forceUpdate(this));
-    }
     /** The CTA button callback that emits the click event. */
     ctaButtonCallback = () => this.ctaButtonClick.emit();
     /**
@@ -73,7 +70,7 @@ export class TetThankYouViewV3 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v3-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: 'af24f49b6ed20ebc665b15b631f3b652d793f871' }, h("div", { key: '606ba4bea9894f9e5bc6cd0c7bdd83934ffc111f', class: {
+        return (h(Host, { key: '1cbf549ab476e0e5d4f92553dd3c51fef5d282fd' }, h("div", { key: '009394d9f9498e31d749f2d63b05d387c2c32e9f', class: {
                 'thank-you-view-v3': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/collection/docs/styling/border-radius/tet-border-radius.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetBorderRadius {
     render() {
-        return (h(Host, { key: '5c4683746c7349a38a56af1b9d6ff902548cf659' }, h("div", { key: 'a312c860efb21dd90b9c295b540e236d198e852b', class: "variable-container" }, h("div", { key: '17062ecaba1d961f5323a2a4001556178a668618', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '8834739d0e2007d7b7316a07c6cbd813e68060b6', class: "container-section" }, h("div", { key: 'afb73d1e2732cae0eb321f76e591a05cc3113d9a', class: "variable-name" }, h("div", { key: '77fcb13962c99319727e2083b07fd7d9067ea705', class: "variable-part" }, "tet"), h("div", { key: '17d54115733a9882e7c61334f9b1aa0886eb283c', class: "variable-part" }, "-border"), h("div", { key: '2e5c0ed653384546205a85c1179f817b4cfe4b7a', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'f8de5396bc3bab357c77a404f03438a459918629', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '729fe7ec52736f74ba48ac65d7e5a7140b4fb42b', class: "tet-fonts-container" }, h("div", { key: 'c8cc38cf2dc528ef9782b5588c87499592a8a983', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '486e8b9c8963800a7c663a66c467f5019fef33af', class: "section" }, h("div", { key: '3676a58b1d77044ccc092106ca61305354e6bb19', class: "section-variable" }, h("div", { key: '7b1a3667e94a98889c810057f16bbe5cc6b5e0f5', class: "border tet-border-radius--xs" }), h("div", { key: 'ac027dc685064082f8e7b47d16b05f635de0452f', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '9b546dcc348b7ff29c909b73096d982ce953a26c', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '345f559c6beb2ead2d3c24629da4f4094382a323', class: "section-variable" }, h("div", { key: '3e88d185cfb47ac906c052c424a363babce2022f', class: "border tet-border-radius--sm" }), h("div", { key: '9c1016948836b58438ccd5f55ee0de124a76335f', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '63db0e3341282dd8179016951992b4720ca37a1d', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'c7dd6cff7cd71c11c70767bc180bfeae1aa74481', class: "section-variable" }, h("div", { key: 'fe5cadc3ba52f450f5412fb8216bd71aa9222f11', class: "border tet-border-radius--md" }), h("div", { key: '306cb7130b82edce7eb0174d985076219ce2dc5b', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'de940b4dc12b28de2d6994cc197e298952e95a96', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '0a147b1e0059cd5c68eb513d3771b50228c5ff48', class: "section-variable" }, h("div", { key: 'ea4c8613c4136233f117df39b52b14d1b0e98dcc', class: "border tet-border-radius--lg" }), h("div", { key: '9395b9ffee43e251abedb6cfbb2de9486093a755', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '6bcee92bcdf6e23192af80763778c219abb5c284', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '2ea649f71d9072bb22ab38630778da881fc56ac6', class: "section-font-size" })), h("div", { key: 'bf5e7bbfbbef020e08e95dcd020be6e584e46499', class: "section-variable" }, h("div", { key: '92b8c047af8da1a90f5f9d191dc972cea5511aa8', class: "border tet-border-radius--xl" }), h("div", { key: 'cd58c475dba3e099caecbd1162fa7f5b4c7c5f0a', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'c05aa38e6948acd3e5b10738cd63610abe7b0b69', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '6c86b10b25b6422c794a9e4ddb2a38d3ad6ca1c9' }, h("div", { key: '87e126ffcf8c9f6fc6ca3151c531f221219fdcba', class: "variable-container" }, h("div", { key: '0664fbb843aa855815d05506b2ac772c1ab43fa3', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'e99613709bec097f90f5bfd9d324393261846c74', class: "container-section" }, h("div", { key: '883a05d6ceb54493c5de17a9773123c67f286017', class: "variable-name" }, h("div", { key: '17f8a7e5fa0a9c83f850e0f0ada67992fece2754', class: "variable-part" }, "tet"), h("div", { key: '5e95dca9b976d0b3ee238b02b5c23d8597b71494', class: "variable-part" }, "-border"), h("div", { key: '2066094e218f3b41611460718c3b32af85b1bbad', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '835e96a5784466c9e1439e561cee27677504d39e', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'd2b2a14c85affd9d6ad5936d7e316db17ff36314', class: "tet-fonts-container" }, h("div", { key: 'd1669ec8eac8ea7010661381b011213fc9f0734b', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'dc823208a84dc8ce608b32a90c91e04d8f5473a1', class: "section" }, h("div", { key: 'ef64aed0b8db190787a6bb8b700ab5f72ba22b7b', class: "section-variable" }, h("div", { key: '8079e88cb09fb06ad6979c287ff508ffbcf7fd74', class: "border tet-border-radius--xs" }), h("div", { key: '6656d8d58bc8a971c8f2284705d03c51893b2016', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '476b65b995af6dc209e13ae518cfc8a5c8f56df3', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '551003206550d0c2837b6a87fd817ca174c205d4', class: "section-variable" }, h("div", { key: '1e2b072509079707dd09fbc2b0dd3c1e089db090', class: "border tet-border-radius--sm" }), h("div", { key: '871fcdf1909dfb9497a52193436b0815c147e800', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'ce6f4d186cdbc72169f73f5129303771a7e63ff0', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '16562ac06b68fd864eaf9896e9f8f12ccba3a0ff', class: "section-variable" }, h("div", { key: 'e470962dcbe8e93b2a3abfe9ec4dab6f6537f2cf', class: "border tet-border-radius--md" }), h("div", { key: 'c4090d92e24c15bfd3ab8a63ba8fa90d849e7820', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '369a836f345e5cc98243f81f3c714aefd459af81', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '56f727218b77b3eab70531bbe1bf3cff8a979130', class: "section-variable" }, h("div", { key: '518f8015dc83eb5ade0be351ceb1ba33497cc4d8', class: "border tet-border-radius--lg" }), h("div", { key: 'ae13d0ba31da7466c79c23e82acb49de150623ac', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'd36fff11a548e3154dd0b021783032815a4ba962', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '2a46dae1ac491a26499924569c24a791fb2cb2f8', class: "section-font-size" })), h("div", { key: '494e3e925e22e52da84295b60e4c017873f6c6e6', class: "section-variable" }, h("div", { key: 'e9992af9c57e4849fd90216acc1b8630bd8cd45a', class: "border tet-border-radius--xl" }), h("div", { key: '1be910e217f0cd74d827f71fbfd8caa7d8d60b9c', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'f147803efed405d884c0f3a311b1b18defe5da33', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     static get is() { return "tet-border-radius"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/docs/styling/colors/tet-colors.js

@@ -590,15 +590,15 @@ export class TetColors {
         return (h("div", { class: `section section-${sectionKey}` }, h("div", { class: "section__title" }, section.title), section.colors.map((color) => this.renderColorItem(color))));
     };
     render() {
-        return (h(Host, { key: 'feae49d4b796690fd82fe9549ea0ee480538b6d8' }, h("div", { key: '1b5fcca0ac5770dbd6bd359c3466a50eb0a81fce', class: {
+        return (h(Host, { key: 'c4aef6573c0efd87875574e9d4f55e6a37aa0a4c' }, h("div", { key: '40f7b36164ff06fd25e1c6df674a409cb9e005ca', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: '4beffa89fec368833a175b5941454b49e6027a56', class: {
+            } }, !this.isTokensExample && (h("div", { key: '1ee8e7ce5a98a48a9e207b42929f5dec5a595f50', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '829c0b841c227155c4c963eeb07bc8cb8310eea7', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '9c3c5ca93276e7e91ca079ed52031d6310f7284c', class: "container-section" }, h("div", { key: '97dcc8192ece14fd9b84be0bc8beb1bcb847d0a0', class: "variable-wrapper" }, h("span", { key: 'f537025feaae0f9e144f8608c81dddb45895a327', class: "variable-name" }, h("span", { key: 'a656390a111fef2851212f32b00d0edc6593349a', class: "variable-part" }, "tet"), h("span", { key: '4abb4ec92cdeac3a2ffefafc12c53082c5f4aaca', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'f2290d54ca54a828b6979dfc8fdc51e301297389', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '06ad177894f83722f0f0b60fb76c39f71879d49f', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'f3942f2f9058297a9d053e695a43cc1d1f0855d2', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '1cd0a189367cf6e93e30a53f36792af23c2a5d6c', class: "container" }, h("div", { key: '5334d5e1d615376a94641347ba04fba1c4997655', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '27ee5c8b2df6699a9f5614912c1ab9bb55bf767f', class: "container-section container-example" }, h("span", { key: '39424553dc18cc06ce2f1aa4791ece2c83d4cd97', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'c1970f7a05ebc6b2a5092dd7b115ff80f08d28a5', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '758257e7c5af1998518d9209d8fd8edc98dd097a' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '93c9f724efe1e1de371d81e5417b2d0ee87b8956', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '1dae24b7fc871d44d449107ed4be45b6d8ac3845', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '9eb751b60ddb57492b1d05254f7bfacd9a999654' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '8ee9bf5d9d3bfc8e44053dc3763e6d5d94cf5f99', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '8b2a231b67ddcb7f9fe0263e0b384e5f1dde6dd4', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '881bbac084242d1878f5bfa9abe221d75c0581c2' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '7c6efa8bf865f4dfe49cd8a244241c671de4f290', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ccb88b30a3b9fa7fbaa8a66149c05b2c0aef15fe', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'b9d62b49e6e36c1417c696b32d20fd6d774645e4', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '4dbdd5afcbb88c93c75e14e8454a25fb44e278b6' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '208bc2fc93a892ce39edf5faab458e360610aeed', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '5de299f441125fd02e84af146b6d2086f5723fee', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '59bc0caef888585aefd53f9b186201e8318418a8' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '6cc5df55b48fbd9d9ee246818db62a19903a036a', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '810b07184c495f61443778a8837ed490fe2f98c8', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '8cb9e32bddf1b8901a9e25160179dca5886ebc84' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'e44237b567ffb696fa2b3765cbfc8553fb029f03', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '12e7fa354e90272490ce35d08fcc4565bd736ec2', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'd1e36abbe80b44ec08661620c07682c7ef9bf4ab', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '6429e5da6243a33f5e56681445bb14e4ae46fc6b' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '9d7ccdb9d80a74aa7338794ca998fecb9c4380fb', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '4fe6519ae20eb94b2b4d81c965f013c7382f83b2', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '6464dd54d89cfc4bca536add8cfaf75d9887e2b0' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '7acc74ea6486b8c8f53cb9541a7a3a95496fbe2c', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '78d5926927273052ada904915a886c823d176592', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '8738528597562c94e25bb11303954edf010d1061' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '3b6e2e54040cefcd262604af4339d4c735c1a88a', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4e85437cd47372c6af02440f88ebd0b6ca63f082', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '0ce6d55f25abdad7971e67287dc4d8f71196bf02', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '539565b3d7a9d6ee6f967ca88a1f8e6d4b36f409' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '444e76d71e3b8d9248350c2d4be06b05a4c0568c', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: 'daa1d5c974e97825baa9d2d9125002e08859d26c', class: {
+            } }, h("div", { key: '6bc30a359ae12395f2f08ee0b5056819f02e6464', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '168f1dd45c4565fb23d3dff4fac66a9e47541dd4', class: "container-section" }, h("div", { key: '141eab6743d46289ac35d6fcb69997d3bd4b2fb8', class: "variable-wrapper" }, h("span", { key: '0f6951c534b012a42ff79d5194f4ff057936ef03', class: "variable-name" }, h("span", { key: '24ba8df6ee6d8cd8e43c5634a197dae8ec333790', class: "variable-part" }, "tet"), h("span", { key: '587194f81830db4017062be9f723f8c6621f4768', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '46e422ca24a0749715d7c134ecfdf17854eaf6b0', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '850732fd1a159e2eda03cc0516e7459b26e52e82', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'b3b537733f135b7e0696e674ba8bf34f6f3d43dd', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '75ea8d74adfb7756dc8a8ebe3270cd5eacd0cd7b', class: "container" }, h("div", { key: 'fe6425e82c9ae8c5ad728d137cfc244c5cb0061b', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '0e175ae64e47d57e5cadbb59fbc795810063fb2d', class: "container-section container-example" }, h("span", { key: 'd91a50d2f622ddabcb2376179e230bc8b224ba27', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '27d177635790e9c825970bf7b19fee552fa85fb6', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'a6074650edb0c9bb3eba683be96ec8a0e77e716b' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'f7c17493fe738da3dc01efe2904bb03bf136dc25', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '616cc6db63acc746a1d8cb65d8c37a5cf1144557', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'd371c9b01622aca46503283c6a4a3947e02fbc4c' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd23263b4ef86028b27658afeef31cf0a791d4b82', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '03850b6defcf9fe66860e9721a37037adbcad41b', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '250ce5711f2fb047eea09720d30a91278a792f57' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'fbe5baa25f830b5d2e3d9aa6855ffea03d757ba6', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'bc347fa49c3e8ab11f2eccccd629ac395b1cb331', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '3d086375c0600cab286ef4de27c39d08feab94e8', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '279fc26606545f3d4ef7012e7b2e83eb24f24b16' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd493dc9be720aac3824997079aec99c692ab6a4c', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '6e7520eef7778d0377eafab18a565207100be8ad', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '60bcefac7ae9756ec2ac840b9b4b6d68552d0b0b' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '79bcbb78bcc4fc5a186ae6a2d21c130fd51741c1', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '69d9ce364843090f8863e932d0ef053c074d46e5', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'f6fad801735c9092ad38185f6bf59a1cdccbcd5b' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '08b99f6b8a5c7df5518ec6f9201204257c267765', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'dd88c82de88f0bc4a710c0d64981a20a79a03028', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'f89f62ea6135d6f5855947266dffa90a7bf077b6', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: 'c79a097097f49c3de2e44696627f497519b02d25' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '48fccd9a3a7638d89dac63d2231e19afb2b25266', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '8205726a666ddbd129d8d227819129227a6ffce2', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '9f58b57c7d0dced1ac799383678a2dcfcde16f15' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '0c255bdcc0775c89f42660cb0a51e67a220c1152', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'b5560dfe20db0927e697f2ae2f5233879e61060c', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'b8845afe25aad2e595acb00357512c5f01a55daa' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'e8461c7a012ab9d0066cd4b384d096bea963b2f8', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '6a0e976b7c54d34c97dac198a369f6a1925f4319', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '22045c01be85ffee51a24a9de1fd0ce80338ed02', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '2231c07c063883937d191053ebd3aaecc18b9cf6' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: 'e6b114068243abb7377fc8b59f33303db6df8c5a', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '32d029cb4430b88b68c6417b65d709708e1e00bd', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: '76735e32e5c79f4a88ff13f9ef4f68d134e4c96d', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '2b78fc5d1c8413430a447afc5fa55ab1bad77967', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'dfb902c238da81796201405d0f62d0bac05086a3', class: "container" }, h("div", { key: 'b286ec91d4cb8742e7d86cd8985586a2daf97679', class: "container-title main" }, "Tokens"), h("div", { key: 'af9cdb31caaa0128320091364c85b3629d711aa2', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: 'e9c8a4a8c75c04fa394372a8ac6df21fa75e9dde', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '1115324397799a6ca52f89c98bbb972597931396', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '9019806bdace6d5b4aac48712b6a561849c72e82', class: "container" }, h("div", { key: 'd65fe8879b5573fdae4a14b6692a85c1ebb8d507', class: "container-title main" }, "Tokens"), h("div", { key: 'c8a45fa57a1fe7a4042075172d2eee0adbf5c453', class: "container-section token-sections" }, this.tokenSections.length
             ? this.tokenSections.map(section => this.renderTokenSection(section))
             : h("div", { class: "token-empty-state" }, "Tokens not found.")))))));
     }

package/dist/collection/docs/styling/font-weight/tet-font-weight.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFontWeight {
     render() {
-        return (h(Host, { key: '6082f59d6d89d845e80371c1a86c80bc719f7139' }, h("div", { key: '195dd27db2aafdef5df1f19a1c635a0900d17d8a', class: "variable-container" }, h("div", { key: 'a81597b4cd3ae82271cfcb38efe959c9d04cc28a', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'd57ea4ff78d1dcf12adf8204bc96a62c30873827', class: "container-section" }, h("div", { key: '718a2055671143ef63f9019d752ad2987591d114', class: "variable-name" }, h("div", { key: '4170d5d2ec2ec79328c1a22dbbe90ec10dbbea3e', class: "variable-part" }, "tet"), h("div", { key: 'e7fdc9fbfb6decb007bd7f8998ca33b42aa7ee11', class: "variable-part" }, "-font"), h("div", { key: 'd118a411702d0bf08d5b12470e9e8dd8a15b99fe', class: "variable-part" }, "-weight"), h("div", { key: 'f541292c76ebd9fc062a81825d3b8d0fd52bb8c7', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '3e0f45a01d4258216dddf0e9e0ade44db3e3fab7', class: "tet-fonts-container" }, h("div", { key: '6519d010802747670f6cbd29f876dd11e52b50bb', class: "section" }, h("div", { key: 'f651e9eb1e596dc85697a7241155071e2df85e50', class: "container-title" }, "Fontu biezumi"), h("div", { key: '239a2b1107e15102758dfbefbb6565087b0f7f07', class: "section-font" }, h("div", { key: '03e9924cb2a8ba08ae5542fa6ec0537c64d2d646', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '9dfc458a00ee0172a2e8ebe1f2c1a7957f5345e0', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'dc97263e14fb429cf5a8b41ff6118d987ec8f28a', class: "section-font-weight" })), h("div", { key: 'ee836a2c18e06fef5612417c1852554f32e5395e', class: "section-font" }, h("div", { key: '35a6b2747007aa98480ab20e86d9cea3125db537', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '58eab86766d1b7d4e822dc080f7b779320e5d0b0', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'dce6a2a230de315583739e71224d15821daf164a', class: "section-font-weight" })), h("div", { key: '162dde2b8760e649af4ae86a6ffefa1f02e8446e', class: "section-font" }, h("div", { key: '5c487b0f201ae0a66cc6bc28062545fcaf7299b8', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'd3cfd8d1a471da30375b859e5474469c652fb14b', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'c4df9f20871b1826e8e06d4dabc1e5dc959bc618', class: "section-font-weight" }))))));
+        return (h(Host, { key: 'a1f63b323e79052b7b60dfc3d7bcaef80cc31dc3' }, h("div", { key: '9c738116848219f9f73f6982e706d3eb55d2a071', class: "variable-container" }, h("div", { key: 'fd1ebc99c2899f0eb75d4143a6204d0b6889f85d', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '55299d5a5c6a79cfcc9a2fd35ae7b452e543cd22', class: "container-section" }, h("div", { key: '133ad559c0c2c2cdb882406b76f5f9f07640c7fc', class: "variable-name" }, h("div", { key: '6ea5d0d3b44726ee871e67fac4d7a7cdc47df66f', class: "variable-part" }, "tet"), h("div", { key: '6372c112d20232042809886cac0e8e4f917a26e6', class: "variable-part" }, "-font"), h("div", { key: 'fa24620fb7b493252b8bc579b179f47862cec990', class: "variable-part" }, "-weight"), h("div", { key: '1a58c1f766fc606474faa4845164bb26074b801b', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '0b2f0e497e6bdc04cf1a4cc666c395c17acbcff9', class: "tet-fonts-container" }, h("div", { key: 'afcec511cf723282a52076b2c0ebda4a56966219', class: "section" }, h("div", { key: '88cbd2a9916f049c5d63675e35faff87d72a51b0', class: "container-title" }, "Fontu biezumi"), h("div", { key: '716722c314b75dfc56264d9413e9a7a0878a8d80', class: "section-font" }, h("div", { key: '8ab60a159f942bffb7c8984f76bd0e25d204800a', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '335a607fccaf27cff27a95ab84c21ae08cd1e734', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'a0cdb8ec6e2d3a2fd21406142b309bd32e33651e', class: "section-font-weight" })), h("div", { key: '69831f9d5811e407e8e3776759bf677a63c8ff7e', class: "section-font" }, h("div", { key: 'ce75fa8db9cefcc5dc14db1ea6ddbcd66dc87172', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'e17101ac9c9dd52b3fbe75d4572065fb95a6608d', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'fbe4436ce30c1be1d9d71e96de94a8cb84284ca2', class: "section-font-weight" })), h("div", { key: 'c80d94c63074546fb6fa6598cb21aa8cb7d6c823', class: "section-font" }, h("div", { key: '69b0d18b1e767a32feb9b80d84bbab0a325acf1d', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '6b1a34faf295f20e389e4cc57ae0bffad1b5cd04', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'f7b4dad1fdc23ec54631903f87b7054923eac307', class: "section-font-weight" }))))));
     }
     static get is() { return "tet-font-weight"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/docs/styling/fonts/tet-fonts.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetFonts {
     render() {
-        return (h(Host, { key: '44dbeaac0ba43de33cc111ea1bf8f0774ffc5648' }, h("div", { key: '467d0304d070b7b9f9caf31d25ad178742910f91', class: "variable-container" }, h("div", { key: '7a5a539df60b4f3bff2c1c7ebb2cd120b3c3d142', class: "container-title main" }, "Fonta klase"), h("div", { key: '8c0b929e837b37aa34a4388c19e06ee832ef028a', class: "container-section" }, h("div", { key: 'bd702dec37821ff6c85c2abea1c04b92484d776f', class: "variable-name" }, h("div", { key: 'bbac8c6684cc8adb1e0682a05b72da55f7dc9cec', class: "variable-part" }, "tet"), h("div", { key: '5aecbfc3cfa21dda1123fafc37a8b94ab0c31cec', class: "variable-part" }, "-font"), h("div", { key: '727e60fd3bdd216a6515ed74be640c6ae5420649', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'daf6f05f8c7474d913cc26071fd9bfc8f8b63efd', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'd2f1c0df3d3c6ab78ec7dc48b87a9221885a3ac5', class: "tet-fonts-container" }, h("div", { key: 'b973d1c6e455d36f8ee8982b9feab15b7f42bf18', class: "section" }, h("div", { key: 'd2ae8a302126629785d5abec5b9c8d3842525627', class: "container-title" }, "Body - Inter"), h("div", { key: 'b5d14d1c7ebe57231baad18eac8be22e6929067f', class: "section-font" }, h("div", { key: 'bf1443a50e8e8d53191d21a2f73eebee31b2b8da', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a8b0577d1866881a82e93e59544c979454b7aaf1', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '2d40c9f21dcc2438190bc4a1e8c338aa81cdb56b', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '27bc2467685d3c6220cc4073a6f5d85d4aa7f472', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'c064165d2ba3b22f1e0721a93b04b18a6d6c5e76', class: "section-font" }, h("div", { key: '0f4255cbe07c33e85363a1ccb0fac935f8325ab4', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '04531a81fd37e7101f94b237abaca83bcdfe999c', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '694b2fa532feae0bc944a9bc755ff602387fbd60', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '86a440e85eec43a402fac0708c083b84feccbcd4', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '82af4004b4275bbe8b75a5c6952f2307d485b27c', class: "section-font" }, h("div", { key: '2e3b1ee70f8fe483b01af14bde5ed078a0afdb0e', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e99fd2d477627d24254070cbda11a20eb3e2394d', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '1b35b1d1aab21e552a1ee1ebffa1234b0824fbec', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'f6ec85736268259fb5690492db9d6e9fd7117825', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'bb217d118d3d83f1f6ff7040bbd3fa3561d34a7a', class: "section-font" }, h("div", { key: 'da58cf2845397f87251d05fe11b2823661e38d47', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8d1e3f561e7c0de50d8d19f8f3668b7d6ba6df48', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '655e99aaac5ad4c2d08b5e46a0b130cdca329833', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '5480dd5e6dacd69037cb8692af71631ba58c0e57', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '8893aa57d30647e1fb3f38aa4f5d1e15e2ac4206', class: "section" }, h("div", { key: '2056200d89c9cda551681094b8e994bb053b7897', class: "container-title" }, "Label - Inter"), h("div", { key: '7922f06ac274af12ceb8d05217d2b9e9f717cf53', class: "section-font" }, h("div", { key: 'dc41bcaf4ac1b5c846df3cd9b0e8152323a136a3', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '504c1b7211c2e51ea373ab0d6f7a023726e4098e', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'fb6620a65b26fbf8ff3b04ba114218c008c3084d', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '336fb46abbc6de5348392b26a0a414c0ed6c5406', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '05f078853863d6cbabbdd868a8991090146faa0c', class: "section-font" }, h("div", { key: 'cc2f27f6b353d417e02a90b15005392efea1fc6c', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '300471540dc8f69de96d7da60133daa537057de9', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '67c4416f6c342a3e3472a247079fecc01891bbfb', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'c05d5d5f0c673e8a609f85dd4d0b5b01ce80cc86', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '2e4d7536fdccdaa9970abd52573c7a6400621895', class: "section-font" }, h("div", { key: 'b1f20da2e37e2bacd8bb59a4482041a97c24b496', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '75da7f3bee385b4e036cae5d6b15777a56bf6c0c', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'b8e54565c235a449a695c9ad627612ac8cd21536', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '319009fdeaec776c3b6e00a2d5b79a4d26f52250', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '8cb323d16754220b883f8681a1ad543ac9beb73f', class: "section-font" }, h("div", { key: 'e9eb479f8dcfa4eca252ca23b9346afd82ccc6d8', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e0aec6e5c6e046db44483bc8dfe3dd1cbfc5593c', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '809c369c197d5a5ad77f2fe390f1b5c4c365319d', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'f6191df16526b66cdc10e2d81ca576b7ae9f336c', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '101c2a9eb5b5e3bb6103e2e673c92d6eb1ce8a01', class: "section" }, h("div", { key: '19ce8f51b34b34cce02ecfba32d5e8ba4cde6e30', class: "container-title" }, "Title - Inter"), h("div", { key: '805c5414084d457e0f91cd75a08d6dbb0d7dd12b', class: "section-font" }, h("div", { key: '2140315d3501fb24c07aaec6e8846735c3732fa4', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f7f177bc4e640f507e9e13bbc6b369ad6ce29073', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '559128114c6b8145bba34d27407d7c695d7d22ca', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'cc5a7aad39b2e1d4d3e73bb320703ed988f05e00', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6fb71fb918eb14ed2c7323d035c87eec4a98f1f3', class: "section-font" }, h("div", { key: 'faead846f155418f280a32e1642c4fe1c87fe126', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '73213937468bfe5cf04471d8eb32477037522c8d', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: 'cb8404e3777f93524d21b7731b4e61759cbf6f1b', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'bc898e259f39328a2092221278aa8dbc252feb3b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e321a8d4da461cbbb553ed73c5aa18cc006bfe26', class: "section-font" }, h("div", { key: '34032bdb794528f21288e33a9c90ae28cb423cdd', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'dd0c1497922b19769dfb3921254b2ed182625b94', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '35b728bc9250e8a754440eb9f260269e648096e1', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '4eb20ecafa89f013e5cd058ee86de8314d4bcb25', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'bd02d7dc2e551d65812b9f7fedf4d8352313f250', class: "section-font" }, h("div", { key: '1f2bcfd971cdb2af8a33859994fcdb553a10a53f', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5316bce6548a4e8d6fd04244ba9141c94722f20b', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'be7db4e36cf7c7ce54ac3bec183af3c4dcdad2b0', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '9cb7f0395b28a7b7d769b9d909996c95d22e8caf', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'fed5bcc7a631d3a9ba147c5e0b1abdb48e434ab1', class: "section" }, h("div", { key: '3b80dd938dc0bbb87698eff06df2c20d920a50b4', class: "container-title" }, "Headline - Inter"), h("div", { key: 'aebe83b8cac4cefae24e03f397c863e1afae0f7c', class: "section-font" }, h("div", { key: '61660c586a32757a2417bfe20ca5c1eb49a69896', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '46bde098b12d7528d955faa0803ac1c27b2e7cd5', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '72429bcb401f0ee2fc1d72cfb4b943d2e7d4ed4e', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'e3bc21d8e06422d3256eb4c9f682d1e6925bf545', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b4b1bdc0322ced6a869bb05f367098167109916d', class: "section-font" }, h("div", { key: '9896f8b85ec3987428be46f2138b9ef382caea4e', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'be4254c6d2a7630fbdda0470b5ab336e932e71e0', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '96dee0e94b07f186261ad06a837f2579eca751b5', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '84151495b04d88daa4e7e2cfc386205830451711', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6c21c17cd0e68c6df5923834f932d832d1887382', class: "section-font" }, h("div", { key: '06a978f182f8204af2be109c2c3d037eea86a214', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '11448c72b6f064b0603d29a919dbbed7ec35381e', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '67438918b323841b1cfac9e14102767a4c7f3c33', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '4b898dc9ca801498bc6cd93182a6e701d1d1f783', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '5f6ee8396a51a5ab715eee59aff0b0a19f00834b', class: "section-font" }, h("div", { key: 'ab3c7056c2475c193731bfa152b4893c8124b49b', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e49f4effe4de5d797f558924af8fd67b40718b43', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'd94f723ed965093c4a7daeeb7f9931dc0bc9081d', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'd75cb6f50ca7e194f131d45f670c6c45a28f45e4', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'cca9c45feda022d719d235c9a9b4506c394e750c', class: "section" }, h("div", { key: 'c9983bce41c5d70a5f9a9d77e5062cffa66ed089', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'a0ac58046d86fd0ec80dd74c7e28bd2463203ce5', class: "section-font" }, h("div", { key: 'a39a72406c9b6692f1c073d51927e0205948442d', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '351cfd3f7a32c88d77aa0b3559b2ab5235ea34f5', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: 'aab961a02733104c2e19b4faeb1bdd1bcbb5e6f1', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '88e3b337cd6d7be88cec44a8a5b0e2d33f6ace9b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'fbf80ba688c47dc2617687be086b60ee79903c3a', class: "section-font" }, h("div", { key: 'dbef6dc16acf36971786175b50b68cff87d42d7b', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '73cc76f8f6d0ae7798290d92994a5581825691a6', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'bdbb3b78d38b0864ba3c63d0e1947f3b9eeb7876', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'f7c79b5cdfa87e7d085d79e805ec8cea658cfb35', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a88de4b4a68af1bcec69f6afed393f4225e10261', class: "section-font" }, h("div", { key: '8ec5b2b4ce03bd0a634fb0aa80750eede95af704', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7d09c87218b6544f9c47b3ff5491822e41d825d7', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '884fac765d16740420e90b24aca414a1549883f7', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'acca620711a07671c809063e2793fe84434574cf', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b3e5337f20be21ad9e9a247a398b513a8287a01a', class: "section-font" }, h("div", { key: '4ff3915500bf9122724b8354ebb747c4d7cca6a4', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f83ab369134192d11cfbae99cc333b4f44382a7b', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: 'dcbf255b6a88bf3e727969262da88890a3bc7e9c', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '3de25d675b003269a30dcc75b7c11144ff8e51f1', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'f2bbf618cfe35f5008bfab130c23d00867982b74', class: "section" }, h("div", { key: '198d86c582c544c92b3f3916ba7124b8b45965da', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'f21a99c8808d74a732faa85a113bec2adc521c84', class: "section-font" }, h("div", { key: '73ad3cae5ba1ccf41a1d0a6dbdde3d59936247a4', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9a02656b39a557c0781b9a623383c1a60eed2494', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '8271ce3769da0f34ede5e1c0785fb84387043b06', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'a1074328b6606f1e035533157593e328fadb8017', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '52d167f196d3bc857ef391a6effdf8718307ebcf', class: "section-font" }, h("div", { key: 'ffaead77459f46c17daa2487ee18562010a9501b', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0234c985264ad508d6ccf972c28408a6b57c73db', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '07207821003e9a72a9b7842b0445af27ad5c19f5', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '81201b5e8b24211c6ab394b2ddac2eab728a6df1', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'daf147e266057c898fdbf3b31ca0ed2d04fb55a4', class: "section-font" }, h("div", { key: '725a499147489ffeacb84f7941ae4aebafcec8e0', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '01b71b2e6341e308604e926a254d5eec359f1bd3', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '684ca8201259bfbc7bdf9de4d83c1a35a5d3c042', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '1e18ee48502a3333327af6c1e86c0bda32e1b5e4', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'adbfe84d07dfea526554db2c4b31795d5cce6a4e', class: "section" }, h("div", { key: '5714f92e794a9a1fddfd48ecfc85fac2c5b6ad13', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '6091bead8222a3f94a03a7ebb92442963970f537', class: "section-font" }, h("div", { key: '4258254606ea9520f943054d0c6530bda6bd1bdb', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f7e54228a5aaf6a01b8e29b8160ec777d10b2810', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: 'ba6a467e9b00c0dacb7d857f3213350039c0811b', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '54bc23d5af457e98e96562931da1c63d947bce17', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8e7b8cb5c1daa494eefd43d2ad75f4152505aea2', class: "section-font" }, h("div", { key: 'c62e861bf1de7a321207a6f2fdbc92372869fb2f', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cbc095c8f01f279a206128d6fe6e007bb4e17e96', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: 'cc95c1c8e90ebe960ab2b4aa202484266badc045', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '76e827ee80b3211e8e14b2fac812ded57a808c30', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b08eaa4268e68b6202e0c17a831447912187aa9c', class: "section-font" }, h("div", { key: '883d35fd4ea17f69293e14d8fa536ffbaa1902b7', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '16efaf4932d6566b650758d38ca4fd9a32a2c00f', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'ee23e2c707d758e424717005cf07130db75543a0', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'b3ce3371a8448ab119df1c22a153485e6df4978b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3f4e05b8607a98246ce6c47efa67e95c93ceafaa', class: "section-font" }, h("div", { key: 'c4eda5e4a838cd89207199289360b0d277842569', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '734e80b4938697cda5dbfec5d89073f72ebee74f', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '7f00551ec4b32250783ab0f2adf6260b7a20deee', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '6a5004e81ae9513cae97bd57e5101344d0ce510b', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: '5b808002675b7da77b8a588a5616c2e3ea78807c' }, h("div", { key: '5f8f589246873586d2b2afd904cd03d7d0005dad', class: "variable-container" }, h("div", { key: '209e290454c42b001d73bd6ada4f74498fafb5d0', class: "container-title main" }, "Fonta klase"), h("div", { key: 'b0b1f9423923a2fbe4bba674409b33ab0e5a4ec8', class: "container-section" }, h("div", { key: '70bbf16164da45c8c37bcd2dbf804f86c2935330', class: "variable-name" }, h("div", { key: 'e0685aee8bd82add054495477f054175d75d8779', class: "variable-part" }, "tet"), h("div", { key: 'd56c9852f5024bc3753517e32d0f9257cabee7f5', class: "variable-part" }, "-font"), h("div", { key: 'b454ca7d3446b5d853af0e64fed91bdc8ce84892', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '495ec88299cbf2cb78195e0c0e3cac79ebc64c47', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '21e0815cb0970118011ee361290f53c795587522', class: "tet-fonts-container" }, h("div", { key: 'a749b0392f4570df481dfa9019ca8cb4d2315700', class: "section" }, h("div", { key: 'a637fb394101a992aa100d6e838154b93a2d00aa', class: "container-title" }, "Body - Inter"), h("div", { key: '0ca1fde1504be82998dcefb194adb44d577b0d8e', class: "section-font" }, h("div", { key: 'c25e7ddd3a4161a69e8c5fb654d40578f93badd1', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fe32b1cff2e5288377eed37665a675b73eb017af', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '60058a6f555a96ea9746b456b6985c2f50cba48c', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '6902a9e34b6077271c8e7a885126ec3f07323c74', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '9c620dbee4532b8cd02c77324a5673a3ba9239a2', class: "section-font" }, h("div", { key: 'c4c5c2625ebb9c5b3306a22fe2b058a068485916', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '02aeeacd5b05df9b4507f9a3b94a2bccafb64b4d', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'd3d5ced0ef663d0b4bae917df59d93c216fc5586', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'e0fc30b79a72549e948f2cd1020228a6fa014788', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '693fe1f1035bda1314b95cb44675ace832443a74', class: "section-font" }, h("div", { key: '3dc78091060fbbcdcb473e34b0d31435ec4b48d2', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '780eed7b9fb1743cb360d083ecd7af90fc30e8ac', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '193091ae7498760b665c196759ba2fa81a1beb60', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '87cc887bcb870ad8e1a2edf1c15f159f259feb6a', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'a0593dc261cd35adb3c4e43cc5b47fff1dc7c8db', class: "section-font" }, h("div", { key: 'f2af34ab9b58c2d9c950948c9c3b3001ddaf1e53', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6c5ebca00d1c52d13a325cac2c7b8affaf0a9183', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'c9d7d056041e7ed7f300312f0eb308b94950467b', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '6aaa2a577a3ee492a5c1e964a307deb292f88d0d', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '62572e00a071d8034040d771c496d4f49187ca9f', class: "section" }, h("div", { key: 'e998b14aa6bbdee23d333846f66aed8d6f7c4246', class: "container-title" }, "Label - Inter"), h("div", { key: '38d9a9e22b369b0288d43d432c07c345b1e3c167', class: "section-font" }, h("div", { key: '0191e33b5b7ba36b8e4f0d7273e671916a92394b', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'db7a62d7acce04941f95ae0d78d81715013e12c2', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'f0f36ae767617bdaad1f265c3e49a41fd10cd591', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '87e7371d803eb9d1f447e3cfb2e0784fafb6b26f', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0a6a0e6c08b43fd3e302de99dbd6ff1a5a841a3f', class: "section-font" }, h("div", { key: '1396e1c02fb81033b41073f6bd80f54485037c44', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'eb9b8d70df6b9272b7d941278792188af2cfb3d3', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: 'c77b494244330ffdd7a3504cb27ecf304e225a86', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'f568d011b0f1acd8cc9f5484f2cba90849af1215', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a9f182e2967923db3eff9b727629cd7fc06ef536', class: "section-font" }, h("div", { key: 'd9b9baaf330655cfd803f3e64cda3fd778de9a7b', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '40cb7daa12cdbd888dca34852ab50eb5f41b059e', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '32aeecabccb755d3ba830ebec21ae733b5e3b4d2', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'cbbd4b9b1a8cf7445196acbfb80afee94658fb36', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'd3d43209ba86125ec8ad3ac5f98d2cdac2de3e8e', class: "section-font" }, h("div", { key: '72588b6cdc5ef8bf689e2aa9f27335290f9d4370', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b78fdcbee56843b456b7c69284ada397620a86dc', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'c6d4cca80025ac3ae631897d4dbb1573be7575d6', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '33d2640b54979bd2f476c556ef8b86d86a588553', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '1780ae488009054110f811158ed2b4d7f5e3b636', class: "section" }, h("div", { key: 'd56603bbceb5fba51a97c867e8a0eb0c72d53fd9', class: "container-title" }, "Title - Inter"), h("div", { key: '1f417ff471ca80b417f746c3a8a72a9851167293', class: "section-font" }, h("div", { key: '91d53adca4607385c45cd8b0b98875742d7e2939', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '85b23919c276f72fb2258c7cbbdaf6dc076acf5f', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '29029bc41171dc990c1ce9a6a205e0d2be2ca4b0', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '458cb09e1aa4c103aff085ee2b6a9405c2ab0d78', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd96e897df5b71daec0062a4f9fc27f21b7e7d41e', class: "section-font" }, h("div", { key: 'd093b1585c7132d240877484c02926086b623ad5', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '71e3f3172d6dea1a207ce90c87f527fe9fd462a3', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '835e1959f787f6a25f18f6342b5b5493a516fd06', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '45bacebfe235247946ec62552425bb1a378ea211', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '45ab9cb2f35e4c9b6ee2597a9052db73cafaa6e3', class: "section-font" }, h("div", { key: '9dd3f5dec2e1c852f0700de6caa07a55317543ab', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '40de612e2709eea3cf7b46e06e729832d40a9f55', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '58d13373fc9329e2cb8d943bd70fda8d061aedb4', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '8d0c62537f95b4158df476c6c1f4be443769af8d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '674feb2c7ecf75abff0695c013a6193d499d38da', class: "section-font" }, h("div", { key: '91db905a93df3cfb8d365b67b53d233e8b7ad067', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '07c9b86bc283ab041d45b1aa77a3682c60df3774', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'cbf54b3c9a6daa3abccf84612d5695d7f8424267', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'e2f0ffe8d05f9540368c5b4a310252653a8bb53e', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '9fae24adfb85ab5ec14adbe171b41eb95bccc174', class: "section" }, h("div", { key: '961995a684c02888a29d31787969ac35cced9262', class: "container-title" }, "Headline - Inter"), h("div", { key: '292b92cc7a111217c98d85565951d16d55d8e474', class: "section-font" }, h("div", { key: 'a0e08b71845f994e525c07aca6c8a9e85f155de7', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '18ba41174e81eaac7f52f6093942448984c33c17', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '83af5401007f3ae9500940696172412c004c08d0', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '2ba7e05088f2bb9e76fe9a001998676dbbfe1fba', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b56f60e2dc3e4633a5b09bb10a4c8ca7d3c9b008', class: "section-font" }, h("div", { key: '09268a6c9aa28989261c5da209762949f4ed3c02', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0b1f4f9c84d7d9bddcdf9f6e35d3c48e2525a2e8', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: 'cfde9f861b109357aabd275e097fe1eae4ff2924', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'ab9b4fac0a3b88b971b82ab98397fbf8d5f756fe', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b5f625f38d79df9e5e7fe366f05078de6cfd5403', class: "section-font" }, h("div", { key: '4de4e6afac0d45a0d753d108dce2a7d349cf3949', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f3fc30f5a9cdfebf9060a1d43e629d127bfc4b5d', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'ab5561baada38832f8bf5b90354f1109244daf99', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '69c9ae4ea4b410d03034010c4e9b4bafc99c45f6', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b31e49f9b883b70158660d2df10e39d7897e2fa4', class: "section-font" }, h("div", { key: 'c9d886d7dc64461a3dc7faa0b2ff432d9771c653', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '18b411392a4ce97add3eb0600cfee03d7db4c73e', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '3179d57dfd802153602fc264d7da75af188e9486', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '1b10e0668fed56b7fae38965e4bce5495eb38cd4', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '258d08da4aed6fee696b7fb4604adac25692b30f', class: "section" }, h("div", { key: '63ec3e18cfd5d4d5d4cd7817f052fce78e76b50c', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '72388e42291901b81dccc06226118bbfd85ae58f', class: "section-font" }, h("div", { key: '6ddc9bc53a588cd02cc11d34e170c05af093b93b', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '12bc553fc8087aa004a6654172298700587ce6ca', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '596bf38a8f46110a7c396132da48097d4908d245', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '497682c7d368ded60c8d263ca9504b1513c33d04', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '912b923586ef27b259d06315d684bfb05c227b3c', class: "section-font" }, h("div", { key: 'ef401eaf6d5885217577652763771f58ffcfc04d', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ba656a0e351f3067eebdf5c3deca56f7e16ea1c9', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '44cccf81c71e3f2cd536bf1bdb7380386f234efa', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '8f0d7e1ad821ba9d6093dcb56d5c13c204aebe8b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'baf15fdf2453b3b98e54a87b4467437402694a51', class: "section-font" }, h("div", { key: 'd15eeeaddaf5c8cf7b5f397fb08db4dac9814c4d', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '655bc3d684d133b27d3789b68daa5bb8949a5437', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '53dbd1f401220765561061e2323e84662301f7a6', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'c73daee17d8809c0ffcc051bbcfaf734e3db5e5e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'c27ddbbbe8e64d8328587372422213e57ed2f0fe', class: "section-font" }, h("div", { key: '3c6f2bff536a5194afcdda4b7dd3ff122890779f', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f922fc1b8380f147cec3c8c0db8746880a8e19d3', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '6790a298984bd06673d280e18abcd8482731151a', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '03b187db5fa498e8f4d3ec49d07c6790c57c340a', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '830942fc11e329b89d9b95af37ed7f9a5c3a7c91', class: "section" }, h("div", { key: 'e02848e55e0fca39b1f3984cbd182ff077a8cba8', class: "container-title" }, "Display - Gilroy"), h("div", { key: '59857e597df96123e81ce6770d7ef3cb8a9f17a1', class: "section-font" }, h("div", { key: '55a686f2103d70b87faaa9fa8131e453d76b2398', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1d84829b93a6000620e5b7b544a68c2f1e31f177', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '42402f43b8b7a1fa07038d09e622c4f0dd43c231', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'cb2fdde33e365d9d98b757022ce71ec9cf5ef078', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '920bcf020666c0c7400389e6a44c73e08a9c73f6', class: "section-font" }, h("div", { key: '73630373015922be81c9ee38bd789f72c5b775e3', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ba0a19862dd72c6acbe4ecbc9c53d7501e6acc46', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '86eeff724f0a4d8273a7ed2f9a0262b8b74aa2dd', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'a18c5ba092a30b58ad7d2a3bf91245f2d11c051f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'adbaf3ddf3ead75f49b099844e0f79788eba51ca', class: "section-font" }, h("div", { key: 'c7a474007a90222fcfe0af57e2aafb6463b8171b', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1e66b183920e53ec474c1cc2cf4eb3bebaa63cec', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '182aefeb8f2284ffd10b80a14e2c0c0eb024ce23', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '6c964fbd0636e5ff8c3018f47ed68ba07a798262', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '627b002b195b5c582424362987aefe0f523a5f1c', class: "section" }, h("div", { key: 'bf5e79cc8a87f3cb717be43bf60f10f557782b6e', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '1307c2105555e3b25ef5c8b697ec7309676a253c', class: "section-font" }, h("div", { key: 'ebf70bd419e6e8da149aa8cb45338196f4fe4492', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '24e83795545f6174f451b30bb48f18e5a67b6cdf', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '1ed97e1090ee361c00e3b0773bd10f6588e4016f', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '2e571bc5f24c290bfc1a04ef6d96afb01a0b9c13', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'f56d2a14849cc286f61e48f39ae52e22ff0d99ba', class: "section-font" }, h("div", { key: '7c6ecbb2a3a7cae279cd32f21def2bfba6415876', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bcb611bea1bbc7de7393d29cfe68b3923202c0e1', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '4f93eb385e4f137f58c74f68524f055364f03f80', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '915b876cc5307234bc359277b6c2e6b6f8adc12c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e28c6d1ad4812cf0dca370a71dfcc61dabfcd770', class: "section-font" }, h("div", { key: '18d7a1c7b8d86e3d7404bc6591dda92dc4ce8743', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '604a94d37b163b0d7df7958c5357e979533897a7', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '3dbba74ee5d5ffe3df260968809b284c4c72c633', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'db0e38213ecb47ff34b59b84d0f9657c0b39c8ea', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '60793d5ff7fee284e64750cdcc0f8736a3456828', class: "section-font" }, h("div", { key: 'f804ea5b7987c2a19f29b47af69e53065a75f02d', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0af445556bf0761a16944c35239611fbce4cf218', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'aa7b6b610e0bfae775a651a289da298bbb383d86', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'f5ffcf3e3f19e2a9cc08c3abf0c89ddb23f1d824', class: "section-font-attribute" }, "Font weight - 600"))))));
     }
     static get is() { return "tet-fonts"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/docs/styling/layout/tet-layout.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetLayout {
     render() {
-        return h(Host, { key: '9050639d9f92e9270d4d0f8307a2f4e224c994ff' }, h("div", { key: '24b488ee30a636aac0b6843e4d48730eb40960dd', class: "container variable-container" }, h("div", { key: '07cadc2e5183e87729245c4aaed3f070fadb70c7', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: '3298ed25a2e8eae3daa274c4a79e953dd1f1789c', class: "container-section" }, h("div", { key: '9dfdddc6789ead8e1d037655c657d4e757531820', class: "variable-wrapper" }, h("span", { key: '4cc9c1bcbc8f14fdedde6702f783552590182414', class: "variable-name" }, h("span", { key: '27fda1dbf26eb62932420184e564d5992f499cde', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '1cdba4166926d42ce0c210823c3adf6ec29e5e5f', class: "container" }, h("div", { key: '57e927f1c86ccbd46a7bea7de236455ce1a0e397', class: "container-title" }, "Piem\u0113rs"), h("div", { key: 'fdc17b66606ef1c819a17bcc28d674ccba87070e', class: "container-section container-example" }, h("code", { key: '35cd671a9da29f27c28b78b7a87cff640879e8b3' }, "<p class=\"tet-body-text-max-width\">Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim.</p>"), h("p", { key: '5c7278be0f7177d082abaaccd94fa0acf9805574', class: "paragraph tet-body-text-max-width" }, "Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))));
+        return h(Host, { key: '093d9ce3bcf64681182c741ed4319694d75d9958' }, h("div", { key: 'b73e690b7d6b1b6cd8ae40ec21be6b63fdfc34b9', class: "container variable-container" }, h("div", { key: '1be145383fa10108633922ed9be5ed0066e78d52', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: 'e44e1ff8d39c560d9006c4ab390e9c6786e638d2', class: "container-section" }, h("div", { key: '8aedafd1bb6dc54413f536b9c65e26b08c05da6f', class: "variable-wrapper" }, h("span", { key: 'f80ca7d4711c4c0af539e5b8b2e8e13805eb8c00', class: "variable-name" }, h("span", { key: '2d53deb5c1cb100aca7d98839e34311c1f70a3f4', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '6434c339d15a5e7cb5797f1ade832500d73cada9', class: "container" }, h("div", { key: 'ad5f2df863e8e581506462b375ba14d8fd14aede', class: "container-title" }, "Piem\u0113rs"), h("div", { key: 'dec19e69a41f11ccdf9c25798fcaca08fa6034c5', class: "container-section container-example" }, h("code", { key: '5af9731fd25a6481b3dc0e4871d1a0b33b5b9e72' }, "<p class=\"tet-body-text-max-width\">Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim.</p>"), h("p", { key: 'f7dd501a7b18abba9b91a78af7430b35c8fc5a4a', class: "paragraph tet-body-text-max-width" }, "Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))));
     }
     static get is() { return "tet-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/docs/styling/link/tet-link.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetLink {
     render() {
-        return (h(Host, { key: 'ca5be62c7e029fa20acd97301bfb061dc6399118' }, h("div", { key: '61bc26a2c1e79c54cbc9bf5cf4ed93216d3926c0', class: "container variable-container" }, h("div", { key: 'eb3d3ec74194e92d649ea02299ef247fa9bf0680', class: "container-title main" }, "Linka klase"), h("div", { key: 'da1435da04ebd4b7aeaf0d7b184d9f7b98ee57e7', class: "container-section" }, h("div", { key: '61762519762c1adcfed2be30540ddfa98f33954f', class: "variable-wrapper" }, h("span", { key: '72f1def51f7710c10ded7c817cc6f134fcc2c3dd', class: "variable-name" }, h("span", { key: 'b9bc83f28d9e9668b1f0bcbfe0e0facabc792ea5', class: "variable-part" }, "tet"), h("span", { key: '2ec9253750b4fea27b82ae948dfe223f146df56f', class: "variable-part" }, "-link"), h("span", { key: '9ad591202a647d1bcf3dfd5b69201b0493184db3', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '3b9b95235f7592940e16a902a4c2016a132e6139', class: "container" }, h("div", { key: '0f78ef4dbb85f597e681b936efa13dfb07a62474', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'd41277b24341838de139912b132f003da0485838', class: "container-section container-example" }, h("code", { key: 'b0bd58196e2e469ca5da1a42d312dfc6bb34ec1b', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '48121cfb52e75d78c1cd1500e6534ff0e74db5f5' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '1ce58c4e05f6f4e96d528be0303af0ea7b94c174', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '55f15d15d22855aee726d64ead79b30947bc8bb1', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '2a6f769c54b2d02a305220e524114b3d2b1e1334' }, "Link klase ar bulti\u0146u uz ", h("a", { key: 'bf2c109487e901acbe8bfa175d550ea8dd2d5092', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: 'a3bc1eac51db2430fccd32ecf3d2131c385a0e10', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '951ed91609bd80dfd85dfab183c9aaad23cd2c36' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: 'b4abb97d615eb500b26f1091deeab1fee7e318fb', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '2fa35653168af70a9f746edcbd6227b837f090e7', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '89e6cd408bd7d3c5d9ecd605268c27acc5a4397b', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: 'bbce5375ece61c36c8d59ef7d205fd2607136a79', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: '8bea578f6c86de66a575c5fead22f02d3ef3333a' }, h("div", { key: 'c2492ddf686ed4ada2b256d4b52d540e8239b13e', class: "container variable-container" }, h("div", { key: '40603d71f425fceb6846ef209c7da323615d4d07', class: "container-title main" }, "Linka klase"), h("div", { key: '7ac4f149124fe3b8d6ec280f6d4f89da8ffa71c2', class: "container-section" }, h("div", { key: '10a90c47e44e35e1f8ed592e3b8854b9532dfe44', class: "variable-wrapper" }, h("span", { key: '54ec3ccabddfcd055720686fb86bce64f38f6b9f', class: "variable-name" }, h("span", { key: '784d8211764f541964f41a951b724fe15525b526', class: "variable-part" }, "tet"), h("span", { key: '991ac0e6fcb62610ff69055a58012348dfb7b8d4', class: "variable-part" }, "-link"), h("span", { key: '41afb968dd3d70b412aab8a526950025a619d2ae', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '4bc026e7ef12ef524f96664610b008fd9d2a11c2', class: "container" }, h("div", { key: 'd6df6712a8faa4cf15fd44b4562450073e4e802a', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '893b69a1c055e7fe8add89f5900bca59d1d8b297', class: "container-section container-example" }, h("code", { key: '3ec009c89388071a9b352af03f537aafbfbb9be9', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '04c06043894e85f87f9ccf8e0b04cceec63ae623' }, "Link klase bez bulti\u0146as uz ", h("a", { key: 'f1b14d21c9e27aa8ba3e0c00fa9d5200a1b88930', class: "tet-link", href: "#" }, "elementa")), h("code", { key: 'd1eb5f8c39945a69547cfa155961177241e94f37', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: 'a244e69f9b69275fe59922f68519a6b5b467a5d1' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '922070d31c9cded5f42ea1fe9c67c56279df71d4', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '574eaaa0a8b61aa106df42e2af3becafb1ca91b7', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: 'a8c4d4af4f7a48d098c870ba53dc53fbb0490ec7' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '922fac51610d09ebe6a1c7b5646c2ac0c59c2b71', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '2ba95026537f3c24ae7e1860a4d3e7a05af58471', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: 'b7d89135883efc85077d476e67ed5fbdc7334c29', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '2bcea0961733654753785ad7717bc5ad6d43880e', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
     }
     static get is() { return "tet-link"; }
     static get encapsulation() { return "shadow"; }