@tet/tet-components 1.4.83-testing → 1.4.84-staging

package/dist/collection/components/simple/menu/tet-navigation-mobile/tet-navigation-mobile.js

@@ -61,13 +61,13 @@ export class TetNavigationMobile {
         processTranslations('tet-components', this.language || 'lv').then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '3ea7bb405ec994427b53b37b73f1461d1595dd3d' }, h("navigation", { key: '10b1583d85029280d78b9c3509e0845334aff520', class: {
+        return (h(Host, { key: '252717cdf01bf63c8994a93295c3da1a92bda6b2' }, h("navigation", { key: 'b8e7adf800f4266af633ab061e8234de5053eaaa', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'af548fea36e17260614b78135a26e4c2f1a25f01', class: "navigation__nav-bar" }, h("slot", { key: '656cd9d9610f19f75dc560b21765bd8592eb7cc0' })), this.isTogglerVisible && (h("button", { key: '412ec0983234150f0eb67528b8e8b80603ad261a', type: "button", class: "navigation__toggler", "aria-controls": "tet-navigation-mobile-dropdown", "aria-expanded": this.isTogglerExpanded.toString(), "aria-label": t(this.isTogglerExpanded ? 'components-navigation-mobile-close-menu-label' : 'components-navigation-mobile-open-menu-label'), onClick: this.onTogglerClick }, h("tet-icon", { key: '11c5e964f37d58679ff5fa0e7362481ee8620bc2', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: 'ef5c408c808cfe6b7da084a7ef3edcd8f5d4940b', id: "tet-navigation-mobile-dropdown", class: {
+            } }, h("div", { key: 'a4c7565be4f762bf1df78f153c50b470f1ac2a14', class: "navigation__nav-bar" }, h("slot", { key: '40d57d39c7042f5be2f068ddef18845111ac7646' })), this.isTogglerVisible && (h("button", { key: '72bab18b5a518d79d0dc87fee274c0ecbe30bcfb', type: "button", class: "navigation__toggler", "aria-controls": "tet-navigation-mobile-dropdown", "aria-expanded": this.isTogglerExpanded.toString(), "aria-label": t(this.isTogglerExpanded ? 'components-navigation-mobile-close-menu-label' : 'components-navigation-mobile-open-menu-label'), onClick: this.onTogglerClick }, h("tet-icon", { key: '9486c5a1b0d19b37a5287b20a36ce8ad2b3d1f8f', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '9104a28f6ca2d02451581068f8b73f55c68fbfca', id: "tet-navigation-mobile-dropdown", class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '2878956c59c78e433a04a1bfda4fc88d7fc975f7', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'ec7e41aa669faab31a4f8e6e894ef10ed13fc08e', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.js

@@ -130,13 +130,13 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: 'e2b54841be78a3768d660a5df67299182bc0f12e' }, h("div", { key: 'eb4a39a0239c374e3e2999315d6dfae7a7f87c0b', class: {
+        return (h(Host, { key: 'abd2258aef5f7b20275ebc84a154cca6da27e224' }, h("div", { key: '580dedd434b319cf06e56daba7244308fda64809', class: {
                 'tet-accordion': true,
                 'tet-accordion--border': this.withBorder,
                 [`${this.theme}-theme`]: true,
                 [`tet-accordion--breakpoint-${this.breakpoint}`]: true,
                 'transparent-bg': this.transparentBackground,
-            } }, h("div", { key: 'd135bc257278897bf0b1656f1ab7378d1265a4a7', class: {
+            } }, h("div", { key: '48797037e427685534ed291314d19b0dee2db6bb', class: {
                 "tet-accordion__header": true,
                 [this.theme]: true,
                 "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
@@ -144,15 +144,15 @@ export class TetAccordion {
                 onClick: this.toggleOpenState,
                 onKeyDown: this.toggleAccessibilityOpenState,
                 tabIndex: 0
-            } : {}) }, h("slot", { key: 'f960d0efe415ff41bca017691a872d1ef7f7de50', name: "header" }, this.headerIconName && (h("tet-icon", { key: 'c3b2b3bf934e1b0931a635f2afa2ae9cbd310b4c', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'ef7b076aa7643ff54606a34e6a20cb48949a5fa2', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '139fbf6024a8416bde5cdb841d75f5f515a4952a', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: '4ca02980ca7f8d4e4d5664a7fe746727d0cd79bd', name: "header" }, this.headerIconName && (h("tet-icon", { key: '504994480017a3468bf66bbc609cfde515e035ae', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'c3d7c1c5af62a8e29ab4901029845ccbfe5f0461', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'a33fb44daf412662072ea52b67eb2bf2b9f921c5', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: '4b78ecb99904bcfe958aa912665d0a710fc34fec', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: '18daea76d4e67b247d6da18549a433e2ef4c8897', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '4568baf7f2cebda9ccdfa607c53d3f0584a05e31', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'a413cd578c1b4a4d1a1af53205fae00deb2bd1dc', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '45529dd8a8648f735d17680f7c694d45c1900785' }))))));
+            } }, h("slot", { key: 'fb6ab873cf1e514c8f2a4374101a1abac7cdf6c7' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-expansion-panel/tet-expansion-panel.js

@@ -62,7 +62,7 @@ export class TetExpansionPanel {
         this.state = this.state === 'open' ? 'closed' : 'open';
     };
     render() {
-        return (h("div", { key: 'cb79b4ec99d904c3ce5875b978f67b3b897b20ee', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '937463ce78e85c92120f2ac3ab29103324960d9c', class: "tet-expansion-panel-content" }, h("slot", { key: '2f31b0f7aea27e78c546603d8337c8e429014eeb' }))));
+        return (h("div", { key: '5a5c08417d0cf1e8f68cc3eb965151daa57d3b1b', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '7368f0eb6825c72887a8d4c9fa86a706cf0a1feb', class: "tet-expansion-panel-content" }, h("slot", { key: '55fefef6f536ea9f2e27a282cf1a43a43b4748b6' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-floating-block/tet-floating-block.js

@@ -19,7 +19,7 @@ export class TetFloatingBlock {
         return rel ?? '';
     }
     render() {
-        return (h("div", { key: '6bb54dd1699fe57d5691f43ffa0c964cfc6424eb', class: { 'floating-block': true, [this.theme]: true } }, h("tet-accordion", { key: 'c93035942599b6d883387470d9d17a954b80abe3', class: "floating-block__accordion", theme: this.theme, withBorder: false, header: this.header, headingTag: "span", breakpoint: "desktop", transparentBackground: true, "is-open": this.isOpen }, h("div", { key: '58aaae3e58f42365034a74a047ddaa2509a6d4be', class: "floating-block__content" }, this.content?.map(this.renderContentItem)))));
+        return (h("div", { key: '9c4e97d9259f22741e20eaaa602d3119480adc04', class: { 'floating-block': true, [this.theme]: true } }, h("tet-accordion", { key: '4c52fa754b959b695074000eb38e2b0d067ead4d', class: "floating-block__accordion", theme: this.theme, withBorder: false, header: this.header, headingTag: "span", breakpoint: "desktop", transparentBackground: true, "is-open": this.isOpen }, h("div", { key: '97c81e89daf502639e5d4b813084effa0747f466', class: "floating-block__content" }, this.content?.map(this.renderContentItem)))));
     }
     static get is() { return "tet-floating-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/tables-and-graphs/tet-bar-graph/tet-bar-graph.js

@@ -310,14 +310,14 @@ export class TetBarGraph {
         return lineElements;
     }
     render() {
-        return (h(Host, { key: '8110eab1a34abd220c2038e062d233f9de1c1552' }, h("div", { key: '6000c8eb2f6a1b4dc7a0eba29581d6a223704355', class: {
+        return (h(Host, { key: 'c1f6fe2b1c893358352525c4c3e0915f998611a0' }, h("div", { key: 'fbce6bcebc16524c1b96beb7cc3aab3ed81d60b4', class: {
                 'bar-graph': true,
                 [`bar-graph--${this.componentSize}`]: true,
                 [this.theme]: true,
-            } }, h("div", { key: '91143fa452d14eec131a1ac9752e121bf9a530c9', class: "bar-graph__container" }, h("div", { key: 'a956338668a791018a7977315e2356685c0f5e23', class: {
+            } }, h("div", { key: 'f21b826061e2ea51e5c2a7dde07c39f0f9731b41', class: "bar-graph__container" }, h("div", { key: '260462ae89ad6930598f5f4874fa137e35b220ff', class: {
                 'bar-graph__label-container': true,
                 'hidden': this.labelPosition === 'responsive' && this.componentSize === 'small',
-            }, ref: element => (this.barLabelContainerRef = element) }, this.displayData.map(displayItem => this.renderLabel(displayItem, true))), h("div", { key: 'dd37b4853791edbc0183c06fce5f1cf250ae423c', class: "bar-graph__graph-container" }, h("div", { key: 'acf246c3af8a903cd86ffc5ed659a91050ef7310', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: 'c7d76f13a8b40c3dc11f5a27937483c9362c625f', class: "bar-graph__item-container", ref: element => (this.barContainerRef = element) }, this.displayData.map(displayItem => this.renderBar(displayItem))))))));
+            }, ref: element => (this.barLabelContainerRef = element) }, this.displayData.map(displayItem => this.renderLabel(displayItem, true))), h("div", { key: '07506f33c019fa244b6e0774a38abb02deb8cc17', class: "bar-graph__graph-container" }, h("div", { key: 'b1e539f8d57da615748577864895599ab62394d5', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: '1e604b2732520f2f00e411d6e282d01567c331fb', class: "bar-graph__item-container", ref: element => (this.barContainerRef = element) }, this.displayData.map(displayItem => this.renderBar(displayItem))))))));
     }
     static get is() { return "tet-bar-graph"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/tables-and-graphs/tet-table/tet-table.js

@@ -326,7 +326,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: 'c1ec2bb489b8c86bae1307cf0459819bbcc4be13' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: 'f64baa1d5326ae304aabc3aa3d875375d47b5540' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     static get is() { return "tet-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/simple/text-blocks/tet-cloud-application-form-dialog/tet-cloud-application-form-dialog.js

@@ -202,11 +202,11 @@ export class TetApplicationFormDialog {
         return (h("div", { class: "tet-cloud-application-form-dialog__footer", slot: "footer" }, h("tet-button", { theme: this.theme, type: "ghost", size: "medium", clickCallback: () => this.close() }, t('components-cloud-application-form-close-button-text')), h("tet-button", { theme: this.theme, type: "primary", size: "medium", disabled: this.loading, clickCallback: () => this.submit() }, t('components-cloud-application-form-submit-button-text'))));
     }
     render() {
-        return (h(Host, { key: 'eee95c046ea596a54569702f46e0a8561ba20158' }, h("tet-dialog", { key: '8b7a214ec7e0fa6dd6c68105641d3d5926380007', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
+        return (h(Host, { key: 'dfe3a69b5b8a7f6679875191202bd56f18483829' }, h("tet-dialog", { key: '4b0212b3d0c4f8db4cf4f628cdb284a120a5a41a', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
                 'tet-cloud-application-form-dialog': true,
                 'tet-cloud-application-form-dialog--loading': this.loading,
                 'tet-cloud-application-form-dialog--dark': this.theme === 'dark',
-            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: '77f3dea7eadfb911e44aeeea7a03fe33f8155c7b', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
+            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: '4aa18a305adbaf0a4e04bfcecd1bd9b3bdff07d0', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
     }
     static get is() { return "tet-cloud-application-form-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -128,11 +128,11 @@ export class TetDialog {
     }
     render() {
         const { isOpen, theme, footerDisplay, handleClickOverlay } = this;
-        return (h(Host, { key: '8b5822cc01975dd614a5b217520870fa62f7d083' }, h("dialog", { key: 'd14c7bbc3ef551ef41e59d08ddd62ca7eebaf627', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'dcf15621b0bc84a247fd1424ea7348e6bb7ab1c0', part: "overlay", class: {
+        return (h(Host, { key: '57bf3b92832d2f3c1f8c8ce9c208afedba5df51f' }, h("dialog", { key: '962bc0e68af1caed5a26ad3a7f05b00c331eb1ee', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'b75e163a2e58c60650a08cfe886517ae21d5d662', part: "overlay", class: {
                 'dialog__overlay': true,
                 'dialog__overlay--visible': isOpen,
                 [`dialog--theme-${theme}`]: true
-            }, onClick: handleClickOverlay }, h("div", { key: '7c38f78169809414448099e21e40c2c738ac08ef', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: 'b2edb35b43663a48a2f1aafaf519651c74f5e894', part: "body", class: "dialog__body" }, h("slot", { key: '23306570f3d74c8624b25e00b61eb46e295ce1b1' })), h("div", { key: 'cecd467b9aaff40e67e034dbc80ef1e4a41ba0eb', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '29be051e96769ecda581adad422fb359bc208047', name: "footer" })))))));
+            }, onClick: handleClickOverlay }, h("div", { key: '13207f12c1fb7ce727279ce7a2dcace29e23536d', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: 'e9646dc1a76bae4726371e08f193f069ba5785f6', part: "body", class: "dialog__body" }, h("slot", { key: 'fbfea778de4af54ca30d7860edc008e491e5d97e' })), h("div", { key: 'e3fca6076e8e7eed135de4b6fc9a9141f9278ba4', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '5af66b5e391df71f973921073ad313817123c6b0', name: "footer" })))))));
     }
     static get is() { return "tet-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,11 +14,11 @@ export class TetInlineMessage {
         success: 'check-circle'
     };
     render() {
-        return (h("div", { key: '4522597efdb769f3148168c6181c50789629a619', class: {
+        return (h("div", { key: 'bb97963b2feadc57280ba14cace9905e4851b874', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: 'e17db8f372afe12595ef5206dd59370fb7df523e', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '7b9e60da1d0ff2bc551c7ba6337039de41a65ee7', class: "content" }, h("slot", { key: '2e91bf7771c0fb1ed8456e99ec0d39694f0f471d', name: "title" }), "\u00A0", h("slot", { key: '55d2a2447b0c8850f3d6f33c0f5761231711c3a5', name: "description" }))));
+            } }, h("tet-icon", { key: 'def32b558a5832f5db6597a22e43698a0d0ebfd5', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '15454d1711d53325120c0754ef541d54db34d371', class: "content" }, h("slot", { key: 'bc61e881f7658e692e706c265c2a9221618daf2e', name: "title" }), "\u00A0", h("slot", { key: '53263a4a9551a6a4c919a2ed9201e2b5ec1f966a', name: "description" }))));
     }
     static get is() { return "tet-inline-message"; }
     static get encapsulation() { return "shadow"; }

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: '8ece892044d97623d8e89b9750f255126ba6205f' }, h("div", { key: '3a46fffa665ed349b7b4434652bb5d9ce4da48e5', class: { notification: true, [this.theme]: true } }, h("div", { key: 'f5d2a45d0f082e4c62435ad404d24740beb0fe38', class: { item: true, [this.type]: true } }, h("div", { key: '2974efabdb5e3d2cfeac7ec07a5f85c46f05f859', class: "header" }, this.renderTypeIcon(), h("div", { key: '75ba0b44e465781215de2955f1257f016c177706', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '30b90ddc5bbb65f8e76ec010e1ccc3c778f6d18b', class: "content" }, h("span", { key: '41ce3cbb4e48a7829a33324a6bb8cee88cac35dc', innerHTML: content }), h("div", { key: 'd393cfb06d948fb536ac6759694cccf587e68620' }, h("slot", { key: 'ca568104b97fb72f3fd126a5092d422c2ab8d91b', name: "button" })))))));
+        return (h(Host, { key: 'c95496992ed47b7743031391259e260ef877b2e1' }, h("div", { key: 'b41cc3dfc4d4bbb8ee5394772517516772941c32', class: { notification: true, [this.theme]: true } }, h("div", { key: '5ea75fe2527b180084d85e80d7e88080d2b5d428', class: { item: true, [this.type]: true } }, h("div", { key: '44567288cc5e085624e4286156f99322f67f1641', class: "header" }, this.renderTypeIcon(), h("div", { key: '0601125e1d3a66047d2aad0986ef13f6d0a57031', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '0fc1a57f5691675fd58e1bdae5f33871acf9d061', class: "content" }, h("span", { key: '2518f56e4806d57862426bdf2872471ee779c58a', innerHTML: content }), h("div", { key: 'a759bbab00a9af21806ab1f2b276aa9ceb068df8' }, h("slot", { key: '7aff9069d0785ae8259bc97e40ccc1eb074630f0', 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

@@ -365,7 +365,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: 'f8463465dcb97297220e1b896bd68726f75f30c6', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '41ceae26154f1c4b0fc4fbf47bcc13c5e6dae0ce', 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

@@ -137,7 +137,7 @@ export class TetAddressOffersView {
         return h(Fragment, null);
     }
     render() {
-        return (h(Host, { key: '462c65efe10733c0aa3b83a80b869cf5d6c62fea' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '44936e2ef654cfec9de5e89e941b2dc1dabb6c4a' }, 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

@@ -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: '9a2cbfc0fe58e4abd2b5afded9c7727bfb732d71' }, h("div", { key: '633f5c082aeb3c666a0e2f95ace14420753efa90', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: 'f7c1bda723830fd7ecec362324849365ddc3e72d', ref: (el) => (this.accordionEl = el), class: {
+        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: {
                 '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: 'a777bcc55f3eadf418018ae8f6da23fe43c1fa70', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '1be14c2dccbaf2406241d43a73b90d95351562ad', 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: '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())));
     }
     static get is() { return "tet-b2b-configurator-cart"; }
     static get encapsulation() { return "shadow"; }

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

@@ -459,7 +459,7 @@ export class TetB2bConfigurator {
         return (h("tet-b2b-check-out-form", { ref: (el) => (this.checkoutFormEl = el), theme: this.theme, "onSubmit-check-out-form": this.submit }, h("div", { slot: "cart" }, this.renderCart('checkout'))));
     };
     render() {
-        return (h(Host, { key: '001da651eb395990d65a929558920f80f67ec357' }, h("div", { key: 'b20fe87916971db6c1173796f20f0b5b307f152c', class: { configurator: true, [`${this.theme}`]: true } }, this.isLoading ? this.renderPlaceholder() : b2bState.data && [this.renderOffer(), this.renderCart()]), this.renderCheckoutForm(), this.renderConfirmationDialog(), this.renderSubmissionStateDialog()));
+        return (h(Host, { key: '56657da2252a65ded133d94a900f65ac09d833ec' }, h("div", { key: 'fd9ac1fd32e09a4639ddeb12b78f85c52f8239d8', class: { configurator: true, [`${this.theme}`]: true } }, this.isLoading ? this.renderPlaceholder() : b2bState.data && [this.renderOffer(), this.renderCart()]), this.renderCheckoutForm(), this.renderConfirmationDialog(), this.renderSubmissionStateDialog()));
     }
     static get is() { return "tet-b2b-configurator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        return (h("section", { key: 'c8939e4608e089a566a68e0906b0523b65c44e5c', class: "container" }, h("div", { key: '4cc68da322aa19ac354e7c0dab921ecff720bd2d', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '9dc11880bcbc826ffc2388dc9f130c733f6e8fd1', class: "calculator-block" }, h("p", { key: 'f3e339fff13dbb78f24d958f88e275f7b9c0310d', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '25ce6d9d5f543adf832b14d6765f72ae606a386c', 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: '804d0f828248f69c466c956ab0ba14db5e128882', class: "control-container" }, h("div", { key: '19e2969e9596f833929fc240b8ba864eb78c8927', class: "control" }, h("tet-checkbox", { key: '15174af3ad943c6d36a220850202ad70a9f1d410', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'fc63e3c9266cc9aad3145138e80a2ddfb7ab8e0c', class: "control" }, h("tet-switch", { key: '87b9545c1b2345af02f9bef0b7d0b534d08a3516', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '19913650d69a5d7f67db1d829d868d48708e1839', class: "monthly-payment-block" }, h("p", { key: 'c7f543cb60ebe08776cb8e1065b5d43b2ecedec6', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '3d295b1a6cc669218f0c597886c78bedec9b2550' }, h("span", { key: 'c03e31c13c791496a535792b2348433b00fa4fe5', class: "price" }, this.totalPrice), h("span", { key: '81d87a3e1025fd891b53a54e62b5712fca203ff3', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: '444d39bd80abffaa10f37b8ac120fc825c255198', class: "container" }, h("div", { key: '89749279a05ca2dd8353285fb54513abbdab76e5', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '15183e5cd20c20b8fa2cb698fffebe48253b88b2', class: "calculator-block" }, h("p", { key: '1b23be47c4313d8681de0222b0a173936eca167f', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '54abcd4f2e65885663725e07a56e09f37d5645d2', 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: '80662ffb0b7f75348c053fb5a01ac9f33949b0bf', class: "control-container" }, h("div", { key: 'd8d8095fb14a0490499a286b5b8dbf08ba77940d', class: "control" }, h("tet-checkbox", { key: 'cfbdc9d685085986125529ed77f9b30b547b6504', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '067ae60e27acea5ddceafb28070826d55d6603ac', class: "control" }, h("tet-switch", { key: '273c43a8a34dfe73636da506cefd7abf5a7a8a23', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'd692be65d1134be5cb33c253a0a9925e23f0df22', class: "monthly-payment-block" }, h("p", { key: '5050640eced6fd3cdee5e59d7ffda5050a0330e2', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '561f7e49bcd2d963032157fc38b78ba0ceb12ff5' }, h("span", { key: 'fb16f882b4c08d50b5ecc5cd242172326b8ad2a9', class: "price" }, this.totalPrice), h("span", { key: 'b31be4c29e61514a70a36691752acbb9683fa55f', 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

@@ -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: '678962d87d0d68e9342b773fa084dfb8040c719f', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'c05c6d4a7bc823c4c60338d8533ea18691308ba1', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '61c8ad323be29f10f363dbf8b174d3b2b9646371', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'ff40b1d0cefa5bf34216049652704816d6d4ba1d', 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: 'f776652f4c85cbecbecceeaf98f0ff9b59f6570a' }, h("div", { key: 'c8e04aca998d093f00ef2ef94acbb7abc2790f4b', class: "contact-info" }, h("div", { key: 'd7eee58c49ff24808bfbb558154bf0bc00edc895', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
+        return (h(Host, { key: '667e526662027dc6c444b59641ca88cce89b0aa5' }, h("div", { key: '5a9e2941baf16b6624e74075ee7df1675fb9961f', class: "contact-info" }, h("div", { key: '6b55715a871fb3f15e34e3220e3b5ae0b45768e5', 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

@@ -284,7 +284,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: '4bbb6f7886eda96ca665c859543bebe2892d5a1b' }, h("div", { key: 'df9c6da23210a66598c3a5a0e886ab2a4311bbd7', class: "wrapper" }, h(ThemeWrapper, { key: '95937548e8ca1de0878b431a5051821652b73872', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: '163310f7570f6f78d2dff0e92711b124cca8ab13' }, h("div", { key: '78975409d9236812d8336a08a40fce3f2a6131bc', class: "wrapper" }, h(ThemeWrapper, { key: 'ff3def32940a546bcb876ab0f06a7d3d45025e25', 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: 'd8860b3525bf84b42cc0dbfe6bcd232e78a7c7c7' }, h("div", { key: '4eb946d9d9df8a02023d2ef2a54d3b7f15670976', class: mainClasses, style: styles.container }, h("div", { key: '862c911b30cb8489ff05fa2f9bd43188a44408d9', class: "price-view__body" }, this?.headingText && (h("h3", { key: 'a3196db323d06c2dc07c9f54e70410d080967331', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'c5ff4b1d17b884beb544c10fa5b66fb88960da15', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'd39a610e46a9ce4893730bdb689aa995637057ab', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '64bab26b45ed4d70dd6e4bb980b7cc74e9e284b1', class: "price-view__cents-container" }, h("span", { key: '80ca1c82e9bfc37d9d58f1e4133aa4292eee754b', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: '091fd12fccdfe54f456b164d15f5fa30606cb0ce', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: 'c6da62dff6b5fe6e07ceb0078514874bf35cac15', class: "price-view__footer", style: styles.footer }, this.footerText))))));
+        return (h(Host, { key: 'e8eb0ad98ed8fa6ee68b3b550b062d295a508e13' }, h("div", { key: 'ed493e2ec83a2a353cab443fc431754805491eb2', class: mainClasses, style: styles.container }, h("div", { key: '6979c76518d8aff3ab03d9013352f9e5d1f52b84', class: "price-view__body" }, this?.headingText && (h("h3", { key: '9bd521ad927826c5bdbe20a79925cd01c587e02a', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: '0a3ea2e76902c9c0f4c7598fa04cddd2cfc11254', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: '154ccbeeb7eced6b4d35771ca3bc2daa087826c9', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '8366cb6ee24a44c64366c458d6841d32513b2950', class: "price-view__cents-container" }, h("span", { key: 'be3f03eb61934a08a201061c4db635d6e81a1983', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: 'c266a04a4e3b812eed058e2eac1323544ad3f8e5', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: '7b4bac69fbb1ba77e0ad6051c5d3354a7f6cad3e', 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: '51bc44a23fca932a5ce989f39f4761e52fe66bc6' }, h("div", { key: '794cede885ae03ac6b0ef6c5cf8c5a0eae92c4c5', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '1c01041ab1c6a8936dcbfda60777fbc03945d0cf', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: 'da80ede163301d71fbe6438cdbd195796fbf2aa3' }, h("div", { key: '01f1b61204204ad8e0828a653caf7aacd4efd0d7', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'fcd51185a9252d6b6b3d416c0fa830b8e048123a', 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

@@ -73,7 +73,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: 'bdb98068f29dd9a9ccd454a3037d9cc28f0b532b' }, h("div", { key: '13128a9374585623ef0a6f0572f6fa076566f8f0', class: {
+        return (h(Host, { key: '253cc8d9ce1a76888ae689b90bcb31c2d94cb397' }, h("div", { key: 'c3a9f9d8bd472352acb57e250b1a3922d38fb982', 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

@@ -73,7 +73,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: '41703235a1bcbf73353e0b8f370abc37a7106b5c' }, h("div", { key: 'db73e8e3316b7e1c6cc035e8780c5ec58f0c5795', class: {
+        return (h(Host, { key: 'b3fb177173fd757b0874f83866852b5b3bac97ef' }, h("div", { key: '7d720d157c89297ff99008ee73485aa65d5a82dd', 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: 'e71b057cc6a09fdd733f5c77aa1ea3bffada914f' }, h("div", { key: '3c34e6852a9cb3084ac326710159f21e133b10f8', class: "variable-container" }, h("div", { key: '7b68fdbc677cd1b749aeb86f1a704551ce6fe835', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '284a26507104272e3f97cf9ae5fe74ef236b4911', class: "container-section" }, h("div", { key: 'f52d484096cf09aade5747a100d23e3607396fc2', class: "variable-name" }, h("div", { key: '0305c4d98c2ce9cb395f14ae0795334bd35c4add', class: "variable-part" }, "tet"), h("div", { key: 'f79e3601358335074046be4b498339d79f44449d', class: "variable-part" }, "-border"), h("div", { key: '33668971a6c8894e99ba148db716aab0f549c6cb', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '8d2cc8f50635e20f7a2f5e202af5713db30d1ab0', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '56a4c336f2561b0490e509285586295944f8bbf5', class: "tet-fonts-container" }, h("div", { key: '28a0ebd8402ca7fec88423369a02e96823044721', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '69a4eb738e895a8bdd907ed833b2871a7f953e3b', class: "section" }, h("div", { key: 'f93716e6ebbd19ab3fd421a4f72a4d30513a946a', class: "section-variable" }, h("div", { key: 'b94b6da16d23bc4622df4609ce94aec16a5eb143', class: "border tet-border-radius--xs" }), h("div", { key: '301761cafd0729cc176582d298b64bac41a7ab47', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '4f5a7db8e32ce7aab2ae2135ac026f8c4b495534', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'd19bf9a7a3eaae072967bad18872b1d91f1a848e', class: "section-variable" }, h("div", { key: 'd9dbe70a1521d37bcbdb6619f40bdab62d2b3770', class: "border tet-border-radius--sm" }), h("div", { key: 'd83d27e90d6e59f83c0a9991634a4d9a6bb30ab6', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'a7a5b360c707d6921850f0a0b9464952a6462a2a', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'b3cb6a24106de7282ce335889238f8a2e2dd2acf', class: "section-variable" }, h("div", { key: '13695f509dc558c08ff6f268b204d7f997fce40f', class: "border tet-border-radius--md" }), h("div", { key: '998a6b9307597e3cde93b608abb6601b1911da52', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '69fed2ff7dcae0d4e763c5d15a0ffcfa234774f1', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '60c11eb0c244b4546d3e541be52c261e94edf508', class: "section-variable" }, h("div", { key: '7d8a4e7df7506aeb4380d17eca0f28ba0baffb2c', class: "border tet-border-radius--lg" }), h("div", { key: '82c35b19a559150f43f1e9375820cd0a0edaed95', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '4a8faf39950f001aa08a95cbf908dc4c170963fe', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'de3640133d4929b31c4a0a306d360212334db16b', class: "section-font-size" })), h("div", { key: '1a0e774ddb4bdd950bfaa2291487bf6053411228', class: "section-variable" }, h("div", { key: 'eada0878b1bbcb6a4fd17fad3277c8cf250a1d7b', class: "border tet-border-radius--xl" }), h("div", { key: '247f62c336d0850827d3c42d0bc68c3961a23854', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '7475a4796fb57175f95fac6c846993d34456db74', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '77510f8ff3d229fa24164adb4c84d7bb313933a2' }, h("div", { key: '4aef24cb5425bd00642c15757e71a3847589d189', class: "variable-container" }, h("div", { key: 'ba9c3022917918fce5d2d98287d83f3a60fb208a', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: 'e3e9b66f099c96e13b6a130425c892ec353b74d0', class: "container-section" }, h("div", { key: '5b593a6aae507cc0e1c8ee988949ac7aaf452eff', class: "variable-name" }, h("div", { key: '627418fd00956a64102f899f99f79f44d461b0e1', class: "variable-part" }, "tet"), h("div", { key: '9f76055c5e0862757d6a545c94982327f69497f3', class: "variable-part" }, "-border"), h("div", { key: '2b65426089f9ad135dc71bc5a00cecc21eec87ef', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '0d5bdb919c1f779b337dc4020e8a6664fafe5b1c', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'e2e7034e3ba3103bb34c1a53cf38d299b70d55c1', class: "tet-fonts-container" }, h("div", { key: '0d3803cf495522904275d43f648647ee96f3bfb3', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '06553fcb67b799e5b6f897706b8d904f2fe146fb', class: "section" }, h("div", { key: '76c8dfde7d39ea26bdc5108345af558b908b3ac2', class: "section-variable" }, h("div", { key: '8e10fc6a4adefab543717f61df52a41695cc3a28', class: "border tet-border-radius--xs" }), h("div", { key: 'fb42e8111d5779312a565fd5be99ffd2908e2958', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'd4d74dc2312eafe07e9dc84b4027c34085e89814', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'be3f9e79d514bdd8700e1ae91edddcc15c701e72', class: "section-variable" }, h("div", { key: '7d8dae6ebf07d7f50760dbc6f04165d7ac729bd3', class: "border tet-border-radius--sm" }), h("div", { key: 'f707051804321fd4597f699482b7aa4e601f1f26', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '049fada2d42bdaf37a043fc67fa19f203691981c', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '2476d1163dec83138c5658c616a5ea92d1e27dc2', class: "section-variable" }, h("div", { key: 'b30391435b7fc5d3ea65ab96909034ce0081558f', class: "border tet-border-radius--md" }), h("div", { key: '4c2649bdd5ae433b51984a12505c1f90a33093b4', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'c7d7e04b86d90abd15d1f8d29132bcb1471c52dc', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '110b8797829bc3c37cb86d34a3a33cf978de55f5', class: "section-variable" }, h("div", { key: 'f309f8d06729dc7cefca413780414bf3b4f44bfa', class: "border tet-border-radius--lg" }), h("div", { key: '69449e1e2aa253595c84ca4b9487426074e9e87a', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '73bf6213fdc66a0fa0252b4be47382a14dac850a', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '0b5c2f245c1715b89b163f58d139e88237d347f7', class: "section-font-size" })), h("div", { key: 'f13a25d46f8812e929cc3a58e2d4d74e60b062da', class: "section-variable" }, h("div", { key: 'e1e6dbc7589114fc8b224d1495113f1534fc4a7c', class: "border tet-border-radius--xl" }), h("div", { key: '14c873827ea8d59b1edabf76e44bfe68dbccbf16', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '3cd87aa98b55c150a0a1fa1ae799b8faa70ce780', 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: '4e8a5eaaa136f0c82c7cd38f39f5ba1e5e0a7d3c' }, h("div", { key: '59fefd9e5d8292c30aea5bd0620dc22a767ece53', class: {
+        return (h(Host, { key: '7ff1c6e973de0722f3baef8ee29217a50ad3e1a9' }, h("div", { key: '54abee8281d875a45484aea1bdc9c6b73d7e70a3', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: '09997d11f58d06b73b278d0d90756e74ab3a9fcd', class: {
+            } }, !this.isTokensExample && (h("div", { key: '51ba3c2a33510b44abede9906105ea80bd303200', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '133b65305142a1a8f7aa4b317bcc944f7981acf0', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '51122fc0391204cbe192abdaf2b21be1f6242e55', class: "container-section" }, h("div", { key: '1e228ff21fa45cbaa0c72b7e6c9cbf5dfa5c8ab2', class: "variable-wrapper" }, h("span", { key: 'd0d64bf4f9bd39833876b082029a1ac249222f82', class: "variable-name" }, h("span", { key: '382e9930095f37c224fe79f6320b4979c52ab7ae', class: "variable-part" }, "tet"), h("span", { key: '8eae39673054e4a4eae67fbdcfb35e17f4db4b4a', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '59aeec0fc379e741fd7df30ccd1327b5b37ddac8', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '2d501e1cb359a51f6de1cba2d379ddddbc36c13a', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'dff9df5caecd7bb3f7d1c5708b8fafbe2b801baa', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'a4197b8639d2b0e75e5e19a89561797395bd22c7', class: "container" }, h("div", { key: '1b7f8c146871c1af88cad82c101b6ae729448469', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'fef29daafefe1269f07b2fdad7e930ea869eecf7', class: "container-section container-example" }, h("span", { key: 'a3366ab6be85d9cfa80f8236d93e4c74c1702273', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '64f8df46923d8956fd5d8b2da0a131f94f2c3c88', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '98c57f7e9696093a5007f4fa1b571bd469b94323' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '73f5fe147bc8240224be2969f4de4f4aa7358777', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '9063a6e47e7d5cee47211a2705685771c5fc49d4', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '73ad425498fcf37fc491fa72976f4b5465ac4050' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '7e8a565c357c37b918a7f900000f60c8e5ba41f2', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c6fad55fb04ada4e256f7805ca960a3fa33b5956', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '2e893b8e0f13e7667c1946ea4a4f81b5910749bf' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ec1b63fa622be895b34e36d3b4045cd2adb47efb', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '510c4966dee5c8aa712d51ba19abec405343be9f', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '7b57a753f349c0e16b4af45f6ed020029230da3a', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'cabe99a06fdf8ac0136c0587684fe0ee90e4e452' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'f8bea63229422211e0f6faee7fbefa0279feee32', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '40c4b14bedce4ecafe0a706fd383d9b64816a13b', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '44626cb4018b29216d9d116a110a7479e12cab9d' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '6fe12cbe35667e1c5cc16cf70b69aa7d33dda23c', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c7459d532d21b5c2e71271f0e9a4a8e8b854308d', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: 'f44b69af228523aaf410e5d6c76de9de54f9d4b8' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '5f7b0fe8b82b0459ee889799a24cb37167d5573a', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'c44b8a9becced1cd7b9a310699c6d91a758afbf4', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'bc106d675753a6c3a9374c693026c587ddeafd21', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '81b714a7eee66c4cbfce122f57bd401e77dd3b81' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '7d1a1bb51fc84974f763de805a130c57f9239cc6', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'ec221e07ae2694e11270cd69ccdcb64974186568', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'e84e41a789abb7f2cdb0a3b2d61afcc5f0a95877' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'cfb554330e1799dada49a6ba57ea669de4f8e19a', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'c82c477496d80830f6180858c210aef8b79e426f', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'b9c3bc81a992cc06e6da5ac43819221f3af4f7fe' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'b16f6d725cbcaa037d5b2f4c8e3fe79207dedee8', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '92df89e15c05ddd31b23c19eac60ec0689e2173e', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '9975e313cafe97b97109a96654649659ba54942c', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '4898ef36534f5031a996624869c2ded484eee758' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '0bdf7a6033d034e911f388eba1fe59e86d74c2bb', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: 'fd7866580e9f5a81ae009e6667b4a27238fc999f', class: {
+            } }, h("div", { key: '3b636d1a1d28f9cea264ce930ead02f097dac0f2', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '4e598da57c87bd723267e755d3216e248e86b18d', class: "container-section" }, h("div", { key: '3b25263f0a5b61a2347a7727ebe5a6ff8b669deb', class: "variable-wrapper" }, h("span", { key: '2a1845dcdcccde805e8090efa486d81c2261eee9', class: "variable-name" }, h("span", { key: '5d3cf0c04c19b526e790fcb2e2586e580ea77d87', class: "variable-part" }, "tet"), h("span", { key: '3e5474ebc5d000fec07c6973fc3ee5001a54efe1', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'ec3c7a8672951152048d07cce96f580977047370', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'a57b92a98152397fd1a2e10fa99ae4b86f48c546', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '142d9c912fdb31d72402d0bf14104b4908dfc2c2', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'b309a4469b518490f775488dcca5e7cf37154f5f', class: "container" }, h("div", { key: 'f213bd634bedd4e349876c76e759bf8deb19b7ec', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'da770e3fc3b563087ac6b58720a643364ca9d678', class: "container-section container-example" }, h("span", { key: '2befa96d062c207d6403c0cb81564f5d4bcefc98', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'e564467578670b301183dda2d027bebc96e70753', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '3981406726794210dcd87fff2c38c2d1063bca7e' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '34a524879b683f1ea212d7f6180b95e179105915', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '8029b9fe73cdb22ce11c1a34cc6cea84651e3e28', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: 'a7db6004b09b8b85be7e9c3ea5d578b7623e95f8' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ec5cb5dc8e9d1c988a8541b35b2a8983fa79bdf4', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'd18157945cb18b7473d52ba8bb8e6b97f7231216', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'c72aaef7ca094894467aa6206e2e41716d221bc9' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd2e22f70561b85b4042fddb4b029d60a8b5fa604', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '3acd67e47a4cf52bdc1d5c39ff3e76e2a758fd27', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'f6182016deaa8e1c3bdd4f2ec39be56b6994ec86', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'c481c32f7addb5d9fb8baa1cfdfaac5f9b7763ec' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '72dab155578b3d0a694016263e3263f13390c3f1', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '56a086fe9f0b3ebacb083debe01ecfc0db1e2efe', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '56a7a67b28f673f88d7fb55202c588709a7f919f' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'e1631a015d8303c73d1d0698ad0ad1afc0d8e6b7', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '33cd9a44ce00854e2fb442055ec16967ce3e49a4', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '55bfe37d85748a2a71a89b46619d5fcc1fa61016' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'f021eeea0bc90baf026ce79def55d8ff0c35be75', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '44bab50e67314d4e77f779a834feaf4c03be7f20', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'f1a6036fb7602f782c2603dcbf7f16e6ae44e436', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '4b3d12dbc8d71fdfce8116553b036e39749fb4b2' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ba6fa01da0e5609545e5c19c5b45120d8aa69a3e', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'c156d22c40dc78205a1434fe93a795e4f8ab2c2e', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '368e4836029378061daec09d809b3fd465c4e3d2' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'dfff4e61a4b813626823721a926d448751fcba97', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'b38ba6c0ac07a1b74f0ce23212319a4dc24a8f14', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'ee7682a37afafcf9ca7fb186ac6d8171383e973e' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'f6aad76572d64586ed52b433223deecf0734292c', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ec1aa79ecbc1d75741dc8f71afc7e9927e38b920', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '909ba142115058debefb9a8cb9cac713064d2823', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '4fe63d60bd5dd92306a4a1954e7eb9e8b8ba270b' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '6be649f65fde55b98d734f61d6187c48d0d6560e', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '2170a2ed0240aba1af80e614606ed3503ff83dde', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: 'eabb40a850004e6c18e88768a6e8db765238d90f', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '5fda8341e66fb49a358dd1c0fd05181f25a8ffc6', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '06a858aaa7a5abc9dfd5637b3f898c96d3a4f48d', class: "container" }, h("div", { key: '9496ed7ccf0a085dc7229b7fd4d151a057693c0d', class: "container-title main" }, "Tokens"), h("div", { key: '0eb8b525bb7a679b181c4a9d4490235137dee678', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: '3455751a06b14d307b1662b8576fef0240bd368c', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '51ca17389e5054a308abbe48b49f400a93523c6c', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'b35184e5d8b6e10ff56b16d2009b421a23e9b109', class: "container" }, h("div", { key: 'ba64fc106ddea05c8bbdf75e4ac30a8281b9a97f', class: "container-title main" }, "Tokens"), h("div", { key: '350a003ba836a0465d437dd1ffaa5c35bfc5ebe8', 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: 'b12d3ef9dd0f713fe191e1cf710ada3198f78001' }, h("div", { key: 'c496066df9b55a7f024608b091c57403e9c77b97', class: "variable-container" }, h("div", { key: '146e3ab134ead5ea35a2003678a3f0c88f9b700f', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '52b647e87a184e8a401650838ca885fccc79adf1', class: "container-section" }, h("div", { key: '122662b2a63d0da9743c3002478b655fb9b9c759', class: "variable-name" }, h("div", { key: 'c6e9235bab7aa13a6e2c6b21b062185a8a83d70d', class: "variable-part" }, "tet"), h("div", { key: 'de4d51a9517951a09054f1db543c78f2f0152a61', class: "variable-part" }, "-font"), h("div", { key: 'c69676d26a3ad0233fe8720654dceb880fbb15be', class: "variable-part" }, "-weight"), h("div", { key: '729064a61e986fab84cade7eb8f0fe58318b27d8', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '2e654f9cf8276808284bb20a3e39d12acf5a3baa', class: "tet-fonts-container" }, h("div", { key: 'd14bd79cf3cca71b364a5572f1dd71598a138cb7', class: "section" }, h("div", { key: 'b24945b64add0f38ab20ef28805f268108b7b17a', class: "container-title" }, "Fontu biezumi"), h("div", { key: '39fb6c3e6f05ce15b9e10435816d0799a9c83dec', class: "section-font" }, h("div", { key: '4c5378380235da0bed00d2fd484cd33df815fe31', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '2e1fe32198eecfc8aa38a0e111007a53b253229b', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'db5dd8037c7d14e859f26301ce8aadc5e16c0559', class: "section-font-weight" })), h("div", { key: '7f5f0d0aa8cb1cffb3002adce4e52234e92f5d1d', class: "section-font" }, h("div", { key: 'c4971b1a8a98c9dd0140cbb38c8ff9decf04811c', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: 'eb6a2e79f8adf013526fa96f11246150c0cc53d2', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '85262be9acded8aca7c849243f906608134faf0f', class: "section-font-weight" })), h("div", { key: '6ff6d65bd72f64470b2e6ef94c47f03ca5274e68', class: "section-font" }, h("div", { key: 'd50c68debd9cd9a7e6493dd20e20955563a06946', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: '85c682b4685e68842f2ecb7654fb86aa209ab7ec', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '376d7424e1d1f9c4a826d60e0af48a72f1b4abfb', class: "section-font-weight" }))))));
+        return (h(Host, { key: 'e5caeb26c563c137fb605271e242af6bf2145b94' }, h("div", { key: '159cafece6925595b64456729842c7cfc3924d43', class: "variable-container" }, h("div", { key: 'f71a4fe01edefd8eba5ed041fe36103521f330e4', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '4d9a0c91908e08dee9762a1737f1c96d2aaebaf3', class: "container-section" }, h("div", { key: 'a26891b38459da0498c3dfd3726386dbefb26d35', class: "variable-name" }, h("div", { key: '1fea10f005fbc002256f4a068a3f66dd733e71ff', class: "variable-part" }, "tet"), h("div", { key: 'c9f2909ca4a951e65c4519f1d5dd9236bfc91082', class: "variable-part" }, "-font"), h("div", { key: '96b5630671720d58cb5936ba6f3b53d33b853886', class: "variable-part" }, "-weight"), h("div", { key: '2c591a20e11c8108c72751522a09e6126456c725', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '79ac90edaa37c003c53f6ad57bb0fd890aa387fc', class: "tet-fonts-container" }, h("div", { key: '33864479650cf6e85c0c4c94a5580a7a01f62ea0', class: "section" }, h("div", { key: '1fcd1bf95e428ff89337caf4bbd90adb74a4d65a', class: "container-title" }, "Fontu biezumi"), h("div", { key: 'c4eb988a854a7c78345787c44444cdabacf579b2', class: "section-font" }, h("div", { key: '9e7a865c18bc01e261182cfc53a9728aafb8fdc6', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'c36c893b1609ad7328b1b4726a31ff0af48a4185', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: '429f87ec85fc8a809382a70d3c63d4922acb3c24', class: "section-font-weight" })), h("div", { key: 'e8486a2c5ca710e932ca4460cbc7060b71f689ac', class: "section-font" }, h("div", { key: 'bad4a72fbfba4b7a2ea6e508e5fe766d26802ac5', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '48ab4d8ba57458578118530ccd98816a0976ac38', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'e6fa1ca6842a7bd1ccd5357ac572ba8a34860406', class: "section-font-weight" })), h("div", { key: 'bb8cd32afa1e2fa8979c12305a3f077693853968', class: "section-font" }, h("div", { key: '4a4bff1ef742f6d7ffe653c53b2e634ae8a7bb10', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'aecf3b5078adb70026289ff3412964df264699c1', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'ccce836329ad7df57a05ba8667a7855c0f540f48', 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: '0a932add882563866195db3e697af86e3998da63' }, h("div", { key: '4fd99d64209e67f488a78b133d9cb514e56f5c5d', class: "variable-container" }, h("div", { key: 'e94fcdc9d8e5c76df9f8fe21a867c37300389a57', class: "container-title main" }, "Fonta klase"), h("div", { key: 'b5bd1b79b70b469cc6edca3341f7640aad2a3886', class: "container-section" }, h("div", { key: 'ad73500cc61e1a779f8747eb35f035a467366e8e', class: "variable-name" }, h("div", { key: 'e16f5522f3f99bd63d2ee1e04489401d9fb6fda7', class: "variable-part" }, "tet"), h("div", { key: 'a267daacc021a49cfcfbc4c414de98d07ab433c7', class: "variable-part" }, "-font"), h("div", { key: 'fed6e2cda8b56b509473030a88de7b1fa821769e', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'baf994a5cbc36764aad79deccf17716af0748148', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '634729843389448e34cfe9f7ae5aacae5b082cd2', class: "tet-fonts-container" }, h("div", { key: '31a2813762b5e58321a34e10a136ac92908d5255', class: "section" }, h("div", { key: 'acd1c2e379530107ab7012faaac845ee61721901', class: "container-title" }, "Body - Inter"), h("div", { key: '0aba29e6dfd829559737f7d2fd75b58eaf93a9bd', class: "section-font" }, h("div", { key: '5b03004a1ee17382e1a090cdca9a92015d6255fa', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '234fa389d8dc9f5d552cf6026d8aabd088688ac5', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: 'd885ef3452c3e7ea0b0fe27554f781bd1a887a4e', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'be0e66945976d09ca1fbb5dd7f049d5cf5621d38', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '323fbf9ad926fedae1716ab8b90a7b0606f0e9d1', class: "section-font" }, h("div", { key: '4eb400e07bcbe33ac6b7fcbb398edef7fd807af6', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9d348347a638e1a6b4d8ad06ae7e704ca9f35b77', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'be6ee735bdcf823d864b2de475f71433f5a6644a', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '5c51288852e73af76ea5960af630550a003df8a7', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'b7d699184ac88ab1cf1b9ca980216b4a34397a1c', class: "section-font" }, h("div", { key: 'a6adff206b673a21899f9e2459b3dab2a9359d08', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2143ec4ae8088e40cbd45df86ac20986f628598f', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '815a6f54108103622e994a39224e5a68c473a0cc', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'd18ee9793fa5f3d3a1a50a856bfdc57483a9d9e5', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '0769fc76f330a469e69336fa63411b014f697f15', class: "section-font" }, h("div", { key: 'a16feb4b24ab81f76234610aa819e190b6ce16d1', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '633d568031718b2261ff93b9eccd5a6b573e6056', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '9a969b2c794bb9b6cc701432f7fb1c2fbd009318', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '66d82f0411157a3be0080082c181f2d7a5e0420a', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '1cd0097997e6e152d121e5e92c9227216507740e', class: "section" }, h("div", { key: 'cc9c5f17841e56d8af732bf45a3a620ca6fd3209', class: "container-title" }, "Label - Inter"), h("div", { key: '61445d96a66864d1e6b4683ebb817130d7da31b0', class: "section-font" }, h("div", { key: '7eb382ba5ce0e0476dedd693658a909132eb13ab', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '91e9daa3e50915a58015177a79606186b72ba3d5', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '7630558f34bc9c71c29eaef0acdc766cc5589413', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'e30152ea926e50c1371590afc55d4a4f94edf588', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '00f2c1f25239814616969e50bc34074b333c54a4', class: "section-font" }, h("div", { key: '3fb425e70649850dbf4ba1fb44bc29e0924012d5', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4a4ad3287bb0edb9c3e690bd1336d2cd711fb81c', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '24d2785804da68df3f7b0288e1661a91aebc00f1', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '5b381e72d7a388cbfe5fdfa2735d166374723bc2', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'cc7e344f212210328f3b5d1a1ce36e77fd8573e4', class: "section-font" }, h("div", { key: '1efe474de7c14faef25afa20e7d5affb63862bce', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a4a685c6665d7cc78fdd7f2be17e3470ea9711ad', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '0a860dd898f8e42c60db40b8af43199fd4d59a36', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'dab6a62ca26b4a882a551699aee6a987de037938', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'd96b724cddd7bf4e5b1941f083593cdc4c646cdd', class: "section-font" }, h("div", { key: '529b5db727cbe9e100f286172a39094b1a304045', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7fdc9d481caf6e6fee3d85858202be7fd6591cc0', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '47d6b96be638354b1c6edb2e336b568a993aa619', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '776309be35f71801a88ca4d090dc90ff7b0caafd', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '7e7104a3bc0c20aac84d2c670406050acd5dc30b', class: "section" }, h("div", { key: 'de962efb32f00b58953418a930d1b87928479b44', class: "container-title" }, "Title - Inter"), h("div", { key: 'ad357eb375169670914660136cea55647c2fd4ad', class: "section-font" }, h("div", { key: 'bce527d20c807ff46ff7bbb2f24b16d8ca008181', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a7dcc50bc3d73ec89b19feba11cc5773b2f18129', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'd7bbec7188aafb1607dd72778f8a937afb90bbdc', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '8907f7c818db236bfde2c851bbc0ffb7a4428a38', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2fc7b11eb5ba0dd16eedced9fffe7c1de44ade51', class: "section-font" }, h("div", { key: '81ed88f1c68ab860d67bb858ad0706ebf34dce13', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '062a81e03d60a45fa28943d0ae5ef46ba80f58c1', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '716423c327eced9f8e93cec96c4b0aa4a4b59f87', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'e35f7a7fb4215c678ea724277a947da174934f54', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a77f9cee83bb258cd8a740e6613be2e7f307bf6a', class: "section-font" }, h("div", { key: 'b2fe05c60719ccdbaaa9ee69595aa37d33e27050', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9a56694f59bc3913faea586067f1eab8f4f6abd3', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '1b2db1206b072db3b2e99477c79a7b05fa233e93', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '955611dbf44b0a1bf4ddb47908be8b393ddd89b3', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0aaafd7782c3563e155760e8f68aab24bb51bddf', class: "section-font" }, h("div", { key: 'df8d7326b6df81da1adb86df512053c2b80f00ca', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f8174af161392f6de3580e827b4af7341460e921', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'a33156927b54ebede104b78b10dd28683c024932', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'eddf3e4f221af281ca8362d1dc6d13003356de79', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '59883886a0cf6a5c6d5e92306bf17f4532b673ca', class: "section" }, h("div", { key: 'e3250aaeabbb48929f92af81cb177bb38f9df534', class: "container-title" }, "Headline - Inter"), h("div", { key: '099a758103e480051db582ed279358fccc5055f9', class: "section-font" }, h("div", { key: '876bf2e8f725e5eafb788ae59ec3647a5ff5aff4', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '34be499630af0828cc8be81dfb8d9d63adb6b286', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: 'b8bb9fefb9c7746952dbbd15efa6c1fbe106437b', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '71df733ffd562a6f81b8b9a922147e77d4741877', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '8aee6a71641cf166efe461c147cd71af46f1e3e3', class: "section-font" }, h("div", { key: '64c87da37fc354d2e96a07d5d1482e7b071fb330', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2652943b35dc0f069a746a0e2ce653dc7a6546b8', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: 'c139c1933d272b3821100d6f647262a12acf65e6', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '7da0856dc56ea7b9b33b132ec127047a1a7dc1f2', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '36567d10785dfbd0fae093a92b17472e78844c2e', class: "section-font" }, h("div", { key: '3be07aa97734acfcab488f54a4a8ef6a506e9a73', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '329f9a1d6a79232f9c35a4832db482f0104d16f2', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '0a24d53bda92b9028ada908b5386861781b07484', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'c7064e453819e29773e602dbbf1fdf798d13d60d', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '308c562cabf2f1585023254ff0e5f0b02257410a', class: "section-font" }, h("div", { key: 'e2cbe08db770fdea530bda2c110af6b4de5d923f', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0732f9e89883767a045778278a131e7315a1bb5d', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: '8a989cacbe9c269632d039d8c8c31c24c6eeabd9', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'd60f227b3568c002faf574dc2640b16e92d0d16e', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '0c11ade3635ea9dd07c40477956cd6f29972b103', class: "section" }, h("div", { key: 'e24396c527b1cbbf43b7fcfaa2aac4d5e9d39511', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'cf867fc76f66c9392950b2156ba261c1d9a9d65b', class: "section-font" }, h("div", { key: '3eeda1ee554104b2c914eb42ffaab1d4974bfe4d', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2ce0ea5ee95fcc06fdfb110301e5168e2732e955', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: 'bc8b63d49cd20f5cc953ea4fc0f39760ff999001', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '1287d471f672803a9a463eb59104eca67aa0a733', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'bf51915ea80e4d6ab0874170baa0a8069de10fe4', class: "section-font" }, h("div", { key: '389f04a864c04a92c7db6886a8e10f4ff7013429', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '464228cc33af429ffc72876d61b90cdafc9ce7e6', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '51888ea61c171b1cb6a8fc9dc72a08de550cde89', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '18957173d9f9c00241a8d1d7f4aab96f0146328d', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8bfdf0beb057f5d9a47b6dad4ebc78ed0758adaf', class: "section-font" }, h("div", { key: '2ec17e76807fe2242a04f8f9a99e7790884836db', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b9be7e17d924f7913da531d95820e1f3dafd77d9', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '8b43fbb9b72680110ad956f4b64dcea9039b6311', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '03bbae4d9ceff72a6c6779307a79aa944cd0d70e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'aba3581804dc9cd0c7bb411b3b2cad8687364da1', class: "section-font" }, h("div", { key: '89736beab3365b1889627b5e208aba14cd251363', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '17ff85e2660970bdb03eb812e2b7fb7841e010f5', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '5afa1fd71c2535046a27a84cbea45c0aae7d81b6', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '7f8c91c8cebf3698334a9a52b820368282473eed', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '3fbf2405b2fb2466470628d19e4669243f8da9f5', class: "section" }, h("div", { key: 'c2c632a4b1943400a6e68e78005bc507533ee554', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'b699d791f52a9974b7d9b420ddb8b3d74af5180c', class: "section-font" }, h("div", { key: 'f3ffa3413d89a9162c81c3009efb82e69d370c83', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ad4bfcd2319a3fb543b305baf95aadf7695e8787', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'e8c22c30a4eb1fb9c98ed4fa17dbea2081f9e084', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'a7cb727a5dae813221cf1458dfdba9c362f3bf6e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e3adbc989baf05530774d4ba6e492239751025e2', class: "section-font" }, h("div", { key: '396638a8e30d4b83d602dee9648cce64281fa4b4', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e48b35bf21afd27fec30793f39d7d8ddc15225f1', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '4a9d1d61633e90d796fbd5e703057cb6252c0836', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'adc19c289b22719eb35adddcac63e24d0187b651', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'faf8a90f931f952d55de52ebbb66697061ef8097', class: "section-font" }, h("div", { key: '3c78d1670d84ae69849dee7e150a3ea98f99164a', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ad0c68ea5cc33074ea487a8ba7bb4effa60103b7', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '2f18af5006445e8f6dea35d5380a2b666cc9735c', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '3d211652d3cad63be4553574f79f12496ff4eb60', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '9057b14cf7e67488d9081f0da8c3cef29e983818', class: "section" }, h("div", { key: '2b1e32f938818614518d4c2592955067dabb0e0c', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '3fd43980a8c005b21c06098ecc9aa6718e4f9320', class: "section-font" }, h("div", { key: 'c4d6f43c92dce8b7e5cc2e9e0c0e0b51cbac8705', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0b7948ca54f358e6ca6f842a16901f1ce5b2f702', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '7ad59ac2032d4de39ce6cb393ca19a007492800f', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '79827f50365f18dfa97c477ffecb0cd5fccdf4bb', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '764ec9bf06ea7a1bdfa2bc7dc6723a80c89bbdb2', class: "section-font" }, h("div", { key: 'f356272b41a0342eb80bf760ccda29c14449b57f', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8cb3440db6666dd76ef3b4fc1f90e055d7f72699', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: 'f7b0984c51122a68e83831cce5acbf72aba3fe99', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'febea3d45a57c35a3816643590bf49433cb589a2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3164b81ec64f15992e64a79003ced39bfe429923', class: "section-font" }, h("div", { key: '7eee440eea2ee3d651704977d0f77dc3b9cd7efb', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3a83cb614e3b1591321cdcc5137b0e103bf3a8b7', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '8c01afd95ecdeb95166646edb93a49aa57169726', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '94e56b386d9b6a552ad7e345a3da85b2ee006e5f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'be5e5581606c0580513fbf1647514f3b0321963f', class: "section-font" }, h("div", { key: '3695b58b965000ec5b2d3799cbc3e27ac26bb4ec', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7728de4377f99895f4817e3f2f56d74897723d22', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '80f67e7b3af9712494ee8077e18cc76c42b38a0e', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '681237eea5d227332a8b75862cec426c7cb3754f', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: 'ce140b4cc2e3a7f198cb23ff55ba7962cdb7b23c' }, h("div", { key: '3acb09a08f6a55a66ca30011bcf6ab488e93b752', class: "variable-container" }, h("div", { key: '45791ddf5ad508dc657cb8dba1bf32f78893048b', class: "container-title main" }, "Fonta klase"), h("div", { key: 'b8380a2868f0f6851738a2861974b71083a16aa7', class: "container-section" }, h("div", { key: '02039a210d479cc4a667156b8f391fe10eceeda1', class: "variable-name" }, h("div", { key: '0b60d6a08314420a74eb107b82bca01cb8c43cfd', class: "variable-part" }, "tet"), h("div", { key: '0b5dd21680619f140c7baf2ff0df2c08c10495cf', class: "variable-part" }, "-font"), h("div", { key: '2ee49278c4da995ad07d832422dd3f374141f6b9', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '88c38591ba777c8aa5cfb08f1cdee8834b242f89', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: '6d8aa456cf2f1b34f754ce4f05c80c9ca8f28cbb', class: "tet-fonts-container" }, h("div", { key: '8a6cfa50eb8e2f11e45abf3b2e11ba16d5a8ffdb', class: "section" }, h("div", { key: '3a7182b0007b5dccb6e52b1a4474fa256373ad2e', class: "container-title" }, "Body - Inter"), h("div", { key: '0ede9beb29f6719b9691fb645316a7174e244de9', class: "section-font" }, h("div", { key: 'de0ce5b76698875d591b7af7b86f760e8a095c8b', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4bcd8988147eaf450e647a6bcc78f7f3e66b9a33', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '20e86f890a6294fa64d4d4e31e692173b482c77b', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'aad44e317902efcb12d5bd56e033e903fc0ba50b', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'ce6fb80cc7122c2dc20aa6cb67b832ec4b6c6336', class: "section-font" }, h("div", { key: '0db048581ca3413240b3429909aa1923efe05101', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '161e728d2933384fdd895a2f7ae5b1542ffc716c', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '55899bf5b4b05a3421bd7b9679700a487ad09034', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '71dcdcf81d9ac69322bcc550a85756ba64319127', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '589ffc87aae63263b7b7caeab30dbe4b7a838e8e', class: "section-font" }, h("div", { key: '09d5b044fca4cafd17a5ded11db933705bf9ced3', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5aaff4bdf454743f0bb7bc352e0aed55af0cd05f', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'f91f3808d65b97fcc047e90cc638a9e570751319', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '3a70363634cc34202a3d43bf12bf226d4eaee23f', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '293ac3a4a927903099d0a011ca9c7ab103d0ec74', class: "section-font" }, h("div", { key: '3f99193608909e4e607d6141f55c1565e82c7278', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2b321be7151c6d900a0da4fb52314783eeb253d1', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'fb0a9c01c3cdc57787523c0344c8051418097ed6', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'f308890e26ffc2cc645814fa289779aaa927ddd6', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '30e2373750308ef04edcb6806cb51373225cb7a0', class: "section" }, h("div", { key: 'efcb17b98174705a527dc94864d16eb3b72cc516', class: "container-title" }, "Label - Inter"), h("div", { key: 'f78d17aa98737724f17dbe9ceb4aea8f8cfe5772', class: "section-font" }, h("div", { key: 'dda5bfd4f00726182ac8115f5040656db571cddd', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '25774f84b4d575423336bfde07421e40c272e1e9', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'f2b155bf627482e41ea688002da5f37aa415e048', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'f6f3ef073f2329ea5cd48ea96bfca90e24223745', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'f236700bbca12baca8d0d3e70c015c818950a6c0', class: "section-font" }, h("div", { key: 'd6c6e3d11e77aad6e855bb286445d93ca13acabf', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '07c1b71be3ae24c1fe96a519cb73cfb419ba6e0b', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '3628aff5752ae1e8331f5c910902c9d0f97bebb1', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'cb155f10578f75a30f85303d0ca8ca309ffbbd8e', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '24cd6ce6569ca2b28bbc8541bdf3b814913bbc42', class: "section-font" }, h("div", { key: '059bb17bd82fe8860b74d7370a6300a8e7a82355', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '24b60954f79aedac5150170f53b8181bb6f42876', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'be204eb3d100a472386d9dce4e94e5658feb3651', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'f326c5508112aed7bd3946b3f5776b9642859c92', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0ce5d0fa473236a0ba5646a6d68f9ea482bcae4e', class: "section-font" }, h("div", { key: 'e8e5c75493ac04a86c2aa65836b8f340a5d1fe49', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '65d4e56903ea90c94bdb4484154d1f9f1ae05cd3', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '38b15a097b4a01dc0b8fca4ff751d8c52fdd8991', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '968c966a13a8b02b997f5f05e47e5b4329046f7c', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'd0ceb859afbe9522c2f30a600bfcf6d9db48dc31', class: "section" }, h("div", { key: '7501ca6b1503fab1245c5f9750130c0dc24d4d32', class: "container-title" }, "Title - Inter"), h("div", { key: '834f8715a2b451909a6083b805e9737fa1d52ed3', class: "section-font" }, h("div", { key: 'd4e80f0fa88813ea5416346ca9d6eb7d1be9475c', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '13a3d9b2cab336a4832f9793c9a8c2daa11deb3a', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'fce6ebe16487381ef7f8867fcd8c0eb14b5021be', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '3c9fcabcc03223981836b8bd7068f14ae28ab74c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '59e529d42b7cd176a9a3d18a90a7f203856a1edf', class: "section-font" }, h("div", { key: '5c70d15d63c8c1e162224740c3a86637eba5640f', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2748585acfd3e7bd1a388b8a8f3873afa392c9f6', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '1091f8e133c1deb73ef55c3b07ecc7e6c171e306', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '73cf72d35217032b8b49f2e4304429f0ab34d11c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'ea535bca62b1c99546544e0ba22a4bd3d8e94da8', class: "section-font" }, h("div", { key: '12b839b5ce63f914aa59a9a4b75f7e7b5cdb24c3', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1ea4a9d68cbf8e58f39172c21ab9bed28acf7ab6', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: 'f63e7ca9dab37a8f3a39dd9281fadd95929d2e08', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '1402bc9567942615697ab8c7a4fc6dfc45a84229', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '5ae6754f0945f8dd7e0d1f7a54932835f8325eb7', class: "section-font" }, h("div", { key: '71b36a7181861b9c1bb049b9defae79655e1e457', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '82fea32daadde4d02eb5b73f261f041fb06ecd0a', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '503768675a49f95242e01d2eb134ec8e0d3f1f7a', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'c27372f510c0f682e13246cea2fe4a4dd105ef01', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '86ee5e61e1326c60dda315a6ec5493697f630986', class: "section" }, h("div", { key: '22b2c630764195e69ba2f63901223c16e95a3d81', class: "container-title" }, "Headline - Inter"), h("div", { key: '6b6cbee949ff4d7d153309d0b2a27a9232e86873', class: "section-font" }, h("div", { key: 'd2d1f0b301d32d4624efa2564a04d6ae2cdc691f', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b0c870d80788f4a0e430d9740261ff8dd758a59b', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '1cae05b4d6fafd65dcb329fc456fdfbbb7bf7109', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '41d341f56d8e5ce4155e867f9a1f4a22e6bfdb5a', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1a2055dcd764d9088adc7f0783e05b5f6df13252', class: "section-font" }, h("div", { key: '27dc039e63dc3103fc3aee7abc371a1307153bf3', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1c1ac33c5fdbaa929315c30405fcb33f39ad5a09', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: 'b9c1370a1a60b0f53b1fed4294e3919403a8e31f', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'cd7924f596f874efba586cef3bceb8abf3bbd4e6', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'ee954853a602c5e69390ea5863702a942f90f517', class: "section-font" }, h("div", { key: 'c032dc9ffc9f5e66e8bd22c25bf7f849284c4a6b', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f8ce658bd9f4ca407be0b88f874e4571f52b0d27', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '50bd8928e25d4b35c04bffb70d5b5ae558a94ae3', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '514f5762dd6d7a83ec38a54b61ea0f12900fbc57', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '40b47f3bba48012606247a5cfc01978a43e02dc2', class: "section-font" }, h("div", { key: '503a4a4fdd070f5d308024c07ec066cb506de0ea', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '302dfd57e02bbe2d40985dbf438df00303d2abae', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'fac41afb40ba36a4e8c175182de105a38824ed5c', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'a194bc03e04c14ceb879a33be887028c289e0488', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '2c0cfd8dbf2ed5df4c009f868ac28f6550595de9', class: "section" }, h("div", { key: '55251a099ce4a4f7db0bb73e348e441a43675a32', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'c53822aad4d6125b0cc8b5b1eb9eda5e16f4e581', class: "section-font" }, h("div", { key: '834bb20af1fb7d1f3895e9589076c296832f03cc', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'af5be516a15ffdb908abee567e5db2bcdb76dd3f', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '566306e7a2d7328a3e3db0f5e7c61285ac6a8313', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'a9d5e12b127b81b3555c6b774cfa916177313c3b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e3d013c7fcaaa5222289d904d043d02e97982316', class: "section-font" }, h("div", { key: '78d743f4850b56f2cccb3d6bbab47b2f6e321a15', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ba2ef4b98ac2fe85cf15f480ac300b3ecb24394c', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '0dd5176a156ec28c43f815bc00f0d93d8d6c5c06', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '95789ce0732ab91f5d838d851847a6eef3e15fdc', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '99e673f11f29dce16ce3345a9eea7f1d27175eee', class: "section-font" }, h("div", { key: 'de3ef167dd74d75b2aa8900ebd9d2102ef2ed423', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9db6a7d6139a3544e841bd9fa95aeceb3c6c937e', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: 'bc868fc8795cc3de0841cf93b038255236558553', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '877249531909087995bc8296c90778efc84c9fc9', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9a8c68fcd032b7e585469921ed42eb4947432ba8', class: "section-font" }, h("div", { key: 'a5ff2908251aa3f3fbd00bb3f4893153abffb725', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '009fb7c4e61520decc7ee6251595d4fab36a50cb', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '8b41782af4e96755a4b79c87446c08e08e89cdaa', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '80969971eb48bac5107fd10897641ead564635dd', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '0eb3656b25d6c0edaa4304d2f875ebb0370dc39c', class: "section" }, h("div", { key: 'cb8b7f715c87f6235896a61e7f56bf54abd18ac2', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'ec6162d1fa5a33375bdb4979eb656ad97b19a6ca', class: "section-font" }, h("div", { key: '4a9438c028f46d7ff80a291045f99664685330f2', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e7e35b69c2f9920d17872f823baa30d141b9017a', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '655e70e912075976a6eafdbb6cdc1adde6d11581', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '8d11a0873a0ab17de5d93af3bad0fcc0e778295c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'be747c5d6e05f1e0eb4fad90c3d702c6fbbec099', class: "section-font" }, h("div", { key: '68e4b413ed1fc3fc79bdae99379d95313a4e26b6', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8e5d08f1bb0d118a38d49e8da78646df49c77424', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'ac2e86674af98a11123d501900c3130724d2f293', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '3eec252fbabf4ece5e755f0af60dfd2242435bee', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a8963b28e463300f9d3254ac4e64ea16515ba9a7', class: "section-font" }, h("div", { key: '575275b4a83952628ab51f2b14fc3c0a3bfd8b9f', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '6fe5fa3003cf15c5bb9da3d28096c1ff06cbd1d1', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: 'e00ac30b553cd922e7bc4563fe894f7c452f8a97', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '64b5d8cfbc864aadacac113408202ec25336105e', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '708258a618e80ca18aff1487c4b41d24606794ec', class: "section" }, h("div", { key: '194adb3916b50ee65d6b2e5a9e1019e564f6d7dc', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'c547365eda33a4513f4f5d8cff89ba11c5866398', class: "section-font" }, h("div", { key: '097c4f5917ce4ddeaf3015657b0014d62063de89', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '78a3a8779b16272ae26334b43519954a908529e3', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '2950c4b43e3e696b4ec673c2a63bcd17d89cb54b', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '353790cd3747dcac4149ee1e77f3426c4cb85310', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '2f3079841dc0e70fc4b441fc5872a373091a9134', class: "section-font" }, h("div", { key: '3c228f59e613d765d0e0a28450457eef524c4b98', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e72b10fa9c3dc45886bb61585286f52e8f15c72a', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '5790f36acc175aa1fedff0c42aa1142cd39f6970', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '22def43b2b0abe73546e4da9973aeb8aca70aa22', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7c84dcc57aa7010aa0ba5e3f05e467dc304dfc93', class: "section-font" }, h("div", { key: '73f9c4f7ee8d09803366b500fadb06888fe21cad', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '24b25d793686e41c7578a536a1813975af3a896b', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'dbe178f6b4a57d8825f20fd2e78a7a3b9e293838', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'ab14a415f546fc97cf788dda7e9fa99a8ea40c94', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7e0c25803f695f14955982cc14cd4ca4d10e56d4', class: "section-font" }, h("div", { key: 'a3534b8ff5b94ccccb12d8ebec1f1a9d49d68807', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ab95d8944c05e419da52dad9fe8ff9a987c9685b', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '17709ec978fb46be2b26c72c13944760fd8b2548', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '0f62bad99283f959408b38537c9c7b189ea8bfd3', class: "section-font-attribute" }, "Font weight - 600"))))));
     }
     static get is() { return "tet-fonts"; }
     static get encapsulation() { return "shadow"; }