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

package/dist/collection/components/simple/inputs/tet-stepper-input/tet-stepper-input.js

@@ -145,7 +145,7 @@ export class TetStepperInput {
             }, class: "stepper-input__input", type: "number", value: String(value ?? ''), disabled: disabled, theme: theme, ...(accessibilityLabel ? { accessibilityLabel } : {}) }));
     }
     render() {
-        return (h("div", { key: '73e2e2b0e28c855a09fd3a0eb224c2fbac73f28d', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: '4b69569b4a634e3e7dfae95976436f8e452fc7a9', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
+        return (h("div", { key: 'cbaefd70366c423d7d122854eca31df70b16de65', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'e554764a94de4aabedccb32f06d0636fe1dad32d', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-textarea/tet-textarea.js

@@ -59,8 +59,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: '8d1da87f68ae54c367eee2564583e191fc0feb87' }, h("label", { key: '64e13138c4b10ff122dd8a665042ace530b14b08', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: '6711540ce9a9d197e92db9c4f3a35fbd588d9a0e', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'ea9255c74f65416ff2ca04fcd4834a8a4344ddc4', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '82ae71f360eb7a2d9b6f21030f97657a6b90959a', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: 'e4a6e1d2a795973d2673066536a838450af149cf' }, h("label", { key: '8a0e05e22f0172fe31265ef0b8d1bb8593cc1eb2', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '9fdbb218b87da7ff7025c3865f9a002671b2ebef', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'ff20133ab5898c4c094c82e00abb969d3330acc2', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '4eb12135b3e2adf8eadf3a5091ecc676ac2cef97', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/lists/tet-link-card-list/tet-link-card-list.js

@@ -61,7 +61,7 @@ export class TetLinkCardList {
     }
     render() {
         const { theme, layout, items } = this;
-        return (h(Host, { key: '422ccf00f1cfbc0482e23977d62fface1fe25f63' }, h("ul", { key: '2bfab4fbbc1330d844f003c6dc6d9fb68cc27aca', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
+        return (h(Host, { key: 'd9f77858102975654570c58eb8acf2ae75bb6023' }, h("ul", { key: 'd759d69bb8693365dc9118c332cfe2b69fa11241', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
             ? items.map(this.renderListItem.bind(this))
             : this.renderPlaceholders())));
     }

package/dist/collection/components/simple/lists/tet-news-card-list/tet-news-card-list.js

@@ -68,7 +68,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: 'e7922eb695be6359475741cd8c899fbd4f1f211e' }, h("tet-card-list", { key: '6da5ae92c71bdffd1cc5a386f83bd78a46e8c2ba', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (h(Host, { key: 'fb35a76f33cc5300071118600a49ba3d4bd45f22' }, h("tet-card-list", { key: 'ffb1c144c16f009aff876a0bd72a9176b232e18f', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -515,7 +515,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: '07994ca228a25ef1bbfd29a8e17ed8552ecdfaa5' }, h("div", { key: 'a58dce2e28e3b0d9839488bcdb025f02ea6306c4', class: {
+        return (h(Host, { key: 'de4adf878b1f0758097a595ea15625c46e1751b6' }, h("div", { key: 'ed81f06f4cbb30e6c5c3c56c175f0e7a2b1bb93c', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

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

@@ -178,7 +178,7 @@ export class TetMenuMobile {
         return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light", type: useSecondaryType ? "secondary" : "primary" }));
     }
     render() {
-        return (h(Host, { key: 'f121b6867ce55a57574b2d73c723b216f0abe52d' }, h("div", { key: '1d611fa1d41a3c4502c3eb06b71ba08e3897d15d', class: {
+        return (h(Host, { key: '66ccd316721735ef71f0ab5df9b5b61140e7a6c4' }, h("div", { key: '9a5296f3ca15bc980036324c98343f3ad1bd5d77', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

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: '252717cdf01bf63c8994a93295c3da1a92bda6b2' }, h("navigation", { key: 'b8e7adf800f4266af633ab061e8234de5053eaaa', class: {
+        return (h(Host, { key: '25d8e63d51a7f207b91e551fce3f6b21f08ae494' }, h("navigation", { key: '8bf90ff6796511ec259846c79ae68f9fc76efcc0', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, 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: {
+            } }, h("div", { key: '6201fc5959edeba4d25e306d0a8029e875a146d2', class: "navigation__nav-bar" }, h("slot", { key: '2d4705be32d7b1c3412829582fcab7f967edf1aa' })), this.isTogglerVisible && (h("button", { key: '61e1dbb1edfd4a91b4d9d3feb4392c0d381a5971', 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: 'ea6a380f0043d5ca91874e1937a7b5a1bd2fb419', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '0586ccbf635c63001311760b58e3820973395662', id: "tet-navigation-mobile-dropdown", class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'ec7e41aa669faab31a4f8e6e894ef10ed13fc08e', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '21d35e9622e74b51d2b0ffe82eff945a67958784', 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: 'abd2258aef5f7b20275ebc84a154cca6da27e224' }, h("div", { key: '580dedd434b319cf06e56daba7244308fda64809', class: {
+        return (h(Host, { key: 'fb419c54fa0bd745e9ffca1fe7025236e28bb96c' }, h("div", { key: 'b2a9991f56f93d3e04fda05576f0065c43b2db80', 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: '48797037e427685534ed291314d19b0dee2db6bb', class: {
+            } }, h("div", { key: '1b09b210b09c9dec12dab27a989e1a18fdce471b', 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: '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: {
+            } : {}) }, h("slot", { key: '21bece11319f8546c1a48443a1bffdf91dad7867', name: "header" }, this.headerIconName && (h("tet-icon", { key: '02eb7596bd7912e73d4ef5f988ae2590d60d1398', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '60ce5f06ca647a9fd722a158f54e08f219bcadab', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '1b231127467f8bb135810465e00e9d655c89866c', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: '18daea76d4e67b247d6da18549a433e2ef4c8897', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: '2699f453b4598b7fc92c2dbee98a8c258ea4d766', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'a413cd578c1b4a4d1a1af53205fae00deb2bd1dc', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'fd769b9ac44d816cb717f2292de6da21331281cc', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'fb6ab873cf1e514c8f2a4374101a1abac7cdf6c7' }))))));
+            } }, h("slot", { key: 'd38cd0b17cecc93c2e344eae6c280d24e5404934' }))))));
     }
     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: '5a5c08417d0cf1e8f68cc3eb965151daa57d3b1b', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '7368f0eb6825c72887a8d4c9fa86a706cf0a1feb', class: "tet-expansion-panel-content" }, h("slot", { key: '55fefef6f536ea9f2e27a282cf1a43a43b4748b6' }))));
+        return (h("div", { key: 'bebe2814cc527ad887205f7a8db4d57a45ab4075', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '9454d3b4f76a576bc24546fc0e61a8d0b2db2f02', class: "tet-expansion-panel-content" }, h("slot", { key: '6cc725ab453c9ae5df14d5f00ffccb7b59286318' }))));
     }
     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: '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)))));
+        return (h("div", { key: '68db493b1c480188e1560e23b268a1a07638745e', class: { 'floating-block': true, [this.theme]: true } }, h("tet-accordion", { key: '12477261bd2a700e4e550ba0a0b7f1daeaade1af', 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: 'aa9a35ac82876e546fb1774d2fffc9b69f25c322', 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-table/tet-table.js

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

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: '57bf3b92832d2f3c1f8c8ce9c208afedba5df51f' }, h("dialog", { key: '962bc0e68af1caed5a26ad3a7f05b00c331eb1ee', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'b75e163a2e58c60650a08cfe886517ae21d5d662', part: "overlay", class: {
+        return (h(Host, { key: '25482e764dfdb936297897f1b2a557dfa39bd321' }, h("dialog", { key: '0502798866b192b97dfecb6d0d0371ad509ffd87', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '5c17e17028d1cc691a7a6d0d4575387c05ada88f', part: "overlay", class: {
                 'dialog__overlay': true,
                 'dialog__overlay--visible': isOpen,
                 [`dialog--theme-${theme}`]: true
-            }, 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" })))))));
+            }, onClick: handleClickOverlay }, h("div", { key: '232e445825d6310b822e3bd26aa83607b834fdc4', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: 'd98d54c2ba7b9a022d49de48f435aebcf31eefa7', part: "body", class: "dialog__body" }, h("slot", { key: 'fb89eedb51092370e966ea30fe3d680f2ba925f1' })), h("div", { key: '148b1787cdd3d44507acbcd5198ed4c53db01d65', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '4fb6a1f93fbca04068106f65300c32da4ba1f367', 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: 'bb97963b2feadc57280ba14cace9905e4851b874', class: {
+        return (h("div", { key: 'e048674ec0d000206f0434f3959b87e74eb21c6a', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, 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" }))));
+            } }, h("tet-icon", { key: '0566924929a5ef0b2e6c0e013dd9de2bbfe04e82', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: 'e65138280b2b7a78180efc0332444d8d04a65b95', class: "content" }, h("slot", { key: '973a5e3a33e95ad1587af21a76de61986df92f68', name: "title" }), "\u00A0", h("slot", { key: '1187ceae290d24d94f7285edf97a0720b5e641ee', 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: '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" })))))));
+        return (h(Host, { key: '6c6bd7050530d958908870129dab0894f073c1bb' }, h("div", { key: 'e4be23d7b53d65915dee5eb227a227d0519e1548', class: { notification: true, [this.theme]: true } }, h("div", { key: 'fe63c8838bcdb8e436203596ecfac25dab48ee39', class: { item: true, [this.type]: true } }, h("div", { key: 'e3760102e6bb14e23a1875b964f09f12b02143c5', class: "header" }, this.renderTypeIcon(), h("div", { key: 'f10eec4e765a822b16530b0c40a9c41773c3771b', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '53c6bda8c54c57e6617011a3351f3890e7c84e6f', class: "content" }, h("span", { key: 'c4689aaabd124758e20cc4b8e5246af97f835d24', innerHTML: content }), h("div", { key: '8d43565f393db7f837ed053cced21feee8a61d86' }, h("slot", { key: '44f7b8d7847b7de0c855a5c28ba8fcba9ae9c93b', name: "button" })))))));
     }
     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: '41ceae26154f1c4b0fc4fbf47bcc13c5e6dae0ce', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '4136534ae71962f55b2c8556d2b9a5970faa86ac', 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: '44936e2ef654cfec9de5e89e941b2dc1dabb6c4a' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '314d8ac7b2b1762f353a08e4d7337502838ec552' }, 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-service-calculator/tet-b2b-service-calculator.js

@@ -51,7 +51,7 @@ export class TetB2bServiceCalculator {
         this.withInPersonServiceSupport = detail.checked;
     };
     render() {
-        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')))))));
+        return (h("section", { key: '442c41d3d4cd337904b124de2fc0927c5d076f6c', class: "container" }, h("div", { key: '6e744e286f8dcfec8cc65d651471171654edbe0c', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '8e91be0a45375cda0d6824ec82b4d319d8e6e645', class: "calculator-block" }, h("p", { key: '86d262b0f61da15673d0fd088b45d985e26b20b8', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: 'ddda0c9e470031f8b5ec8788247a3562fc521af1', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: 'da127918a198d393e7ead7c4fcd2c0ce7062d053', class: "control-container" }, h("div", { key: '2df7ecd5a9694b699d446792c016cfecc2367f54', class: "control" }, h("tet-checkbox", { key: '7892ddff27d74b36c8a9e446d55229311328519c', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '583b5ab6cf3b32de72c7f0a87091289d3c74ce15', class: "control" }, h("tet-switch", { key: 'ce92bb8cb9566e6b110994e19334dc2ef9344f50', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: 'e00213a749e2536cda622e8a896ec62b8038e4fd', class: "monthly-payment-block" }, h("p", { key: 'cec9d2b05199d93a2fafb35399ffb322f1e73fa6', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'a2aedfd78c0e595b6e0425735546489a909bdd87' }, h("span", { key: '2cecda075c983d6041226259c81ec69f9981cc11', class: "price" }, this.totalPrice), h("span", { key: '6f976490b14b90f362dbf75c56974fc3ddd12aa9', class: "currency" }, t('components-euro-per-month')))))));
     }
     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: '61c8ad323be29f10f363dbf8b174d3b2b9646371', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'ff40b1d0cefa5bf34216049652704816d6d4ba1d', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: '61cddd731fd49696c39362e94df14a1ad54762f8', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: 'f72aa3557f7d75fe6681eaefbfd8a242eede3fce', 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: '667e526662027dc6c444b59641ca88cce89b0aa5' }, h("div", { key: '5a9e2941baf16b6624e74075ee7df1675fb9961f', class: "contact-info" }, h("div", { key: '6b55715a871fb3f15e34e3220e3b5ae0b45768e5', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
+        return (h(Host, { key: '5070fe10c476caaed9b87892d1a6d7bf6d9bbd75' }, h("div", { key: '4c95a821612be3f250ade1f2a4992c7ccc954ecf', class: "contact-info" }, h("div", { key: '681b0bf5d0f8c7a0af934559c4329861122934db', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
     }
     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: '163310f7570f6f78d2dff0e92711b124cca8ab13' }, h("div", { key: '78975409d9236812d8336a08a40fce3f2a6131bc', class: "wrapper" }, h(ThemeWrapper, { key: 'ff3def32940a546bcb876ab0f06a7d3d45025e25', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: 'b9e438a2f158f4426a5321c8e0047b16843a410e' }, h("div", { key: 'dac4f99780f95871306cea7dc3b702f0d6cffe54', class: "wrapper" }, h(ThemeWrapper, { key: 'f376087f735b914963dead79fc7f11879495f425', 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: '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))))));
+        return (h(Host, { key: '01c1cc5845794e22e5278ec7a946dde0ceaea438' }, h("div", { key: '9cdd750820dc29008e2567bafb9a53224cdf3009', class: mainClasses, style: styles.container }, h("div", { key: 'a5d1a11a10a7e68ca2d35c6687eb7847907ef418', class: "price-view__body" }, this?.headingText && (h("h3", { key: 'f12b08ed4de66773af7fc6ae122bd118ba521cc3', class: "price-view__heading", style: styles.heading }, this.headingText)), h("div", { key: 'fc6640cbb7cb1c01a6c1ed21acc3553b9fe3cd6a', class: "price-view__price", style: { fontFamily: this.font, gap: styles.price.gap } }, h("span", { key: 'd9f75ca9a7ac2e4ba9ac5eb1f5fb3ca996896617', class: "price-view__euro", style: styles.euro }, this.euroPrice, !isMonthly && !isCentsPrice ? '€' : ''), h("div", { key: '7d085102651dd9f5b479a245586d7946285489aa', class: "price-view__cents-container" }, h("span", { key: '3e03b75bb6f71203f1b2692fede093525478e0fc', class: "price-view__cents", style: styles.cents }, this?.centsPrice), this.priceType && (h("span", { key: '2fa447dccad43fde028226a8814ea6ae51d673d0', class: "price-view__type", style: styles.priceType }, isMonthly ? '€/mēn.' : '', !isMonthly && isCentsPrice ? 'EUR' : '')))), this?.footerText && (h("p", { key: '70ed9e66d12fa8c1654d39ec3544a71eacc5beb5', class: "price-view__footer", style: styles.footer }, this.footerText))))));
     }
     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: '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())));
+        return (h(Host, { key: 'd3cb059671f217afeed42b377536a40ac3fb7bf6' }, h("div", { key: '4706c0bbfeae69d5f9e2cda15f2a38509fdf6c97', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'bbe541f02e73003147d450615d83865c1eb57598', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
     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: '253cc8d9ce1a76888ae689b90bcb31c2d94cb397' }, h("div", { key: 'c3a9f9d8bd472352acb57e250b1a3922d38fb982', class: {
+        return (h(Host, { key: 'cfb5dfe3e50061b765f441014d1969570b7f572a' }, h("div", { key: '9098afe74aea39c6b2b5b30971773a19833e4ed3', 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: 'b3fb177173fd757b0874f83866852b5b3bac97ef' }, h("div", { key: '7d720d157c89297ff99008ee73485aa65d5a82dd', class: {
+        return (h(Host, { key: 'af24f49b6ed20ebc665b15b631f3b652d793f871' }, h("div", { key: '606ba4bea9894f9e5bc6cd0c7bdd83934ffc111f', 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: '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"))))));
+        return (h(Host, { key: '5c4683746c7349a38a56af1b9d6ff902548cf659' }, h("div", { key: 'a312c860efb21dd90b9c295b540e236d198e852b', class: "variable-container" }, h("div", { key: '17062ecaba1d961f5323a2a4001556178a668618', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '8834739d0e2007d7b7316a07c6cbd813e68060b6', class: "container-section" }, h("div", { key: 'afb73d1e2732cae0eb321f76e591a05cc3113d9a', class: "variable-name" }, h("div", { key: '77fcb13962c99319727e2083b07fd7d9067ea705', class: "variable-part" }, "tet"), h("div", { key: '17d54115733a9882e7c61334f9b1aa0886eb283c', class: "variable-part" }, "-border"), h("div", { key: '2e5c0ed653384546205a85c1179f817b4cfe4b7a', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'f8de5396bc3bab357c77a404f03438a459918629', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '729fe7ec52736f74ba48ac65d7e5a7140b4fb42b', class: "tet-fonts-container" }, h("div", { key: 'c8cc38cf2dc528ef9782b5588c87499592a8a983', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '486e8b9c8963800a7c663a66c467f5019fef33af', class: "section" }, h("div", { key: '3676a58b1d77044ccc092106ca61305354e6bb19', class: "section-variable" }, h("div", { key: '7b1a3667e94a98889c810057f16bbe5cc6b5e0f5', class: "border tet-border-radius--xs" }), h("div", { key: 'ac027dc685064082f8e7b47d16b05f635de0452f', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: '9b546dcc348b7ff29c909b73096d982ce953a26c', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '345f559c6beb2ead2d3c24629da4f4094382a323', class: "section-variable" }, h("div", { key: '3e88d185cfb47ac906c052c424a363babce2022f', class: "border tet-border-radius--sm" }), h("div", { key: '9c1016948836b58438ccd5f55ee0de124a76335f', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '63db0e3341282dd8179016951992b4720ca37a1d', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'c7dd6cff7cd71c11c70767bc180bfeae1aa74481', class: "section-variable" }, h("div", { key: 'fe5cadc3ba52f450f5412fb8216bd71aa9222f11', class: "border tet-border-radius--md" }), h("div", { key: '306cb7130b82edce7eb0174d985076219ce2dc5b', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'de940b4dc12b28de2d6994cc197e298952e95a96', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: '0a147b1e0059cd5c68eb513d3771b50228c5ff48', class: "section-variable" }, h("div", { key: 'ea4c8613c4136233f117df39b52b14d1b0e98dcc', class: "border tet-border-radius--lg" }), h("div", { key: '9395b9ffee43e251abedb6cfbb2de9486093a755', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '6bcee92bcdf6e23192af80763778c219abb5c284', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '2ea649f71d9072bb22ab38630778da881fc56ac6', class: "section-font-size" })), h("div", { key: 'bf5e7bbfbbef020e08e95dcd020be6e584e46499', class: "section-variable" }, h("div", { key: '92b8c047af8da1a90f5f9d191dc972cea5511aa8', class: "border tet-border-radius--xl" }), h("div", { key: 'cd58c475dba3e099caecbd1162fa7f5b4c7c5f0a', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'c05aa38e6948acd3e5b10738cd63610abe7b0b69', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
     }
     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: '7ff1c6e973de0722f3baef8ee29217a50ad3e1a9' }, h("div", { key: '54abee8281d875a45484aea1bdc9c6b73d7e70a3', class: {
+        return (h(Host, { key: 'feae49d4b796690fd82fe9549ea0ee480538b6d8' }, h("div", { key: '1b5fcca0ac5770dbd6bd359c3466a50eb0a81fce', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: '51ba3c2a33510b44abede9906105ea80bd303200', class: {
+            } }, !this.isTokensExample && (h("div", { key: '4beffa89fec368833a175b5941454b49e6027a56', class: {
                 'container': true,
                 'variable-container': true,
-            } }, 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: {
+            } }, h("div", { key: '829c0b841c227155c4c963eeb07bc8cb8310eea7', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '9c3c5ca93276e7e91ca079ed52031d6310f7284c', class: "container-section" }, h("div", { key: '97dcc8192ece14fd9b84be0bc8beb1bcb847d0a0', class: "variable-wrapper" }, h("span", { key: 'f537025feaae0f9e144f8608c81dddb45895a327', class: "variable-name" }, h("span", { key: 'a656390a111fef2851212f32b00d0edc6593349a', class: "variable-part" }, "tet"), h("span", { key: '4abb4ec92cdeac3a2ffefafc12c53082c5f4aaca', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: 'f2290d54ca54a828b6979dfc8fdc51e301297389', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '06ad177894f83722f0f0b60fb76c39f71879d49f', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'f3942f2f9058297a9d053e695a43cc1d1f0855d2', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '1cd0a189367cf6e93e30a53f36792af23c2a5d6c', class: "container" }, h("div", { key: '5334d5e1d615376a94641347ba04fba1c4997655', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '27ee5c8b2df6699a9f5614912c1ab9bb55bf767f', class: "container-section container-example" }, h("span", { key: '39424553dc18cc06ce2f1aa4791ece2c83d4cd97', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'c1970f7a05ebc6b2a5092dd7b115ff80f08d28a5', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '758257e7c5af1998518d9209d8fd8edc98dd097a' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '93c9f724efe1e1de371d81e5417b2d0ee87b8956', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '1dae24b7fc871d44d449107ed4be45b6d8ac3845', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '9eb751b60ddb57492b1d05254f7bfacd9a999654' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '8ee9bf5d9d3bfc8e44053dc3763e6d5d94cf5f99', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '8b2a231b67ddcb7f9fe0263e0b384e5f1dde6dd4', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '881bbac084242d1878f5bfa9abe221d75c0581c2' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '7c6efa8bf865f4dfe49cd8a244241c671de4f290', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'ccb88b30a3b9fa7fbaa8a66149c05b2c0aef15fe', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'b9d62b49e6e36c1417c696b32d20fd6d774645e4', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '4dbdd5afcbb88c93c75e14e8454a25fb44e278b6' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '208bc2fc93a892ce39edf5faab458e360610aeed', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: '5de299f441125fd02e84af146b6d2086f5723fee', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '59bc0caef888585aefd53f9b186201e8318418a8' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '6cc5df55b48fbd9d9ee246818db62a19903a036a', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '810b07184c495f61443778a8837ed490fe2f98c8', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '8cb9e32bddf1b8901a9e25160179dca5886ebc84' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'e44237b567ffb696fa2b3765cbfc8553fb029f03', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '12e7fa354e90272490ce35d08fcc4565bd736ec2', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'd1e36abbe80b44ec08661620c07682c7ef9bf4ab', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '6429e5da6243a33f5e56681445bb14e4ae46fc6b' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '9d7ccdb9d80a74aa7338794ca998fecb9c4380fb', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '4fe6519ae20eb94b2b4d81c965f013c7382f83b2', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '6464dd54d89cfc4bca536add8cfaf75d9887e2b0' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '7acc74ea6486b8c8f53cb9541a7a3a95496fbe2c', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '78d5926927273052ada904915a886c823d176592', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '8738528597562c94e25bb11303954edf010d1061' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '3b6e2e54040cefcd262604af4339d4c735c1a88a', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4e85437cd47372c6af02440f88ebd0b6ca63f082', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '0ce6d55f25abdad7971e67287dc4d8f71196bf02', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '539565b3d7a9d6ee6f967ca88a1f8e6d4b36f409' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '444e76d71e3b8d9248350c2d4be06b05a4c0568c', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: 'daa1d5c974e97825baa9d2d9125002e08859d26c', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, 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
+            } }, h("div", { key: '76735e32e5c79f4a88ff13f9ef4f68d134e4c96d', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: '2b78fc5d1c8413430a447afc5fa55ab1bad77967', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'dfb902c238da81796201405d0f62d0bac05086a3', class: "container" }, h("div", { key: 'b286ec91d4cb8742e7d86cd8985586a2daf97679', class: "container-title main" }, "Tokens"), h("div", { key: 'af9cdb31caaa0128320091364c85b3629d711aa2', class: "container-section token-sections" }, this.tokenSections.length
             ? 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: '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" }))))));
+        return (h(Host, { key: '6082f59d6d89d845e80371c1a86c80bc719f7139' }, h("div", { key: '195dd27db2aafdef5df1f19a1c635a0900d17d8a', class: "variable-container" }, h("div", { key: 'a81597b4cd3ae82271cfcb38efe959c9d04cc28a', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: 'd57ea4ff78d1dcf12adf8204bc96a62c30873827', class: "container-section" }, h("div", { key: '718a2055671143ef63f9019d752ad2987591d114', class: "variable-name" }, h("div", { key: '4170d5d2ec2ec79328c1a22dbbe90ec10dbbea3e', class: "variable-part" }, "tet"), h("div", { key: 'e7fdc9fbfb6decb007bd7f8998ca33b42aa7ee11', class: "variable-part" }, "-font"), h("div", { key: 'd118a411702d0bf08d5b12470e9e8dd8a15b99fe', class: "variable-part" }, "-weight"), h("div", { key: 'f541292c76ebd9fc062a81825d3b8d0fd52bb8c7', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: '3e0f45a01d4258216dddf0e9e0ade44db3e3fab7', class: "tet-fonts-container" }, h("div", { key: '6519d010802747670f6cbd29f876dd11e52b50bb', class: "section" }, h("div", { key: 'f651e9eb1e596dc85697a7241155071e2df85e50', class: "container-title" }, "Fontu biezumi"), h("div", { key: '239a2b1107e15102758dfbefbb6565087b0f7f07', class: "section-font" }, h("div", { key: '03e9924cb2a8ba08ae5542fa6ec0537c64d2d646', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '9dfc458a00ee0172a2e8ebe1f2c1a7957f5345e0', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'dc97263e14fb429cf5a8b41ff6118d987ec8f28a', class: "section-font-weight" })), h("div", { key: 'ee836a2c18e06fef5612417c1852554f32e5395e', class: "section-font" }, h("div", { key: '35a6b2747007aa98480ab20e86d9cea3125db537', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '58eab86766d1b7d4e822dc080f7b779320e5d0b0', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: 'dce6a2a230de315583739e71224d15821daf164a', class: "section-font-weight" })), h("div", { key: '162dde2b8760e649af4ae86a6ffefa1f02e8446e', class: "section-font" }, h("div", { key: '5c487b0f201ae0a66cc6bc28062545fcaf7299b8', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'd3cfd8d1a471da30375b859e5474469c652fb14b', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: 'c4df9f20871b1826e8e06d4dabc1e5dc959bc618', class: "section-font-weight" }))))));
     }
     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: '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"))))));
+        return (h(Host, { key: '44dbeaac0ba43de33cc111ea1bf8f0774ffc5648' }, h("div", { key: '467d0304d070b7b9f9caf31d25ad178742910f91', class: "variable-container" }, h("div", { key: '7a5a539df60b4f3bff2c1c7ebb2cd120b3c3d142', class: "container-title main" }, "Fonta klase"), h("div", { key: '8c0b929e837b37aa34a4388c19e06ee832ef028a', class: "container-section" }, h("div", { key: 'bd702dec37821ff6c85c2abea1c04b92484d776f', class: "variable-name" }, h("div", { key: 'bbac8c6684cc8adb1e0682a05b72da55f7dc9cec', class: "variable-part" }, "tet"), h("div", { key: '5aecbfc3cfa21dda1123fafc37a8b94ab0c31cec', class: "variable-part" }, "-font"), h("div", { key: '727e60fd3bdd216a6515ed74be640c6ae5420649', class: "variable-part variable variable-type" }, "__label"), h("div", { key: 'daf6f05f8c7474d913cc26071fd9bfc8f8b63efd', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'd2f1c0df3d3c6ab78ec7dc48b87a9221885a3ac5', class: "tet-fonts-container" }, h("div", { key: 'b973d1c6e455d36f8ee8982b9feab15b7f42bf18', class: "section" }, h("div", { key: 'd2ae8a302126629785d5abec5b9c8d3842525627', class: "container-title" }, "Body - Inter"), h("div", { key: 'b5d14d1c7ebe57231baad18eac8be22e6929067f', class: "section-font" }, h("div", { key: 'bf1443a50e8e8d53191d21a2f73eebee31b2b8da', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'a8b0577d1866881a82e93e59544c979454b7aaf1', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '2d40c9f21dcc2438190bc4a1e8c338aa81cdb56b', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '27bc2467685d3c6220cc4073a6f5d85d4aa7f472', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'c064165d2ba3b22f1e0721a93b04b18a6d6c5e76', class: "section-font" }, h("div", { key: '0f4255cbe07c33e85363a1ccb0fac935f8325ab4', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '04531a81fd37e7101f94b237abaca83bcdfe999c', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: '694b2fa532feae0bc944a9bc755ff602387fbd60', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '86a440e85eec43a402fac0708c083b84feccbcd4', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '82af4004b4275bbe8b75a5c6952f2307d485b27c', class: "section-font" }, h("div", { key: '2e3b1ee70f8fe483b01af14bde5ed078a0afdb0e', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e99fd2d477627d24254070cbda11a20eb3e2394d', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: '1b35b1d1aab21e552a1ee1ebffa1234b0824fbec', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'f6ec85736268259fb5690492db9d6e9fd7117825', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'bb217d118d3d83f1f6ff7040bbd3fa3561d34a7a', class: "section-font" }, h("div", { key: 'da58cf2845397f87251d05fe11b2823661e38d47', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8d1e3f561e7c0de50d8d19f8f3668b7d6ba6df48', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '655e99aaac5ad4c2d08b5e46a0b130cdca329833', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '5480dd5e6dacd69037cb8692af71631ba58c0e57', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '8893aa57d30647e1fb3f38aa4f5d1e15e2ac4206', class: "section" }, h("div", { key: '2056200d89c9cda551681094b8e994bb053b7897', class: "container-title" }, "Label - Inter"), h("div", { key: '7922f06ac274af12ceb8d05217d2b9e9f717cf53', class: "section-font" }, h("div", { key: 'dc41bcaf4ac1b5c846df3cd9b0e8152323a136a3', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '504c1b7211c2e51ea373ab0d6f7a023726e4098e', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: 'fb6620a65b26fbf8ff3b04ba114218c008c3084d', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '336fb46abbc6de5348392b26a0a414c0ed6c5406', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '05f078853863d6cbabbdd868a8991090146faa0c', class: "section-font" }, h("div", { key: 'cc2f27f6b353d417e02a90b15005392efea1fc6c', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '300471540dc8f69de96d7da60133daa537057de9', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '67c4416f6c342a3e3472a247079fecc01891bbfb', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'c05d5d5f0c673e8a609f85dd4d0b5b01ce80cc86', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '2e4d7536fdccdaa9970abd52573c7a6400621895', class: "section-font" }, h("div", { key: 'b1f20da2e37e2bacd8bb59a4482041a97c24b496', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '75da7f3bee385b4e036cae5d6b15777a56bf6c0c', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'b8e54565c235a449a695c9ad627612ac8cd21536', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '319009fdeaec776c3b6e00a2d5b79a4d26f52250', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '8cb323d16754220b883f8681a1ad543ac9beb73f', class: "section-font" }, h("div", { key: 'e9eb479f8dcfa4eca252ca23b9346afd82ccc6d8', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e0aec6e5c6e046db44483bc8dfe3dd1cbfc5593c', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: '809c369c197d5a5ad77f2fe390f1b5c4c365319d', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'f6191df16526b66cdc10e2d81ca576b7ae9f336c', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '101c2a9eb5b5e3bb6103e2e673c92d6eb1ce8a01', class: "section" }, h("div", { key: '19ce8f51b34b34cce02ecfba32d5e8ba4cde6e30', class: "container-title" }, "Title - Inter"), h("div", { key: '805c5414084d457e0f91cd75a08d6dbb0d7dd12b', class: "section-font" }, h("div", { key: '2140315d3501fb24c07aaec6e8846735c3732fa4', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f7f177bc4e640f507e9e13bbc6b369ad6ce29073', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '559128114c6b8145bba34d27407d7c695d7d22ca', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'cc5a7aad39b2e1d4d3e73bb320703ed988f05e00', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6fb71fb918eb14ed2c7323d035c87eec4a98f1f3', class: "section-font" }, h("div", { key: 'faead846f155418f280a32e1642c4fe1c87fe126', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '73213937468bfe5cf04471d8eb32477037522c8d', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: 'cb8404e3777f93524d21b7731b4e61759cbf6f1b', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'bc898e259f39328a2092221278aa8dbc252feb3b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'e321a8d4da461cbbb553ed73c5aa18cc006bfe26', class: "section-font" }, h("div", { key: '34032bdb794528f21288e33a9c90ae28cb423cdd', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'dd0c1497922b19769dfb3921254b2ed182625b94', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '35b728bc9250e8a754440eb9f260269e648096e1', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '4eb20ecafa89f013e5cd058ee86de8314d4bcb25', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'bd02d7dc2e551d65812b9f7fedf4d8352313f250', class: "section-font" }, h("div", { key: '1f2bcfd971cdb2af8a33859994fcdb553a10a53f', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5316bce6548a4e8d6fd04244ba9141c94722f20b', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: 'be7db4e36cf7c7ce54ac3bec183af3c4dcdad2b0', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '9cb7f0395b28a7b7d769b9d909996c95d22e8caf', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'fed5bcc7a631d3a9ba147c5e0b1abdb48e434ab1', class: "section" }, h("div", { key: '3b80dd938dc0bbb87698eff06df2c20d920a50b4', class: "container-title" }, "Headline - Inter"), h("div", { key: 'aebe83b8cac4cefae24e03f397c863e1afae0f7c', class: "section-font" }, h("div", { key: '61660c586a32757a2417bfe20ca5c1eb49a69896', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '46bde098b12d7528d955faa0803ac1c27b2e7cd5', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '72429bcb401f0ee2fc1d72cfb4b943d2e7d4ed4e', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: 'e3bc21d8e06422d3256eb4c9f682d1e6925bf545', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'b4b1bdc0322ced6a869bb05f367098167109916d', class: "section-font" }, h("div", { key: '9896f8b85ec3987428be46f2138b9ef382caea4e', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'be4254c6d2a7630fbdda0470b5ab336e932e71e0', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '96dee0e94b07f186261ad06a837f2579eca751b5', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '84151495b04d88daa4e7e2cfc386205830451711', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6c21c17cd0e68c6df5923834f932d832d1887382', class: "section-font" }, h("div", { key: '06a978f182f8204af2be109c2c3d037eea86a214', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '11448c72b6f064b0603d29a919dbbed7ec35381e', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '67438918b323841b1cfac9e14102767a4c7f3c33', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '4b898dc9ca801498bc6cd93182a6e701d1d1f783', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '5f6ee8396a51a5ab715eee59aff0b0a19f00834b', class: "section-font" }, h("div", { key: 'ab3c7056c2475c193731bfa152b4893c8124b49b', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'e49f4effe4de5d797f558924af8fd67b40718b43', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'd94f723ed965093c4a7daeeb7f9931dc0bc9081d', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: 'd75cb6f50ca7e194f131d45f670c6c45a28f45e4', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'cca9c45feda022d719d235c9a9b4506c394e750c', class: "section" }, h("div", { key: 'c9983bce41c5d70a5f9a9d77e5062cffa66ed089', class: "container-title" }, "Headline - Gilroy"), h("div", { key: 'a0ac58046d86fd0ec80dd74c7e28bd2463203ce5', class: "section-font" }, h("div", { key: 'a39a72406c9b6692f1c073d51927e0205948442d', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '351cfd3f7a32c88d77aa0b3559b2ab5235ea34f5', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: 'aab961a02733104c2e19b4faeb1bdd1bcbb5e6f1', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '88e3b337cd6d7be88cec44a8a5b0e2d33f6ace9b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'fbf80ba688c47dc2617687be086b60ee79903c3a', class: "section-font" }, h("div", { key: 'dbef6dc16acf36971786175b50b68cff87d42d7b', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '73cc76f8f6d0ae7798290d92994a5581825691a6', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: 'bdbb3b78d38b0864ba3c63d0e1947f3b9eeb7876', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'f7c79b5cdfa87e7d085d79e805ec8cea658cfb35', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'a88de4b4a68af1bcec69f6afed393f4225e10261', class: "section-font" }, h("div", { key: '8ec5b2b4ce03bd0a634fb0aa80750eede95af704', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7d09c87218b6544f9c47b3ff5491822e41d825d7', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: '884fac765d16740420e90b24aca414a1549883f7', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'acca620711a07671c809063e2793fe84434574cf', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b3e5337f20be21ad9e9a247a398b513a8287a01a', class: "section-font" }, h("div", { key: '4ff3915500bf9122724b8354ebb747c4d7cca6a4', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f83ab369134192d11cfbae99cc333b4f44382a7b', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: 'dcbf255b6a88bf3e727969262da88890a3bc7e9c', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '3de25d675b003269a30dcc75b7c11144ff8e51f1', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'f2bbf618cfe35f5008bfab130c23d00867982b74', class: "section" }, h("div", { key: '198d86c582c544c92b3f3916ba7124b8b45965da', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'f21a99c8808d74a732faa85a113bec2adc521c84', class: "section-font" }, h("div", { key: '73ad3cae5ba1ccf41a1d0a6dbdde3d59936247a4', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9a02656b39a557c0781b9a623383c1a60eed2494', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '8271ce3769da0f34ede5e1c0785fb84387043b06', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'a1074328b6606f1e035533157593e328fadb8017', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '52d167f196d3bc857ef391a6effdf8718307ebcf', class: "section-font" }, h("div", { key: 'ffaead77459f46c17daa2487ee18562010a9501b', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '0234c985264ad508d6ccf972c28408a6b57c73db', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '07207821003e9a72a9b7842b0445af27ad5c19f5', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '81201b5e8b24211c6ab394b2ddac2eab728a6df1', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'daf147e266057c898fdbf3b31ca0ed2d04fb55a4', class: "section-font" }, h("div", { key: '725a499147489ffeacb84f7941ae4aebafcec8e0', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '01b71b2e6341e308604e926a254d5eec359f1bd3', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '684ca8201259bfbc7bdf9de4d83c1a35a5d3c042', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '1e18ee48502a3333327af6c1e86c0bda32e1b5e4', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'adbfe84d07dfea526554db2c4b31795d5cce6a4e', class: "section" }, h("div", { key: '5714f92e794a9a1fddfd48ecfc85fac2c5b6ad13', class: "container-title" }, "Expose - Gilroy"), h("div", { key: '6091bead8222a3f94a03a7ebb92442963970f537', class: "section-font" }, h("div", { key: '4258254606ea9520f943054d0c6530bda6bd1bdb', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'f7e54228a5aaf6a01b8e29b8160ec777d10b2810', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: 'ba6a467e9b00c0dacb7d857f3213350039c0811b', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '54bc23d5af457e98e96562931da1c63d947bce17', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8e7b8cb5c1daa494eefd43d2ad75f4152505aea2', class: "section-font" }, h("div", { key: 'c62e861bf1de7a321207a6f2fdbc92372869fb2f', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cbc095c8f01f279a206128d6fe6e007bb4e17e96', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: 'cc95c1c8e90ebe960ab2b4aa202484266badc045', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '76e827ee80b3211e8e14b2fac812ded57a808c30', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b08eaa4268e68b6202e0c17a831447912187aa9c', class: "section-font" }, h("div", { key: '883d35fd4ea17f69293e14d8fa536ffbaa1902b7', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '16efaf4932d6566b650758d38ca4fd9a32a2c00f', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: 'ee23e2c707d758e424717005cf07130db75543a0', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: 'b3ce3371a8448ab119df1c22a153485e6df4978b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '3f4e05b8607a98246ce6c47efa67e95c93ceafaa', class: "section-font" }, h("div", { key: 'c4eda5e4a838cd89207199289360b0d277842569', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '734e80b4938697cda5dbfec5d89073f72ebee74f', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '7f00551ec4b32250783ab0f2adf6260b7a20deee', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '6a5004e81ae9513cae97bd57e5101344d0ce510b', class: "section-font-attribute" }, "Font weight - 600"))))));
     }
     static get is() { return "tet-fonts"; }
     static get encapsulation() { return "shadow"; }