@tet/tet-components 1.4.47-testing → 1.4.48-staging

package/dist/collection/components/simple/inputs/tet-range-slider/tet-range-slider.js

@@ -760,31 +760,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: '7198692060a2cb67d8a7e38a039ae1f8f0fe2181' }, h("div", { key: 'adc282b60ebefaa48695140bd7a51ad3806aa115', class: {
+        return (h(Host, { key: '69d47d57869f0704ba2dc82fecf49ba6dc97c05d' }, h("div", { key: 'bd5324365586969cecc1f919e68b226ac606916a', class: {
                 'range-slider': true,
                 [`range-slider--${this.containerSize}`]: true,
                 [`range-slider--${this.type}`]: true,
                 'range-slider--no-controls': !this.withControls,
                 'range-slider--no-input': !this.withInput,
                 [this.theme]: true,
-            } }, h("div", { key: '0a97ca0442555d9c6f74b879d0df7a546897cb0e', class: {
+            } }, h("div", { key: '2769213a33ee244ec7e553c0a03cde6575c62d0d', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: '3af2507c25d1d23f95096e31007cc05d5f8d5e7a', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: '2132ed251e8205be10ae44bb59edc346ba0bd369', class: "range-slider__container" }, h("tet-button", { key: '9ac8707942587310e47b16acfcf07f718a56134f', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: 'e90f619c4a1df063ad3666338aa00675e6803061', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: 'c1a9ec24d0401d7f34e29fdfd8ea71cfd7f44bed', class: "range-slider__container" }, h("tet-button", { key: 'ff210c080036d3772d7459d812681ac412039e78', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--left': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: 'b8524318e5e3639615942d615b57def7b468b102', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '9eca85024735eed7e6e20a7ab7449f5b43f2a00e', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '4e9d9aa92c52b33e064054c3797e62a01de768f2', class: "range-slider__slider-wrapper" }, h("input", { key: '2186bbccc99f7caad5644301a0c1aa92e481631d', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: '79c0a8c6f8821a4d7b07fb8373fc11b685d86548', class: "range-slider__track range-slider__track--background" }), h("div", { key: '34897fecf4f9fa0cbb2e08e37833bc09dbb7c90a', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '3161926a83f2c9dd42ad3bcfc9eb9d17dc44ce4d', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '8daec9046a72bf3ae879799b18bc34e1d893bfeb', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: 'e3f2be66338a708b0f1a2c62d2f11dc79b52b111', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'dc53d352d681bb5efbfa6fdd5bac076b74f522d8', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '1b15856f086cd3053a6fe56235c75cf2fb42e698', class: "range-slider__slider-wrapper" }, h("input", { key: 'bec9f307f7a179bfac8b583998c9fbe1f09e7ac0', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: '76ed0b2915dd82c65aea06efd4156daba55d6a66', class: "range-slider__track range-slider__track--background" }), h("div", { key: '2563d4cf29712d444821c9a1b9c2c75ad903c5bc', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: 'f20fb8a169a2fabca8a69524ad06c965670c03b6', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '645f22e4a6b25c9a1808c011754c6a0164758bf6', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '5fac72480f28fa3e547fe6e53ff9cea387420dc6', class: {
+            } })), h("div", { key: 'cffe3b07b19d6fb886e02a4dbdb306468d15eaef', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: 'fa2960e3e580f72b65e877339052bd38414832b6', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'fe713ae1718a9bddfb678aaab43837c6c41935c2', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: 'd5aa9120ee4b5a204dd107c4a57e37cdc13000e0', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'b6bf510b357f9055dc849622a836eb7718f3949d', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: 'e61f11f93dd9302ffb2089d43b694b1a211277b1', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '9a7dab416bfd4ba0694abfce8010a23391149fad', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '40b12f50e06349be46b451b095b1eeb3ab83c1f1', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: '36f3811791785596980695fa63d648c4961fc46d', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--right': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '0a80c36f4147add6bcf35d0c69231441c330697a', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: '286c31e83b2d9ebd7d190696490816cc8fa1f657', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

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: '6a6c629d289b71647b10253e984accea33b98761', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'e189e9599ce885ba2c60056bfe1fc23e253c5572', class: "stepper-input__inner-wrapper" }, this.renderButton('decrement'), this.renderValueDisplay(), this.renderButton('increment'))));
+        return (h("div", { key: '8188064a3696b5ae825919367bf3f6001992c28e', class: `stepper-input ${this.theme}` }, this.renderLabel(), h("div", { key: 'bfe8c1b6e27ce41a4e3b694cb9ba4c91cade7df5', 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: 'cd47280cb7758754a71ac690ae1f67b9ba1cebcb' }, h("label", { key: '47228cba1d6ca542935cf13151ea909651ef8580', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: 'ad1be47bf26a0e1857eb3025757a8b2ccdeed457', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '9c773c8fe6c531082859e7ed14ec415d3f103d07', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'c3b6740ea9925428aedfe6ebaf575e407ce1e1fb', 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: '8e1075d50a3016841762dcebd6db61a3b78546d1' }, h("label", { key: '4619605b6ec808f55a5c7f9a9f9e9e7b62543340', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: 'ae32b845df99d3ffd97418d8745d4b7bae87a70b', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: 'a1b4e52a07dceaa77d72104946797afc0f530731', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '40a305d4373886a9742fc41b7c2dfc697aeb9082', 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-news-card-list/tet-news-card-list.js

@@ -68,7 +68,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: 'e5748c7d98e17e78b873d92986ba5267f497e0bb' }, h("tet-card-list", { key: '8d6bcc11a684bc06c98a2d819ec8b4b3f9acdb54', 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: '53a781c0d2c57e23ab906820c4f651d506d63906' }, h("tet-card-list", { key: '69e20c4191a650fc2ac7a2d85533e4f83956e321', 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-navigation-mobile/tet-navigation-mobile.js

@@ -58,13 +58,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '162ebe378645ffdb47a43120eae5897d710cd934' }, h("navigation", { key: '120b65bdc0844c18db43d49657d52671063c1072', class: {
+        return (h(Host, { key: '407341bad19a04b7329ebd8ca5f607f54a6b1a29' }, h("navigation", { key: '5a3a984188890708244ad51c0eae650443028ad0', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '7a7eef14cd4c7587229d05e28791e71b01962baf', class: "navigation__nav-bar" }, h("slot", { key: 'c36fe832c53e0c37d599611e2c47a7639d236165' })), this.isTogglerVisible && (h("span", { key: 'fcec1e746f5f733042e9bba8ff8a4a55f5d36b4f', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '6b1eda748e01bb7c890d942d8cb732985eb983f0', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '9541e3f3dce03f168b281500d3c340117cbb4b29', class: {
+            } }, h("div", { key: 'ebafe9ea840067c1d0d5dbd455e32403edaf58d6', class: "navigation__nav-bar" }, h("slot", { key: 'a2e68acd50e9800dab1f4fd5fa07ac6b262de0c7' })), this.isTogglerVisible && (h("span", { key: '9590bcc99d791950727ef535cb9839661d6927e9', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: 'e9d88dd03a4d0bf382d6aa6fe6923e7a6dfbe7e5', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '2c1d39b02d5a6efd1433a4cacf103b7f9436a914', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: '15b849b825fa8bb7baf108eb86c3e9ea07874aba', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '20f40c68d1834d9da8c98b8a20aae71a47d24102', 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: '373caa1cab927e88b700bc316071ad93d9999b30' }, h("div", { key: 'c83bd7f9792b80c3aa1fa38329bc504e315f9c4a', class: {
+        return (h(Host, { key: '7c36a6989d188c26c36fcdcf9fcb7aba8c0e0049' }, h("div", { key: 'fcd0fbc84fec2c8ed172d81e66ce95ede033140e', 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: 'b6bcac083f6360a4783bac79966a491ccdc6b4ac', class: {
+            } }, h("div", { key: '87d40fac2ece37c49b31c287a859df3d8f3cee9f', 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: 'abd0233dbd28b3a8975dc2f21a495a4f878af167', name: "header" }, this.headerIconName && (h("tet-icon", { key: '11caba12a7f545dba3b9165cd79f3fb4b6f6f04c', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '67607c02863c2cb0c1140fde79628db8ce06bd9d', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: 'f1799daf9bd961cd1069e3f7cefbbc1fd6d88f3c', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: '6255b003b350c820106726427dd0dfda497e3112', name: "header" }, this.headerIconName && (h("tet-icon", { key: '9bdbef784c5468eeeb35f3bbf27da863a2fb6aed', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'ad45886e795f080c7bccf37ad4608d3e9416b7af', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '40b3af14f0af80b7efa2459f7e965b2d90dbf813', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: '57f94740f69857957c3954868341ef2e8362f178', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: '897b2e49626005485913e410155cfba8be158ed6', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '08f795939823f79e85bc93f87e67f33c794168f6', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: '91a81ed0aae7048ff27fb9342fcf9af7cf4b3315', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '5bc9589fade7aef17eabe5948f4015052c52f8e7' }))))));
+            } }, h("slot", { key: 'a4eb6f2a49e60589a500f0a128eab34d8fa95685' }))))));
     }
     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: '1e5c70d6c568c3a03162413cfc1cf1ccc16ab38b', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '845302dad113df7709995fcbdc8b8f50e90f7af7', class: "tet-expansion-panel-content" }, h("slot", { key: 'dbde0019b806405762e33ad11956d70e06a5eb68' }))));
+        return (h("div", { key: '3898fcb5102d67ffbdcf8ccc66d6159319ce0253', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'f63f60daab5f471a1ff6f6435173a62d81751112', class: "tet-expansion-panel-content" }, h("slot", { key: '2411302727e16ecd43f25408897f6196cdb35070' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     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: 'b7ca487047ef81dc661f275728f5f25dc2056bfc' }, h("div", { key: '08eb58e66b924599158d5e1b89f379093607e2a0', class: { notification: true, [this.theme]: true } }, h("div", { key: '59f9c12317b7bc443420894086662d8c406d1545', class: { item: true, [this.type]: true } }, h("div", { key: '88879db68bad5769d1bb0925e9a6c3a44df9b868', class: "header" }, this.renderTypeIcon(), h("div", { key: 'b3bd8aa9d68fe8082d18fe5fde83531ec7d2dedb', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: 'd9bf71bae1618c45402d17a6b06e849da173a0a6', class: "content" }, h("span", { key: 'f4a4c1165be05c7d717ef2bbd81b3ac6233e9a39', innerHTML: content }), h("div", { key: '5727f00f322163b1c7afaa344adef756cfa7c11f' }, h("slot", { key: '163beb7cba7198e530abcace24077c053fb11ff2', name: "button" })))))));
+        return (h(Host, { key: 'a8eaa4c0ae71d6dc36034a125c1652efb39edc81' }, h("div", { key: '26c485bfcd3614de7656b50e2e72685790ed08d3', class: { notification: true, [this.theme]: true } }, h("div", { key: '550417aebee708c097c8c9ec3670a52b6364dc32', class: { item: true, [this.type]: true } }, h("div", { key: 'd26a44c61494556c520ead78e173e4c4ed366496', class: "header" }, this.renderTypeIcon(), h("div", { key: '29dc6a483108533c500573e0eefd7f7e87203949', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '0bb15df14e5b132ee5f5d6c71d7efcf31f0869aa', class: "content" }, h("span", { key: '57314d91327f9f226eaeec5fbb34ab34c1a35a52', innerHTML: content }), h("div", { key: '33cc3123f16e6ac4149ab36796cb6523ab0fda8c' }, h("slot", { key: '0c97738e9990efe258b82c2c5ae11e987fca4681', 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: 'fb8071bc2169c1d8a0e18b3f06626c05337c7def', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: '0a05891f0685ab10aa1cf45320873887ea699b9c', 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: '713f31ec00fe50b3393bc64365348f9d24ab314f' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: 'afcd023cae3ad52a3d117a05bbe6520030bae7ce' }, 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: '3972879d0051cf6bd1cbe2ded4e7a2db1331f68b', class: "container" }, h("div", { key: 'fd3c04b275e2683c4429902e25d4bbe1e5255d45', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '69dfb4c81b8a23d27fdb1da6a66882b9963af32a', class: "calculator-block" }, h("p", { key: '7c60e8ff0f55cb4ad97252bff7618c608bd8b84b', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '234628918d2aa5c60e4cd40086a69f1fbc76b1cb', 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: '6d9767b552859608d04633c9e7258d918541bc58', class: "control-container" }, h("div", { key: '5fc90e81b057e6a59a63df58ab27633e07b449d1', class: "control" }, h("tet-checkbox", { key: '113449d38caa43c47640f08a65ed0b250bf02714', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '639b7b5ab6ab68b08c420b1c954cbcd19cf5fb37', class: "control" }, h("tet-switch", { key: 'c524ddce4c112fad3a30c0fb2fd3d6f75ddee525', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '08d9f7f7be2516ba0f1ecb6c428ac5a622509cf1', class: "monthly-payment-block" }, h("p", { key: '3b8dc60c172cc0f3d6d3cb28516d8394a7bc4a5b', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'd0de86f9e7713440e108ff15e8446c5a3b76279f' }, h("span", { key: '54a6da30be1cf5c29bbda88393e832d7481edede', class: "price" }, this.totalPrice), h("span", { key: '83ab9d8d159635b0da3cc6642a94b3f8b90e5915', class: "currency" }, t('components-euro-per-month')))))));
+        return (h("section", { key: 'c418eee83ca7ef3d3fcfe0ec575b9ec967cceac5', class: "container" }, h("div", { key: 'd973f4005b2372de80b308e91a56e34ec6b5b604', class: "title-block" }, t('components-b2b-calculator-title')), h("div", { key: '418c198061e9730135a06043bd2d910f0cede1eb', class: "calculator-block" }, h("p", { key: '43db785fe62be5c7bd9a55aab00620511cfeadac', class: "slider-title" }, t('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '737fbe4aea055482a9025c7d5dfe291c58a76cc2', 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: '25e729e90c4ca49bdaef13f68013af5832e2c589', class: "control-container" }, h("div", { key: '661b3e8bcbd5b57d41a40f89df1f5ae61bdcec03', class: "control" }, h("tet-checkbox", { key: '229ab5576bd9b1b1a89f7dee48de0bad834c42aa', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, t('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: 'fd1cc7f8c3ee494cf34180ee3a9d197039d40e95', class: "control" }, h("tet-switch", { key: '8d0993aabe472e41355f8835f496edf3629ca27e', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, t('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '220f1191a6bf2045399ab735c4a0f298514064f6', class: "monthly-payment-block" }, h("p", { key: '62c8e82764bef634ba0af51af45f743819bb6285', class: "title" }, t('components-b2b-calculator-potential-monthly-payment')), h("p", { key: 'dc7d2a0c1588af93ff9f67ef2105340f6af8d2c8' }, h("span", { key: '58ab65ce8a16e4c1b37c54144d5b415ef9871045', class: "price" }, this.totalPrice), h("span", { key: 'd2c75735580218efd9d818b17e073fd2e33f00f8', 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: '7fe1eb7848d5ae97a5aace421a9877c6a1b79a5b', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '2a8048d2113e824b53380e79ebde4009c5ed3b42', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
+        return (h("div", { key: 'fc34557a2c6dfcd7f305202bbf202f1682ea3663', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '7145b43916d2daf5d1c17c5c4ce3dc8ab607a70c', class: "business-line-wrapper" }, this.businessLines?.map(this.renderBusinessLineItem))));
     }
     static get is() { return "tet-business-lines"; }
     static get encapsulation() { return "shadow"; }

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: '9d39e25b60cf77abf6c1fd1aa752dd5548756637' }, h("div", { key: '380419dcef2d1e79424971b4d512a6dff8b9b75f', class: "variable-container" }, h("div", { key: '09ba25d3937e71e38c1ae79ac28c36a8f3053d34', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '9cb613c54d4d2510b1e62130173df004cfd8a40a', class: "container-section" }, h("div", { key: '6a48ab10c9494ba7316ebc81f07d94d3febfd9f7', class: "variable-name" }, h("div", { key: 'ae570dac76c3632fe9ce7456e7f4cd3f4e0b98f6', class: "variable-part" }, "tet"), h("div", { key: '0b38e6382b4fff659aa00c066dc05ce284809803', class: "variable-part" }, "-border"), h("div", { key: 'dd22f26d0e2eec4be62fd0cf3236977b4b5b08bd', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'ca6ff8272b57bd9db592246c959f3015af84ffb8', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '38858011381c3e185711dea5b91f5539f76492de', class: "tet-fonts-container" }, h("div", { key: '61b1099633ce7c994beab35054cb1d93b1440f3b', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: '1abb3ad2d4c921c9e1c671d83fc30b250e45faf5', class: "section" }, h("div", { key: 'f237ec2a1ebd53dd1a711c04456b4c864f50648f', class: "section-variable" }, h("div", { key: '375a6df784d245bae008eedb6ef4b30cc893814e', class: "border tet-border-radius--xs" }), h("div", { key: '430c35ee354c3899d72f05742e711fdde359c3ed', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'e110dfd6e340e17d0e1974bc1773e7ecfee7cd0f', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'a6244ec787a3a9ddf10febf409c5df0a7e6c0e4f', class: "section-variable" }, h("div", { key: 'f2954587754354054b84cdfd4e855afdfe531712', class: "border tet-border-radius--sm" }), h("div", { key: 'bc6b6d959de524f7c0422449de98b7ded643b66d', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '394583cf973668cd9facf669357a48b7005d2078', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: 'fb3de793099f610c359d364eb9784c8968889d67', class: "section-variable" }, h("div", { key: '8395b64c5eb93e7424af120b8f534e624cac5455', class: "border tet-border-radius--md" }), h("div", { key: 'cb2d4c9fb6b357d36f3a83df9ca01495e1cb428d', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: 'e1b5fa304abe7fa579a78962a7c8ff275ae4e06f', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'a8a270d966d33aacd5e0e4e374797b18d44d73ce', class: "section-variable" }, h("div", { key: 'bcbf5faa9a8394740ccbe4c1543638f162f5178a', class: "border tet-border-radius--lg" }), h("div", { key: '3fa6ba25b1e3808c239df950ac93dae2a43f7a5b', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: '93f747a12d1fdbaf3d7fa55928e943ad4af44245', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: '2d6ef9c98578985c1abd5723515feec132811068', class: "section-font-size" })), h("div", { key: 'a6e0d78c5b0d58f7b469c469c2db526c29e3e569', class: "section-variable" }, h("div", { key: '437472f74b71c2e5601b9729ffa609cd94d2d3c3', class: "border tet-border-radius--xl" }), h("div", { key: '30f1734e5fdf064d1c7b308813536923cfcd2703', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '9cbc5e3e2bd81073e92e584ee61064b2c05167c5', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
+        return (h(Host, { key: '3b7f5706885a05333201d58a89f93b3139e74fc2' }, h("div", { key: '284b0fda96f3ec513400391b8613cb70c46ad3f1', class: "variable-container" }, h("div", { key: 'af77a0e6b1671d01a4ba9a007177d414c73ff7eb', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '9b25e794eabecda1b566b3ba4c602dc5f31e86ec', class: "container-section" }, h("div", { key: '20fb66b2d3e5b3c4d0c62762ea2e4002cec47bb6', class: "variable-name" }, h("div", { key: 'ebac7dea74811a4bbfdd0a4c398c8dc17b09bf34', class: "variable-part" }, "tet"), h("div", { key: '3d931e303c7ab0b57401c1494fb6b8a5c071de7b', class: "variable-part" }, "-border"), h("div", { key: '40e6b1c61c5ce444c815aca5e40128f3d4e5cf15', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: '1fa4eb32cf1a1c6dac3d68486abf36bb7a559d95', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: '30a2a1e9618fd33c759980a7f6333d895dfa27bc', class: "tet-fonts-container" }, h("div", { key: 'f6039e2b36cba1a7ba7e374340e31bbfa9a8cbd9', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'a3d8e39fbde7776ca04022544197570fb97af43d', class: "section" }, h("div", { key: '98fe36b263fb4a444cdee652780de9109d66752c', class: "section-variable" }, h("div", { key: '028ed7bbcf67e7213dfaa9dea6d01b36b79c67a6', class: "border tet-border-radius--xs" }), h("div", { key: '1c5a903427938f9ecf3db283272da9d1476cce21', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'dae1cc1c8985a5900c5c8e2a1b8f7c45a31d5397', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: 'd54931c4081a8765ed6a715a0d71af6c39b77200', class: "section-variable" }, h("div", { key: 'b59f6394e94a5e9d7e5a399210ad53c84a051ef7', class: "border tet-border-radius--sm" }), h("div", { key: 'e1ae7e9ec900cdc736b624f6891d452f5e77a21d', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: '26721f0e156103fe48677c3fdee5bbaa21b5ce5d', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '27f885463f565129b31340a3bb60cb327551013f', class: "section-variable" }, h("div", { key: '39a7ef74329794d6571a08527e2d61b34cd0c013', class: "border tet-border-radius--md" }), h("div", { key: '1462b87c2c4913f30a46bccae99dbd36d1b71984', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '75d19ece7f2665e4c156fe6dc97a183ee4a494b7', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'f798251990361c3626e84beadcc7c9f268415ca9', class: "section-variable" }, h("div", { key: '5b2d61b271910fba00e6debd56fad03b5056b044', class: "border tet-border-radius--lg" }), h("div", { key: '90767c1df2920132ffd23bba83d16420a6ac0647', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'e889f2d0a63b46c9aa39b94fd73866c62c7a1657', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'b9766f89b2b39f285882deeda0dd8686c33e13cf', class: "section-font-size" })), h("div", { key: 'd341b53d993131529d97262e8dea0a7c2680c859', class: "section-variable" }, h("div", { key: '48a2b9a9752606f8f2068ee77d66b4183f47d32e', class: "border tet-border-radius--xl" }), h("div", { key: '7dda0bc1f610146531ee200e738fb74fbf127785', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: '88e2bc7764524b8c878e03bbe0a369fa79cb1abe', 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: 'cd88bd0e57097ee9b299b465308caf62d179016e' }, h("div", { key: '8d4266cb3cd8431c11f6da8d1faf686964d68775', class: {
+        return (h(Host, { key: '897208c5c06f06331ea808362c26282ad3f7bd21' }, h("div", { key: '90a61a46384380f69bdbfd62d0608a3c7f07005b', class: {
                 'dark': this.darkTheme
-            } }, !this.isTokensExample && (h("div", { key: 'fb10a5dcadf492908e8b196fc72d1d1ec48df135', class: {
+            } }, !this.isTokensExample && (h("div", { key: 'fca26d87b778af11ba82f20ecf366455e16bc252', class: {
                 'container': true,
                 'variable-container': true,
-            } }, h("div", { key: '21b4f897f457f082ef3cb9de37c087d8f32ea04c', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'ab6308330818654129dae92cd2a13ae2c9ad2c77', class: "container-section" }, h("div", { key: '0960d173d442eefe5a1c9ea26414ff260a63edb0', class: "variable-wrapper" }, h("span", { key: 'a5ff50a596f7167fbc261d936d5c81432430d0df', class: "variable-name" }, h("span", { key: '0d698cae7b8da07aa3941aff895069996ee8e3ef', class: "variable-part" }, "tet"), h("span", { key: '2e1ab3707c73820ce65ad7441569d3cbc7781030', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '97cd479b25a6bd5e61bb671076848e0bef7c0874', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: 'da83b3e96f68e7e5ebd3dc3838c266b7ee93cd6c', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'a3a90bb60cdeb6506c1dbe685ca89beb0a3b6fd3', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: 'cb43c77fd7ca11509ca5c5e46a7bc5481eed2d00', class: "container" }, h("div", { key: '36e4edd4d011865126247c80d71b6f9bd54d09ef', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '533d6eba845fd187fd4990fee1dd7cf4060add1c', class: "container-section container-example" }, h("span", { key: '788070facf477c3ff7772216864fb58eee77bc1c', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'e0c15e8895138eb878a6105510f7dfbf59315010', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: '740d1585ea46f2602fa78534a94fb24cd2be0b65' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '10fa52c1a1be9ca34e6e4101e552c556bfd67484', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '9e1685f71543a266b5d552134dd32537cc3e31d8', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '7a8be8f7f691971b27a207423030077789df4f46' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'ee2b1770804825dbea679bd5694142d31c6fbb66', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'a0fdb4c6e620557ce46756eb485b6d9623fe7a61', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'e4498d43ccca15b4a2ab11109dd26d331685e768' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '8893746eaf07d3fc374b7e0f26bb9bf1957f3bdc', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '848275e70cbb150232028131581c46101d98d63c', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: '0fb11ce43c788e4e7937caca7497c4e99f3ee9c6', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: '8064b728f92ea035259966fc7a11f71f76fb139d' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: '884cc08e6a3f51e6752975e8b9e2a591fd5e309a', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'd378c0e68ad54fe93085a6a022dc1a6bce409c3c', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: 'e3a2f5a1a829e4660743d93f4ae19cf805378957' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '837bdaa02c370aa6d920f3ac3cb4e26e8b9294c6', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'e92b667efac6b35f1d7a0ad11438cda94db817bd', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '2f5b1e06cf84481ab1113205b2937ce82568956a' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '4fdbb9d81bf533e371a545f31d46574b43a3900f', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4590718118087ff36a732b513ba9e618da6c7148', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: 'a5cef95b5a23e81504e9f997f698a81f4b76b244', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '3c791ee04ed4447f6e59b65b45ed26236c8926d9' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '2d1374bd524c896056f07146eb9cfc6b7f4df4cb', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '9013cc9c74bff0637bc1c3445e950902aa50157e', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'b2a85ac9443e7f2b127b6413307d7029e591705f' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '816ab451c0b802cdec721bb6438ecd2f9970cbe3', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '2a74881067d0dbd4cbd511111d2fea5470985416', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '43ee42c348978d25361c5b08449218e98461e35e' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'c54e6020355388e2d3f878666a89bf48edb35571', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '42fabc86b106322f5712c262faf3ae09c41422b2', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '3f761dda2e97fff927173f628055646a779f8310', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '6e86f0da8a627a35f19a99bda31bf874bba64576' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '28136fc850c100583f50b71e5476e08ca3cb763a', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: '0243769d68a09a93a8e5e976fb7006e18bac26dc', class: {
+            } }, h("div", { key: 'b26708397cee9718fab24ade598544ac21f52d44', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: 'aab3d10da9b1cfbc8a651d9215bc5f7755c4a0e6', class: "container-section" }, h("div", { key: 'ad8873b7abe6b9bc917894a1dd8465ac74d0223c', class: "variable-wrapper" }, h("span", { key: '9f96decc6cc93b9422f33b1ceff78309bd1e9ecf', class: "variable-name" }, h("span", { key: 'e1ec1347c8bb826f641cfa5eb4a35dc0a0fd6402', class: "variable-part" }, "tet"), h("span", { key: '73b201e572d83e1ad0eacd0df1802f77b58790f2', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '7301b2c7e376b6924fd6aa6445b2997719299ab7', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '6332525675cd42849df20f026cec016bd89cbc47', class: "variable-part variable variable-type" }, "--background"), h("span", { key: 'ce6dbf104aa070f398522f16a3ce9634637dbac4', class: "variable-part variable variable-state" }, "-focus")))))), !this.isTokensExample && (h("div", { key: '184ab6aa4e160a96685586effc498db387fd0503', class: "container" }, h("div", { key: '822a000765b29bb656d94b85eb851bf398cb590a', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'be30282825d6707eaac529bfbb03edba1c4832ef', class: "container-section container-example" }, h("span", { key: '980d054303010b31b00e9724d7f64abb563cced9', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: '33db63970885f1f79bda479421d7123c9518e659', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'da9966e9af2f3e5ac69c19078be045c7e48a51be' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '5c204bd329c4311652e68bba4a2f26191ad5e26b', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: 'c0390cdbdf6fe6cb405235a10adbb9afa10f059e', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '3321e02999b27bcf748996062af2d3a3382b8439' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'da2317dc55a00f36707e27b5a2499b509c395135', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '28d994f3ccdbb363bbcde524b7474ed1c15662ab', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: 'bbcf436b2e4067b20d6c2d4dceedae3aad7cfa0f' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: 'd32487bd79e424f9781345eb8264056dcc0a7507', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '6f4c3271f0131e36c24dce7c289a391f5929c807', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'adcb84c3329aa34ab27a8441d21c507681e502df', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'cb1f79e045ae4ab12453b10c24ab687bf050ba76' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'e20d37270b36b103d4236ce885e1b84c90219c03', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'ac8ba5ea09ec32a3c410b9bbed3681e7f657f7e3', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '06ad6978083b5779b4ce837454f988efad1fb6a3' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '7d50d5828c90eca48067fabee16ba22d0be2b23f', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '80f01f988370ac532b1585a848ae39a93113db0c', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '058606fd6b29541ec9f2e489f10e41dd2cf35589' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '334c71122fc7932d10c9186e23c8be2e7dee2c04', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '1ad093d281c0d401bddddc32c6f63b3fbff17fa3', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '2dc676560014179057bd4f4166607c41cc894aa1', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '98bbe8b69a6dac695ca747d4fcf2df92839eb29e' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '3a64e915375517f8c3709ff23f8bec218b7c0d0a', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: 'e473276b84a51f72938872e4870301811b9e95f4', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: 'd987537373b749a50f04335a371b7237b3e95788' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '48c5d414f76771b0d09f57e9d9a6fb7eb3856153', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: '65fc973d6e3a390b330e13188d77ec826f3152ac', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: 'cc2721271d469d734707302e01ed27a4bdcd0860' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '55e4eb3c52cb7524e78a5e89a8676a0db28c4934', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '5f584fd2203a53c4e37d2c131019003fc983523f', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: 'a5e1217cc1b0bde4696c9b48ae6a5359a9756502', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: 'cf921c9cc248cf486a4517cb4a2baa28f03d8350' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '479af0c8136b6b8ae16698256a2070cd40e396c6', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), ".")))), !this.isTokensExample && (h("div", { key: 'b573f297f90a2bd57f957193049d80a549f999a0', class: {
                 'container': true,
                 'show-variables': this.showVariables
-            } }, h("div", { key: '9d33effb75e904414bb9aaa7d54fb6d9e39e900d', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'd5e8e06da0b4441ded10bf17146dbe48241f744c', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: 'c2f61b108e6758389c93dbf750a47c77454bc0d3', class: "container" }, h("div", { key: 'a3031eceeaf5a0288242096f874ee6af2294729d', class: "container-title main" }, "Tokens"), h("div", { key: '0dbd39ca680de2c23d33be1cdc2edf6adbf5307c', class: "container-section token-sections" }, this.tokenSections.length
+            } }, h("div", { key: 'fa20a00f2ed38e53ae1dbc0ff9b14e631d05fbf9', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'fb2706d4d9fde1e0c14497be127537cde1664e8e', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section))))), this.isTokensExample && (h("div", { key: '15ec30d5c0e5ee1d80f19db43eb1b98cccd6325d', class: "container" }, h("div", { key: '05efdcc400f22f6a81582b7da555c10402483245', class: "container-title main" }, "Tokens"), h("div", { key: 'a34f88e63c1715d87d83e922d3c2ef8ff75dd727', 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: 'aaff6373c13fc59dd6fe01f85403875a549729e1' }, h("div", { key: '23e3aa7560d1cf5f1b0ddeaf9eb6fec3a9c556eb', class: "variable-container" }, h("div", { key: '2fd47cbfa4eaa03a817957155c51eab8546f4b10', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '6b43b1e448cb90fc6c212f4ab19eba7cc8ab12dd', class: "container-section" }, h("div", { key: '4f8bc9181ecf377f163424b2cc4a3ac0f2a6ee9f', class: "variable-name" }, h("div", { key: 'fa2604688cc520ef86eebaaa102a28848e06c4e6', class: "variable-part" }, "tet"), h("div", { key: '3756685c14a8ed2b8ec6a0ca9afb55f454dca2d6', class: "variable-part" }, "-font"), h("div", { key: '48d4ab3c89199b2c1f88840728d705d61251ddf4', class: "variable-part" }, "-weight"), h("div", { key: '150944ae7111c81155c4a4f36de133de8d25cd9c', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'eb86f29750f2c1f87d01bb0931950e6e1dea6584', class: "tet-fonts-container" }, h("div", { key: '3084e7cff1d2cb6d9b1fe5653f1d19371e9a26de', class: "section" }, h("div", { key: '577fcedd82fb3df0562ac899e682a3a4002d2a11', class: "container-title" }, "Fontu biezumi"), h("div", { key: '43c5841553a343eed210cd83ffb0e40f95a10e61', class: "section-font" }, h("div", { key: '034b1808f8c9f4d57bbe53f61b2fcb00c54f3136', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: 'cffe4e9c0f7cfa24a8f4445ff0a996199d1a9fbb', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'b493c616bfae8793aba73d19afc0330567358393', class: "section-font-weight" })), h("div", { key: '0b439aa5f10c7378a801a114d45a7e87c14fe6c9', class: "section-font" }, h("div", { key: '3cfb0b749cb14dc5e0e036fb665e450306fbc502', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '75ca323b6d7c95a6b5e3772e8773efa43ee39612', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '24deb902da8b202e42a76445b277798934a1af65', class: "section-font-weight" })), h("div", { key: '65678633dcfbdecef488af0632e089d06929a023', class: "section-font" }, h("div", { key: 'c8c7c68c2b32d67cc5e2b2a5328abd4b16bba331', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'd035efee0b2366d0cc40e869230e771792baa1a3', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '1d3ca204fbc54df64483d7aa8e4521f156c59e9f', class: "section-font-weight" }))))));
+        return (h(Host, { key: '3218c66216bccc5b3743e18bc6568d4349b5d846' }, h("div", { key: 'b55e40f9e55965a0ed2ba8fa3b16c8573ef2784c', class: "variable-container" }, h("div", { key: '02e96142029c6392d7d0bab696bf81b5022ba196', class: "container-title main" }, "Fonta biezuma klase"), h("div", { key: '359828290c663bac77eb48fe273311ca676aed4a', class: "container-section" }, h("div", { key: 'ed8e6b3aa2379da0d84ea98b90debdfe23347f7d', class: "variable-name" }, h("div", { key: '7ef0de348d5379346ed3f5824946437ee4eb6997', class: "variable-part" }, "tet"), h("div", { key: 'db5e712aaf2e52f2ea5f3025046a5d0fded4acb6', class: "variable-part" }, "-font"), h("div", { key: '99a9a22e438e702555bc4aad6ca4d61720615457', class: "variable-part" }, "-weight"), h("div", { key: 'ac8c53caa315bb232a2c89cb27eb3f4bb2077362', class: "variable-part variable variable-weight" }, "--semi-bold")))), h("div", { key: 'bae63d7ed9d9840e6d1e170f08330774399341fd', class: "tet-fonts-container" }, h("div", { key: '714d678e8ec7125401c9399f485f9a8b04cbcd2d', class: "section" }, h("div", { key: 'f27158820e2a9c5d718518e54a34f3f5ce3cad61', class: "container-title" }, "Fontu biezumi"), h("div", { key: '31eaad9a8cf7ec9dd6d3418723951d9112a52a9d', class: "section-font" }, h("div", { key: '0ed4a579595595e1ad016e5d663dcd1be2d34dd4', class: "font font-body-xs" }, "Font weight - 400"), h("div", { key: '306f6c58036c0c2d81c3c68986ae4b8c5a554eac', class: "section-font-class" }, "klase: tet-font-weight--normal"), h("div", { key: 'a62513c0585d94a94502619f7d5153cfdfe5d465', class: "section-font-weight" })), h("div", { key: '90bb67fcff9152e62f0d82519f23800f75f6740a', class: "section-font" }, h("div", { key: '7a5096f097198a9a5eb98e4d9b2166390fabddb9', class: "font font-body-s" }, "Font weight - 500"), h("div", { key: '5158191f2f110575ab3c2cc460587a09295b2207', class: "section-font-class" }, "klase: tet-font-weight--medium"), h("div", { key: '5ad0bde22d718f9f5e24d232b8074b7cb418b4b8', class: "section-font-weight" })), h("div", { key: '86832ed3dba92aa630ffdd2485661ffc224b9b32', class: "section-font" }, h("div", { key: '25f2f600a070207543114fe510a354c560a75d11', class: "font font-body-m" }, "Font weight - 600"), h("div", { key: 'e61a58aca89b6219dacf8bc435d7e352c9d2796a', class: "section-font-class" }, "klase: tet-font-weight--semi-bold"), h("div", { key: '8e4c37b3054ba6e127e48b10c8e42b332c210dbe', 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: '5c33968e2a34c48abefa64971ba3d39db536524b' }, h("div", { key: 'dd245d9b26baf8f95daedf6917355dec3c1b2a8c', class: "variable-container" }, h("div", { key: '23e4144eeb184e7b1891c597a33a264ec6dfe648', class: "container-title main" }, "Fonta klase"), h("div", { key: '2365a1efe1012c741fe176a3397f6937142a2d05', class: "container-section" }, h("div", { key: '702085a0f42a554a1cda81393bed5e9ed6e13b00', class: "variable-name" }, h("div", { key: 'fc6c2b950fc3342803dd7fe7e9ee5a5bb793e0ee', class: "variable-part" }, "tet"), h("div", { key: '99037c4f2498dd87fc46b3dea91dd630c1925dae', class: "variable-part" }, "-font"), h("div", { key: '13799731be2d2f4dc2d1ff9be1085d1eb4a1c3f4', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '4608b68269871b6031e0ab9138b84a12784c13a4', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'eddf9c1cbde2020e13e9bc7811ffc0c8089922ef', class: "tet-fonts-container" }, h("div", { key: '6a767b89a709be2835b76e2dbe2941719b12dd1a', class: "section" }, h("div", { key: 'de1ae2f11aa4dc53db198952a242de600b5bbfc3', class: "container-title" }, "Body - Inter"), h("div", { key: 'd8818d7576d7c091c680196e051d61b3cc9df2c7', class: "section-font" }, h("div", { key: '1b1190376fc2abe64a7cc9441f1f5e5cf1b2b209', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'dcdf983481899122f3f80e7dd697315beb5c8d76', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: 'a7f4c6ebda04d3931d41973e24582f9d119e623c', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '849de7d4c21b8d6261f76aef098f01ba224c91ba', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '6dffd13ff4bd326d24c0bb9d81847f8ec2fcf9dd', class: "section-font" }, h("div", { key: 'ac89ef470db578a752f92e4471eb372a5b26d516', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c7acb5cf73b6b87ccd81ef93cbc3b21cbdb90d9b', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'ecad311818db608263bf33379ca8e9f0bd43e7d1', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '16bac17d2a7c20fd741bdd6cbcf05bcb4338a5dc', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '6197541443f36034cadbe6ac38e2d0fefb50b04a', class: "section-font" }, h("div", { key: '87db7594faf8b451578ce534865f26ed4b3904fd', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd79211e81a2fbd3e33d6fcdc1a4ad4a56745b65f', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'c6d6fe82c0dc6cdea3c582895d627f87874ef5b6', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '411bfedfecd5f6f21bf859b7bcf3f9eb5aee4abc', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: 'f6dae50849084c4d3d7fb045d20d953fe2f220a4', class: "section-font" }, h("div", { key: '22cd7a5ba123fa3f4744b157f314e09aea5d9d7e', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'bbf824317797747d3192eaef993122e66dce3cf6', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: 'a0c7ea183d9177ebc8a301f2a430d79d467c6e16', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'f80ba7af055f01f478bfd2e4e1110c185ec15547', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '7251ad3a37793b2e1f885a210f6dfdc0905d0c95', class: "section" }, h("div", { key: 'e34572a5debdbc20aa484f6940a43df8f12af3a3', class: "container-title" }, "Label - Inter"), h("div", { key: '22b3f6ef23821bde84d5241b62bd9275a1d44b0d', class: "section-font" }, h("div", { key: '88b5d67007c2305d076379116df2a8c057727643', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4cf507ef0b62fc45e03af5e7e5a1ddefa35ad49a', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '5b9ce4b04f53e294ef413322c6c90c2d04eb2bc6', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'f6a84051c529b5476ed7bc22282bb92a0ca313f0', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '760b59927d89ce47baf50b080adfe3e88f286866', class: "section-font" }, h("div", { key: '81521e63dcea363fa028b6c4f2852fcedfddfda0', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'afb27ad31c9e38f526f2b237708f9c4a020ae14d', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '77b03d37b9319c3f493628b91c9a1322d0ba9d5e', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'ef259790632c16f46a37a337f8240887cb98f4a5', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '3e451bee8ab9dab4921e9c5451ea044506b21118', class: "section-font" }, h("div", { key: 'd4342044a4392103cdbf12ca5efd11eaea584ff8', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2575c43e5d18f0f1e8c8cf6dfb5639cbc8ab0cb8', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: '3e81812c383f5d4587ad7f0603025316f7b71a49', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '809b1d8f12a683792075ba6d9edc5521e2be517e', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'a6b8ed622ff1454122c477b3cbfe633847f54db8', class: "section-font" }, h("div", { key: 'e52453a4452cd21c69524ba6c66c3f637f18e196', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8e6c8ea4b11b4f38b76090b4bafde667d783de6a', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'c99f7e2bc6d58e3cc957d20061de4afcd58deea6', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '660a2f55972f4dfe0b2b6c4641a1ffb0b5add0eb', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'a8f9846e96d65e800f3df1912093df2ad5cc55a7', class: "section" }, h("div", { key: 'bb2290beabfb7784e5943f8f4e15c355993776e8', class: "container-title" }, "Title - Inter"), h("div", { key: '6e51cc75ff7abde9d451569f82c21fd0531dd714', class: "section-font" }, h("div", { key: '7cb5531e434411e7bcec91882048ff03124d68cc', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'c064a854aa71d65ade6994a6d7d1eb0ec7caea95', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: '87da730bd96676b63a3434701491e6fb9923a627', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '5b18d87f43d8608baedf9a8a5f8f965f444da41a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4e0c738f9592a1eea4c1738ae5f76598287f2873', class: "section-font" }, h("div", { key: '165456b664250eb3233c30622feabc54c3853254', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'dfc4a48e6c332c4d50d069db5ae8c6d29abfb3ab', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: 'b7d8c709649aade4242dd385ff7de61abc308d12', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '2ed1505e1309f92e915217d5198c2c8e558d5fa3', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'd171006f700464099a4ac14cad82bcb18aff6d37', class: "section-font" }, h("div", { key: '51d8a23ad754b676bd8bc062c59cc6a2609c3447', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7d330c18a58c7940dd2616ede3783e3876c0e737', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: '16e4bd04c62fcbd5d06240d04ca189c76ea79a62', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '074c7b182fc92080b67a6b6d9456fc529c3fe45e', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'b8492a16243d428d5f8d06611cc2d28235dd4f68', class: "section-font" }, h("div", { key: 'd919debe87506cdb611b8804c4eb65e617c785ac', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '93bed9105ae0ca47a827444bf1f9eb4bea6c9620', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '67bf7e8c0a43f0e962acb2b9eb8a35c538481c2b', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: '8c6430c8f73f1c242ce94c4c4811d51e915738a9', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '447316efa7cd083256bf7f9aa3548ab984c32fc6', class: "section" }, h("div", { key: '685b4d31bf3fb3266bf061ba32dac71ee6b52ace', class: "container-title" }, "Headline - Inter"), h("div", { key: '183344ec93235471ada7636beca597b415fd04fc', class: "section-font" }, h("div", { key: 'df1b5ba12b95074631760ddbc5e28f8bd4ae04cf', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'b02d56ad1230faa593556447de4053ac96524172', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '585e54d3eeadf539645fa97861c116ab77f6e52f', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '3e1992d7cbb61dc541148b36ae6d66634a2a8c60', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'c63aef6c7e5192eadd052eba9117e324b243300a', class: "section-font" }, h("div", { key: '7e018eb5912e816761a565edf61d81ed8c45bd58', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '04cd97b7399038353c64655794e798f0e4e6c37a', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '808e0dac9737a1d3db8b13e0fc47daea4efc6bac', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '5c3de24412bf6a442240f13d9b11cbbad2e61d9c', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'f31d5abc1a55e5e4419eb51dd98c65a4f3f7a727', class: "section-font" }, h("div", { key: '8d41f68d671c6ba5495d655dc1f61d4c0bb3890f', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '02c8c3ad6a7cb4c3124fc0a8ef351b2d447db633', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: '61b6d792db834ebc72d40691c84a26eb130c2e2e', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '6f8f45f5e1553430709781d289271b279d443b80', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '1561b50f975843f42a19fb233a36e870651a2c36', class: "section-font" }, h("div", { key: '05e237fe8914060654f815617b9b2967f38cc919', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3aace55fe23853942ed223ac4dea6db65a0a8f16', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'a037d6af46269bec0a84ed0ff2c85d9389f636f6', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '7c3537c700b1f679074f11190479c4821017316f', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'edb3cfcb59d17981d8b070f68cdbbd46a20d9b27', class: "section" }, h("div", { key: '305bdab05de4a973eb90c36958788a66454a50f9', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '7436a834c5e3eec626d28a30e5cff8edccd6bbbe', class: "section-font" }, h("div", { key: '4ad899f6d1d13c589ea452ff68bc5d8f7d943653', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '48bdd7af648634b59d07251909a719e99ad0f09c', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '954770d8be4054638f2cbbf847a2c99f9d517a0c', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '1713537bd3a928964cd85fd32eaa56f1438645d0', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'aa69cf92bf9d9367d22e070dfe8cc0ceb61dc3eb', class: "section-font" }, h("div", { key: 'ccd40b0f0a7c2accf3d0657ca2b4bf33d069b8a5', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ac5a668c46242b101319587ec45f210cccfea54a', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '704640be19a6ce3bcb4b90b47f60c8f8f312dc99', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: 'c80fb79dffe78047a6706148582e2da35e0b9334', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '340d0c662c6f9d1830b3fbb43db2a7a33ef8a629', class: "section-font" }, h("div", { key: '5afa4e81e6916cde027dcdb73d0b098dddea3ccf', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '725b4f030b9814dd5eec54480eac10b5be732570', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: 'fffa1230d5eeb1b1e4b4a2e41cdc903d03e2017d', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'e31d0586dcb2c7b40120554e6ddf03088e634e35', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '6d98d30a24ca113d3cc32df8e935102e2640d059', class: "section-font" }, h("div", { key: '148a36709923208524026766a11836460eea45b3', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3fa2ebc8c3936686a05fe2a941cf17baa486d55f', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '07f245696293408871fdd16bb63d42d95d4d3f91', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '10d520138165caf34373568d56750b70dda13292', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: 'd85874db2677a04811ae798843d1a5aabbf13dc5', class: "section" }, h("div", { key: '4e54d5625a41a77532054ee7057ed368e018714b', class: "container-title" }, "Display - Gilroy"), h("div", { key: '344d7aa2512fd49266adf5ca4fda92cea9033b5b', class: "section-font" }, h("div", { key: '4f006069fb08525870b32b05d1fe64ccab798a15', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'cff343ea4403e64b0b18a918b308db9cd1ed7b05', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: '76d36a999e77df03992d6299449a7099fe1aa5af', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: 'cb1b80f8ad89576cfc83536eec7a2cef12ea8e51', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '26662dd6097a4e427e0e1801f0046372eff12ae3', class: "section-font" }, h("div", { key: 'bbbc370de341bf43f407723fda95284f1a351452', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4fedb427c3a134cb23ee775ef89b7e1e513f6d0f', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: 'bbf4fd7ddd3dda98642f3768bdcc22296a512c41', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: '6dde28e1f53d8188bf71283421758d06803afdc3', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '73adcec52185a43332fda904d9e33d267eee79ac', class: "section-font" }, h("div", { key: '3eb670faa6e5ee60d36ff27869609ad142778691', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2fde2af53296666d4f74d7bdd200dd83edbfb767', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '27eff3a3e530d85d49a82df54aa9093609e23027', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '71a824061af128114656270cf0cb2cee226cc071', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '509cb4e214a9f66bdc9da07ac70db154971e57b6', class: "section" }, h("div", { key: '62b3dcd815acaa7fd11063658d5568b7647d1b7f', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'cbe6ea39d4cd0e4df51c2bf28eb26adbadd948cb', class: "section-font" }, h("div", { key: '6ec9a5bd147100cdd7983ab4e2e1bfd33efaf2f7', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '98e0028ceede0faed0f0c918321a14c4f1c9ff18', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '6bf28ccbb47ac16689d8df9d937e5c50b0926519', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '815add305c48eab746a60530759351c02b6b51d8', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '7a5a5cb3c114322ecc0c0ab5083429191efe11a6', class: "section-font" }, h("div", { key: 'ce571afba8f71d75abec5f4af857c6032e450489', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9c375036c8b444d9a643e8cf558d74d0f1f7704a', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: 'bcf5110e2dc83b2a9bc762c24d92662de333c0c6', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: '720bab817b6a7fb69422a0e9add2f5b3b6db1a11', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '4748ac0fa70ee8dad57f348611eaf7283323b8b3', class: "section-font" }, h("div", { key: 'b371bbdc55eaf20ae042782d7ade9108dd1fd681', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '1d836e588ae64845ac73c9d2790f7c43f44a1f37', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '045c90f311caae74b148199dbe37b11359b333bf', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '3a9bfbfc9c96fef93db605cc20a7d822a508d378', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'dd26dd676a6bd13b2d3d127822161603d4118a39', class: "section-font" }, h("div", { key: 'a4757f04a6f46bcfeed0f48e28e9abb79276cf28', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '38736eec61d252563629dcc5becc0e9664cecab5', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: '9fb2eb0ace52d15e5bcc9470b1ac9a48927502a7', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: '075d9222a42f0ae284183b44aaef44dc879b0663', class: "section-font-attribute" }, "Font weight - 600"))))));
+        return (h(Host, { key: 'cdd4693a096cad8c51f9e1b7f42d5acceea5542c' }, h("div", { key: 'a399f9b47e2978168b48aac5dbdb368eadfda891', class: "variable-container" }, h("div", { key: 'd595ed564e79c5d36038708c07a7e02d0f2f09fb', class: "container-title main" }, "Fonta klase"), h("div", { key: 'de9e0f230ce1df37b2d26739006d57ecbba48c43', class: "container-section" }, h("div", { key: '6600b01929df77d014364cc1275d0f841523f89d', class: "variable-name" }, h("div", { key: '742b2b9f8a8eb0f8e1763230620df69273283488', class: "variable-part" }, "tet"), h("div", { key: 'cecb5825b0ad2ce62be6008abb7f72d70aed026b', class: "variable-part" }, "-font"), h("div", { key: '32180ddeefd1c1ce5dea10f809d5dbf43c94fb66', class: "variable-part variable variable-type" }, "__label"), h("div", { key: '5d407001a62e49fb303f08680cafb7ce18a34d0d', class: "variable-part variable variable-size" }, "--m")))), h("div", { key: 'dc970dc7536363db86ab462b8d21c7f05aad1822', class: "tet-fonts-container" }, h("div", { key: '4346e471bafef461b9562f1cbaef8628d0e767c2', class: "section" }, h("div", { key: 'd79bad6c9f50ab36ef6e1155257b2fd843687b8d', class: "container-title" }, "Body - Inter"), h("div", { key: '54a8d4622084a2aa8048db58111c8cda3e480692', class: "section-font" }, h("div", { key: 'e31a65a054d52c3d93df97098b870adaa1735624', class: "font font-body-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '32ca0bfbbab297921a01cfbebe4eb0514c9adeff', class: "section-font-class" }, "klase: tet-font__body--xs"), h("div", { key: '06b7ba505a209a7b3d786b0bdee23ae7c1e400fc', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '1d2925caecdd654dbbf6550f184056783b1e9909', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '3106ee33514916da6015bcad5a729cac3b8bb0d3', class: "section-font" }, h("div", { key: 'cbea9f1811673318777eaf9778e720a609303fa0', class: "font font-body-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8b983e10eb9b5d00102012ba119c5172158c3d2f', class: "section-font-class" }, "klase: tet-font__body--s"), h("div", { key: 'f568d556343af35f2c8ebc69b485c1cbee925b47', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '8e2d879e0939bcc5f30a77c53e94143fcde5ad1b', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '63c3085e7715f4587506dc44129625cd2caab5ba', class: "section-font" }, h("div", { key: '441b79f209657c13c21f98c829a25d58af4f4dba', class: "font font-body-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'fe48e610749af8bb51b36d1dce4250ddbeac961a', class: "section-font-class" }, "klase: tet-font__body--m"), h("div", { key: 'd51eafac483303daf6c7e17cad1499ecb2265d2e', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: '15b88b5f68fd0d32db68fe96693a27c2e47349ac', class: "section-font-attribute" }, "Font weight - 400")), h("div", { key: '47b15dc114c351dfe822e6995a3c792fcfa9304a', class: "section-font" }, h("div", { key: 'dda1665e77ee0965421e30e841298eae17c36a64', class: "font font-body-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd31ede53a2aa249edc2b0a20c6d52caa25609b30', class: "section-font-class" }, "klase: tet-font__body--l"), h("div", { key: '773d6be48ecdce236a7c8cc66a5e1b4023efe26f', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'd414a24ec62f3c93de0254c8e47c83193160a7cc', class: "section-font-attribute" }, "Font weight - 400"))), h("div", { key: '36b26bbd3dd42dfcef2f2193840f473acdc3787c', class: "section" }, h("div", { key: '35fb09b0cdcd173f59df36dcd8b7f66900e023cf', class: "container-title" }, "Label - Inter"), h("div", { key: 'c3b2cbc4ccda86a0582245a0aafde439dffb5331', class: "section-font" }, h("div", { key: '6cdcd19e366ac70fdf1916151559d017b5dd19ec', class: "font font-label-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '72f800db9cd60759e567f576f0bfa09823034536', class: "section-font-class" }, "klase: tet-font__label--xs"), h("div", { key: '16aa1732bd659f65e2abb01b5b5ecfa9d7193142', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: '272be28d4f14515d30ff5b6a2804b209f7701e82', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '3631549a3ad325592f4219ee07a314cc5d1cf86a', class: "section-font" }, h("div", { key: '2bfd0a7a63d98e98b4e9abe0a2da83a778310ea1', class: "font font-label-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '9d3a2733c53f4db53972d68d29d72792c9ee73e3', class: "section-font-class" }, "klase: tet-font__label--s"), h("div", { key: '2d6871285a6f9827b1f9e0c3daccf89347e51a7f', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: 'a0c71a55aee95e61d23ce5ca931ee1c6e4008671', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '2bbbd55dc78583e72f2076266f1854eca7c733e1', class: "section-font" }, h("div", { key: '8ca5c7999739b26c5e9383986627ebfd7bf6173a', class: "font font-label-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ae9bf21fb2ed374c921746f3000d7214d7b5700c', class: "section-font-class" }, "klase: tet-font__label--m"), h("div", { key: 'dc38e9720f3ba4ef18a0b8375ff10e36c53be7b7', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'fcb5ff2c9cdccc2e4f9b184a109990be808dd315', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '56dd09e8a62c0a1ca6cf13507f49bb0feba26788', class: "section-font" }, h("div", { key: '93fd006c9085e46acc5f22ea71a09c324ec2a14e', class: "font font-label-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd57b7e06f672010ae7ea80852630acd8f2309953', class: "section-font-class" }, "klase: tet-font__label--l"), h("div", { key: 'f635c2e5274f71ecd5f77a3617fe41e770254604', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'ceb143bc1d0af632397e671543345f33d1e6e297', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: 'ca28806b185adc53711e2ab7488c8bf12f922461', class: "section" }, h("div", { key: '76a6f059a3ca9ac188ef93e416acbfbbd0968b78', class: "container-title" }, "Title - Inter"), h("div", { key: 'a09c3611567f50404a922e660339392d7226e18c', class: "section-font" }, h("div", { key: '7aef1a35371e6c7a1d57ec4f5f39cd08f1ef0095', class: "font font-title-xs" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '8902c1a817d4b493167f4dd746207646c5500b8e', class: "section-font-class" }, "klase: tet-font__title--xs"), h("div", { key: 'c58af4db29c4637a545165f0027a686466f9fb28', class: "section-font-attribute" }, "Font size - 0.75rem / 12px"), h("div", { key: 'c69bbde5e3e34ee239bf713bfdffb079844975c4', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '0ac1cac7bab3d75c1c2eb93178089c615960dbae', class: "section-font" }, h("div", { key: '99787abff9564dcc2c7d1be48f009447b57fa057', class: "font font-title-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ebbe2af2e2d103bb077a5e48e0284a363348d60e', class: "section-font-class" }, "klase: tet-font__title--s"), h("div", { key: '203622fba405407b969bc9a77899eaed09693545', class: "section-font-attribute" }, "Font size - 0.875rem / 14px"), h("div", { key: '87ee95b25ec1a622a3af259768975f40188e078b', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '57776ed6f3f33c15c13cefd4038d7415f26f14ee', class: "section-font" }, h("div", { key: 'f294298d65d367177a7af824b1d5fdcc007b2bbe', class: "font font-title-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '889c872a11a099a1e4786b12bf19e65fa339cb1f', class: "section-font-class" }, "klase: tet-font__title--m"), h("div", { key: 'c39cb7069ce192fd6b758e6eb74c4151cf757603', class: "section-font-attribute" }, "Font size - 1rem / 16px"), h("div", { key: 'c13e324254685bdbf9f929d6908bae42186c245a', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '9633207d94e67f2e25860a31fe09a1ff0a0fe43e', class: "section-font" }, h("div", { key: '5dbba25cdf84aba0b95ca0df7e0a387281541b1f', class: "font font-title-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '188c0b0efb8a636c9426207d359188139d033953', class: "section-font-class" }, "klase: tet-font__title--l"), h("div", { key: '1e604f1271db7a9235c623ac0cfdd74be5d781e3', class: "section-font-attribute" }, "Font size - 1.125rem / 18px"), h("div", { key: 'f9e9020ac297040a9a3fff45f0defdb290121ec6', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '1035748777a043c947faa8745c97aa90bf8a527c', class: "section" }, h("div", { key: 'bc5b158dddf1017303690b6868bd640c61f0c3eb', class: "container-title" }, "Headline - Inter"), h("div", { key: 'b9d85e66fb557450d5090f4f0fe350b7bb6255cd', class: "section-font" }, h("div", { key: 'eaf801b4ad3bf7b191dc15b4a40b97e9cfb15ea1', class: "font font-headline-inter-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5fb837b993eb837aa8752ecb1c17b22bba5eed51', class: "section-font-class" }, "klase: tet-font__headline-inter--s"), h("div", { key: '9013ee682e421c9acd304cb15980e6e24ccab43c', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '90704a6dc681f3b9efcd8bf08d137188a9e73d6b', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '0b93b834ec385509f99988ae55384cefe9b55ac6', class: "section-font" }, h("div", { key: '5d86e9d49b665236068ce3e60b05ba220e08bb17', class: "font font-headline-inter-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2f21b7175f34ea7fa0a84e8666ff96b4917cbcf9', class: "section-font-class" }, "klase: tet-font__headline-inter--m"), h("div", { key: '37c131657472eb34b12fcdb547c1fce45dcab575', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '26cc3dfc1fd6537b56b331db8c401027efc37af8', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: '6b3f673210a7d3d8c264486788ef51080940067d', class: "section-font" }, h("div", { key: 'bd5e531ad9c482ed347c345cfa85302a6ba5cf13', class: "font font-headline-inter-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4153c1d6d659dd4c1ae4c56c8c0c4e31b704fd9b', class: "section-font-class" }, "klase: tet-font__headline-inter--l"), h("div", { key: 'b986b500876711c69e4b8fa3b395ac5eacb3e380', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: 'dd4f15c1a1ed5ffc218ddb436d638c3a316806ab', class: "section-font-attribute" }, "Font weight - 500")), h("div", { key: 'e8b40adba83f3ca70eff0b6ac659c6a49cb0336c', class: "section-font" }, h("div", { key: 'f2c1a30cbc78672206b9db83e1687de8405f4c41', class: "font font-headline-inter-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'd6f83bf5b43639f0d10cf4214236079132f1b4f7', class: "section-font-class" }, "klase: tet-font__headline-inter--xl"), h("div", { key: 'cf3d1f1de0ff8c670a7ce9c65a29af5a7aaa9aa6', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '71c1f613564bae0c80d03dea5c896db29f1bfea9', class: "section-font-attribute" }, "Font weight - 500"))), h("div", { key: '0bba056aa32cab31474ac1496ca8018260269329', class: "section" }, h("div", { key: '36a60395e3e19e3be2a4e60471022d09ec491c29', class: "container-title" }, "Headline - Gilroy"), h("div", { key: '49a58fff47f037e4d3720b03f593d1fa6fa7b0b4', class: "section-font" }, h("div", { key: '135572a5ceb7c5c835f6dbfdc40206176cd90fb6', class: "font font-headline-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: 'ba411056e4eac80b817d5c5fdedcba1864cc06a1', class: "section-font-class" }, "klase: tet-font__headline--s"), h("div", { key: '9eb4a572c6fc20ffb3b2f6afe6bd0aa8bbded9b8', class: "section-font-attribute" }, "Font size - 1.25rem / 20px"), h("div", { key: '0f01a708f078eed1306100056e1c2d01c6577b54', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '8d05d1105845491bf3b633d3d68c0a1bf85b6b38', class: "section-font" }, h("div", { key: '65b13a2d5189c75f4879bab7fbc5ca16514ad3f2', class: "font font-headline-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2a77a7df6524a8120bf5f1bfff2cc5b3af5f82f5', class: "section-font-class" }, "klase: tet-font__headline--m"), h("div", { key: '9267005d55d5d215954bf053344e54fad18e9440', class: "section-font-attribute" }, "Font size - 1.5rem / 24px"), h("div", { key: '979678383462f229131e6d07e290f6a6425c4abc', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '85ff29817f9257b930f20f2fec41203762a84cf8', class: "section-font" }, h("div", { key: '98014d8523473c18cd5ef32a6f91d523300fea22', class: "font font-headline-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '272a62a9cc502be4d6754ae534dbf53d4862928f', class: "section-font-class" }, "klase: tet-font__headline--l"), h("div", { key: 'af3c37a6b2ec092f5e271ccf40830bbfb262a182', class: "section-font-attribute" }, "Font size - 1.75rem / 28px"), h("div", { key: '43db6e30fac9653121572c83b07d9dc33cf2cc4c', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'fb06d57dee15f31501b033b00f7a4b41bb5c864c', class: "section-font" }, h("div", { key: 'a0d0f437e77eb1df67d52cc1545ede8878a806dd', class: "font font-headline-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '7a27df4c0e3142cbe5abd7be5ba2bf6f67303ce8', class: "section-font-class" }, "klase: tet-font__headline--xl"), h("div", { key: '3973f4925acdc9fb89a7f9bb345a28f32f3b7464', class: "section-font-attribute" }, "Font size - 2rem / 32px"), h("div", { key: '910120fcabef2cdf9230619a68582d3685a2845f', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '8cc89ecba2dce6af31568d1a2141df1b1b0cb6b7', class: "section" }, h("div", { key: '0cb5f84065000d9d315a7b757773125cc5c5ea75', class: "container-title" }, "Display - Gilroy"), h("div", { key: 'dca0db8c6460fdaa5749a031c8a099c6b6ec6e56', class: "section-font" }, h("div", { key: '55a8c7d6504b9620e1e5852fd3d84fb9dba1b8f3', class: "font font-display-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '16cbe6a02d31607c2a010e210f5e6faafca76fef', class: "section-font-class" }, "klase: tet-font__display--s"), h("div", { key: 'fe6a361c44b218ab8be07659d41338e8799d2cb2', class: "section-font-attribute" }, "Font size - 2.5rem / 40px"), h("div", { key: '529c57a3a600c3639617d4623effc6dd396ea0cb', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'c02744bc3014a56c1c2849a6bc43e510693b20cc', class: "section-font" }, h("div", { key: 'a1f6792a34e029219734b2e1c5448bf4a18760b6', class: "font font-display-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '3f5ddac553342be8b2ac2b8b677902c3c955bef6', class: "section-font-class" }, "klase: tet-font__display--m"), h("div", { key: '457fb65a1b1f53ae1f4258c1abba5947be8de540', class: "section-font-attribute" }, "Font size - 3rem / 48px"), h("div", { key: 'ec8345f4d32a02b72d02726a8617aa7657adc4f2', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: 'c2933b4f39f586f1ea7d135bb7da334619972ab9', class: "section-font" }, h("div", { key: 'bc51878603340043914283126e1b8d15b1c3bc3d', class: "font font-display-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '414f881787d2e18cc61bab2ef6cc359f1fe277e4', class: "section-font-class" }, "klase: tet-font__display--l"), h("div", { key: '953e72d3ada39c2d9da2a0b170b91b827f758e20', class: "section-font-attribute" }, "Font size - 3.5rem / 56px"), h("div", { key: '761e56eaf2a8d6cbc991cbbfe140fc2c6ad36b92', class: "section-font-attribute" }, "Font weight - 600"))), h("div", { key: '848a9c5865b3b3fe753ef735c9ad711187f8fd5c', class: "section" }, h("div", { key: 'ebe91c727b9ea70454f8ea03b1603fd8c6cab581', class: "container-title" }, "Expose - Gilroy"), h("div", { key: 'ab12614781d8d4680baac9a1c79cc6364d608ffd', class: "section-font" }, h("div", { key: '6a33f437a0c1d6b2b86005efcb6dab2137857992', class: "font font-expose-s" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '2870d1bebb64894253aa57377c4a8481aaf1439a', class: "section-font-class" }, "klase: tet-font__expose--s"), h("div", { key: '52f9a8c6d42d809a83f6b41fa9a7e546ffda01be', class: "section-font-attribute" }, "Font size - 4rem / 64px"), h("div", { key: '4ccbb03b7dc484d0b7994093f0d751679716b13f', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '24aa5b477d64718195b8afe06d1db431d16d572d', class: "section-font" }, h("div", { key: 'bc430c52000b1dabb3c3500b4981a49399765d8c', class: "font font-expose-m" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '03b8447c2bdae60d8701ccd4a4e677fbf1e01b94', class: "section-font-class" }, "klase: tet-font__expose--m"), h("div", { key: '6618c28ef284d5c27761cb740b8b40d1bab326ec', class: "section-font-attribute" }, "Font size - 5rem / 80px"), h("div", { key: 'c03c914bc115a9de92e503c9e0f0cb89c96be425', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '85c14361b0c73380e454a47196a789a856c8b8f5', class: "section-font" }, h("div", { key: '69e002cbbdc9bd51ddba383f5f8ca96c87792424', class: "font font-expose-l" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '4e1815f5702679bc1d8072b7b3af433697803dd3', class: "section-font-class" }, "klase: tet-font__expose--l"), h("div", { key: '41b8c90c82a33af9faac559a95ba0518962a3e3c', class: "section-font-attribute" }, "Font size - 6rem / 96px"), h("div", { key: '68738c78a0f49feb79c21a850f2f8180108c11cb', class: "section-font-attribute" }, "Font weight - 600")), h("div", { key: '5d177b1db4549d7108125ae6de0c145faeb6bcca', class: "section-font" }, h("div", { key: 'b8726e8145a626e24b129b07046b6235ab84a6e3', class: "font font-expose-xl" }, "The quick brown fox jumps over the lazy dog"), h("div", { key: '5d821322c32ee9f7c391eb8a888cc20ca1293d70', class: "section-font-class" }, "klase: tet-font__expose--xl"), h("div", { key: 'fc8f5cba74e6df838fa16c60aeb9affa6ca7b40c', class: "section-font-attribute" }, "Font size - 7.25rem / 116px"), h("div", { key: 'c21ceb3ebdd58acaa2eab8d686b55677faaa90e4', class: "section-font-attribute" }, "Font weight - 600"))))));
     }
     static get is() { return "tet-fonts"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class TetLayout {
     render() {
-        return h(Host, { key: '7a6659c30d320301ec10bceda9010ba32d68308b' }, h("div", { key: '1ac7e6d1e404466cfc11581433b484ded1c9bdf5', class: "container variable-container" }, h("div", { key: '96e93dc40630017b0f2c052120ca2dd9d05d262b', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: 'aae5fa4444c7ad1eeab16f95ceb4c6e2f3fc58ac', class: "container-section" }, h("div", { key: '7aa12f6e665890f998faefd7b2a5a9c9f545a9cd', class: "variable-wrapper" }, h("span", { key: 'ff7011f348c1b3e69f32d3d374e7eb2dc1786dd4', class: "variable-name" }, h("span", { key: 'e20cb88a588a24bd654c2472cff92c26beb3b30c', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: '767c72877d0221e123a90a689d74622d6f6a0338', class: "container" }, h("div", { key: '7b371f3c13233f4e602658b0da9330bb2ac2b236', class: "container-title" }, "Piem\u0113rs"), h("div", { key: '6b55d9afb355690474920bc9f43c6f00471bb6cb', class: "container-section container-example" }, h("code", { key: '7562db693fe6b39e98cd6067eea371eef96ffc9a' }, "<p class=\"tet-body-text-max-width\">Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim.</p>"), h("p", { key: 'bb8b66838b911e51026eb487611dccc4063e7585', class: "paragraph tet-body-text-max-width" }, "Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))));
+        return h(Host, { key: 'b554f7b08bd29b7f58c74144c79150cec0742330' }, h("div", { key: 'ad800712d27fb0587d1d529d6d2e1ba5cfe2852c', class: "container variable-container" }, h("div", { key: 'b783bac1f652c9301a7c69b9a2b34f3be9814731', class: "container-title main" }, "Teksta platuma klase"), h("div", { key: 'cb233e8e2e88ee95acaab80022e8df11f9cc95d8', class: "container-section" }, h("div", { key: 'b6909c7da666f4222d164e0204a4a9744a218c75', class: "variable-wrapper" }, h("span", { key: '7a416a7d411d6cc4982622b3ac4887f1eb865498', class: "variable-name" }, h("span", { key: '896566205cff067dac4f47d7281ddef3698012f7', class: "variable-part" }, "tet-body-text-max-width"))))), h("div", { key: 'd05c6417bf760e0224ae4535b55b40a5ccf07dbc', class: "container" }, h("div", { key: '21cef3e70ddb19e10ae091a5b1d918aca15216a7', class: "container-title" }, "Piem\u0113rs"), h("div", { key: 'ad1dbe52caf3d5ab3b1da20b84cdc7c2b90da7db', class: "container-section container-example" }, h("code", { key: '4010cdaaee1bb10c2b4ad51e4e3f4361881d0789' }, "<p class=\"tet-body-text-max-width\">Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim.</p>"), h("p", { key: '369c598a46e740273170aab1c26a04a233865580', class: "paragraph tet-body-text-max-width" }, "Reprehenderit dolor sit esse sint. Irure veniam do excepteur est exercitation. Eiusmod nulla elit dolore nostrud dolore anim laboris enim amet. Sit amet adipisicing excepteur labore duis excepteur nisi et culpa nostrud pariatur anim."))));
     }
     static get is() { return "tet-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TetLink {
     render() {
-        return (h(Host, { key: '699b9a89582c24ee2ad42649c096d5f0e12e06e5' }, h("div", { key: 'c6ed668c7fc2cb7101d49dad63e610bd96580f67', class: "container variable-container" }, h("div", { key: '65660e541d68be26e1b09b1f376a6617093cf88d', class: "container-title main" }, "Linka klase"), h("div", { key: 'f10910f67a25a700bebee5c0658f2d2b3a5e7da2', class: "container-section" }, h("div", { key: '5a8bf26af29a9ed0dd3e00f3d8fbed45d392a947', class: "variable-wrapper" }, h("span", { key: 'bdc11f2d6de8d710da72887577fcb03f1f131ebd', class: "variable-name" }, h("span", { key: '347db8f7829e7556986ae6a27412c2c017c15da4', class: "variable-part" }, "tet"), h("span", { key: 'c8427baa2bdba732f9c70e81e71ef7ca9c38ed10', class: "variable-part" }, "-link"), h("span", { key: '9238a99b788a86243f55079b46e4efdcb75c13e4', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '925a7574ec18b4f2a4eb34c0dfcac6c8ee14770e', class: "container" }, h("div", { key: '33cc07946f63d9f80a28a37d016086cf531cbf84', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'f07983de3518b3ba29f59c0217b3c533e37ac218', class: "container-section container-example" }, h("code", { key: '3ba0d83f70cf4b817fe6c82d199a817416dbfed1', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: '6104b5490fdb810a130da3a2a0aaba3dc53765dc' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '8ac3eb5fb902787b740c99ec70fb521c6b647abb', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '2d11d99374d5c7977c2745638d3ac532e0342b3a', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '47c75a4cfeeaa97911b83718cb082e6f44761092' }, "Link klase ar bulti\u0146u uz ", h("a", { key: 'fb56bb5e024ebfd90b88d1f29b17bbf8d8b708e0', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '4560dd3303990301634ab1f038a6ded080dbce45', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '23c364d661cc5171fc3517c1deb61447b361caf4' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: '4f73c891db41791b5124e77e285f221479c11133', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: 'd146390a035abc15516c23e776fc0ead519de845', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: 'e30b8ca74a8c0887eb07e74f2676bb6c2faa518a', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: '25ca4ec8923c547b82fdec2a767a1628854207b2', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
+        return (h(Host, { key: '4f41216596629c384293886e60e013464c60d44f' }, h("div", { key: 'b4810174335aad4df4fedb4a2b73098b4b42a08c', class: "container variable-container" }, h("div", { key: 'cdc1f010e590b5a7ca55205b78222e5cf81b93a7', class: "container-title main" }, "Linka klase"), h("div", { key: '83aca0dc8d3e83f0eb7867d7f0df1006648525bf', class: "container-section" }, h("div", { key: '2c08a36a22ec442d6570034b07df93bde8c41911', class: "variable-wrapper" }, h("span", { key: 'ec529271a7a86b18faff5096e2a063f108bac25c', class: "variable-name" }, h("span", { key: 'db8f2bb6f2de593474c978eb85569ab5ca55f6a0', class: "variable-part" }, "tet"), h("span", { key: 'a80a87f7362cbed9bd9c34160235e3568ac8b567', class: "variable-part" }, "-link"), h("span", { key: 'db65d20150bdb0b961b94b6455e5ed2969494aaf', class: "variable-part variable variable-attribute" }, "__arrow"))))), h("div", { key: '3eef31d5de6fd0e508d3d2e6f5b384200537e160', class: "container" }, h("div", { key: 'd9ebcccc459dc4c0db2e03387e988ae22e2d43bf', class: "container-title" }, "Piem\u0113ri"), h("div", { key: '64a22d471603b62605dbef18c683354be952f127', class: "container-section container-example" }, h("code", { key: '8d9399ecf624726aac42da6dd2b20843c8e2a18a', class: "variable-example" }, "<a class=\"tet-link\" href=\"#\">Links uz tet</a>"), h("span", { key: 'c42502cde029032766687899265249276db92a7f' }, "Link klase bez bulti\u0146as uz ", h("a", { key: '532a11887f43c67acd323363af82b9621dc9f04d', class: "tet-link", href: "#" }, "elementa")), h("code", { key: '7dee5adea5c4d8375408f2518dc27d8b9ed1c40b', class: "variable-example" }, "<a class=\"tet-link__arrow\" href=\"#\">Links uz tet</a>"), h("span", { key: '35c3766298c2d0fca64894a7f811b3c54382ed3d' }, "Link klase ar bulti\u0146u uz ", h("a", { key: '986f808af1b41755fd18fc7d4af94500b3abbc7b', class: "tet-link__arrow", href: "#" }, "elementa")), h("code", { key: '954f75cae3c42485c21dfe3248c4b175b37a5c62', class: "variable-example" }, "<a class=\"tet-link__arrow tet-link--secondary\" href=\"#\">Links uz tet</a>"), h("span", { key: '5e0855dd894d3ea35d66dd24319093b5a0cfba2b' }, "Link klase sekund\u0101raj\u0101 kr\u0101s\u0101 uz ", h("a", { key: 'a814730a6219b3f19562d486b9604b922ddcdefb', class: "tet-link__arrow tet-link--secondary", href: "#" }, "elementa")), h("code", { key: '324bc610b8067449a94482dc0abc6d491ed314cd', class: "variable-example" }, "<a class=\"tet-link__arrow dark\" href=\"#\">Links uz tet</a>"), h("span", { key: '301773dedcc53826769cca6f3796d41a7976d843', class: "dark-example" }, "Link klase ar tum\u0161o t\u0113mu uz ", h("a", { key: 'ef92940998cf79bbd54a526a9f1cee264e54fd3d', class: "tet-link__arrow dark", href: "#" }, "elementa"))))));
     }
     static get is() { return "tet-link"; }
     static get encapsulation() { return "shadow"; }